diff --git a/app/Enums/HarimAction.php b/app/Enums/HarimAction.php index 462d0e02..77ff6c2f 100644 --- a/app/Enums/HarimAction.php +++ b/app/Enums/HarimAction.php @@ -9,6 +9,7 @@ enum HarimAction: int case NO = 3; case CONFIRM = 4; case REFER = 5; + case REJECT = 6; public static function name(int $state): string { @@ -18,6 +19,7 @@ enum HarimAction: int 3 => "خیر", 4 => "تائید کردن", 5 => "ارجاع", + 6 => "رد درخواست" ]; return $mapArray[$state]; diff --git a/app/Enums/HarimStates.php b/app/Enums/HarimStates.php index c97f94f6..9dcd1099 100644 --- a/app/Enums/HarimStates.php +++ b/app/Enums/HarimStates.php @@ -11,14 +11,15 @@ enum HarimStates: int case BARESI_FILE_APLODE_SHODE_TAVASOTE_DAFTAR_HARIM = 5; case BARESI_FILE_APLODE_SHODE_TAVASOTE_MOAVEN = 6; case BARESI_FILE_APLODE_SHODE_TAVASOTE_MODIR_KOL = 7; - case ERSAL_ZEMANAT_NAME_TAVASOTE_KARBAR =8; + case ERSAL_ZEMANAT_NAME_TAVASOTE_HARIM =8; case ERSAL_BE_PANJAREH_VAHED_NIAZ_BE_RAH_DASTRASI = 9; case EMKAN_PAZIR_NEMEBASHAD = 10; case ERSAL_BE_PANJAREH_VAHED_BEDONEH_NIAZ_BE_RAH_DASTRASI = 11; case UPDATE_FILE_BARGOZARE_SHODE = 12; - case TAEDE_ARSE_VA_AYAN_ERSAL_SHODE_TAVASOT_DAFTAR_KARBAR = 13; + case TAEDE_ARSE_VA_AYAN_ERSAL_SHODE_TAVASOT_DAFTAR_HARIM = 13; case TAEDE_ARSE_VA_AYAN_ERSAL_SHODE_TAVASOT_TAVASOTE_MOAVEN = 14; case TAEDE_ARSE_VA_AYAN_ERSAL_SHODE_TAVASOT_MODIR_KOL = 15; + case MOKHALEFAT_BA_DASTGAH = 16; public static function name(int $state): string { @@ -31,14 +32,14 @@ enum HarimStates: int 6 => "بررسی فایل آپلود شده توسط معاون", 7 => "بررسی فایل آپلود شده توسط مدیر", 8 => "ارسال ضمانت نامه توسط کاربر", - 9 => "ارسال به پنجره واحد ( نیاز به راه دسترسی)", + 9 => "ارسال به پنجره واحد (نیاز به راه دسترسی)", 10 => "امکان پذیر نمی باشد", 11 => "ارسال به پنجره واحد (بدون نیاز به راه دسترسی)", 12 => "بازبینی فایل بارگذاری شده", 13 => "تائید عرصه و اعیان ارسال شده توسط اداره حریم", 14 => "تائید عرصه و اعیان ارسال شده توسط معاون", 15 => "تائید عرصه و اعیان ارسال شده توسط مدیر", - + 16 => "مخالفت با درخواست" ]; return $mapArray[$state]; diff --git a/app/Http/Controllers/V2/Dashboard/RoadObservationController.php b/app/Http/Controllers/V2/Dashboard/RoadObservationController.php index e1a829ae..4b961b8b 100644 --- a/app/Http/Controllers/V2/Dashboard/RoadObservationController.php +++ b/app/Http/Controllers/V2/Dashboard/RoadObservationController.php @@ -3,6 +3,7 @@ namespace App\Http\Controllers\V2\Dashboard; use App\Http\Controllers\Controller; +use App\Jobs\UpdateRoadObservedInfoByNikarayanJob; use App\Services\NikarayanService; use Illuminate\Http\Request; use Hekmatinasser\Verta\Verta; @@ -570,7 +571,8 @@ class RoadObservationController extends Controller // } // $url = "https://riws.rmto.ir/WebServices/NRPTrafficStatus.asmx?wsdl"; try { - $result = $nikarayanService->updateRoadObservedInfoByNikarayan($request, $roadObserved, $files_path); +// $result = $nikarayanService->updateRoadObservedInfoByNikarayan($request->only(['rms-status', 'rms-description']), $roadObserved, $files_path); + $result = UpdateRoadObservedInfoByNikarayanJob::dispatch($roadObserved, $files_path)->onQueue('nikarayan'); } catch (SoapFault $e) { $msg = "error in send to nikarayan at" . date("Y-m-d H:i:s") . "\n" . 'rms: error in get road observation webservice babe!!!!' . "\n"; diff --git a/app/Http/Controllers/V3/Dashboard/Accident/AccidentReceiptController.php b/app/Http/Controllers/V3/Dashboard/Accident/AccidentReceiptController.php index 6e44793f..480daeef 100644 --- a/app/Http/Controllers/V3/Dashboard/Accident/AccidentReceiptController.php +++ b/app/Http/Controllers/V3/Dashboard/Accident/AccidentReceiptController.php @@ -105,7 +105,7 @@ class AccidentReceiptController extends Controller $accidentData['ojrate_nasb'] = $ojrate_nasb; $accidentData['sum'] = $sum; - $accidentData['driver_share_amount'] = ($request->sum * $request->driver_rate)/100; + $accidentData['driver_share_amount'] = ($sum * $request->driver_rate)/100; $accident = Accident::query()->create($accidentData); $accident->damage_picture1 = FileFacade::save($request->file('damage_picture1'), "receipts_files/{$accident->id}"); @@ -195,8 +195,7 @@ class AccidentReceiptController extends Controller $accidentData['ojrate_nasb'] = $ojrate_nasb; $accidentData['sum'] = $sum; - $accidentData['driver_share_amount'] = ($request->sum * $request->driver_rate)/100; - + $accidentData['driver_share_amount'] = ($sum * $request->driver_rate)/100; $accident->update($accidentData); diff --git a/app/Http/Controllers/V3/Dashboard/Harim/PanjareVahedController.php b/app/Http/Controllers/V3/Dashboard/Harim/PanjareVahedController.php index 8960e165..da24affc 100644 --- a/app/Http/Controllers/V3/Dashboard/Harim/PanjareVahedController.php +++ b/app/Http/Controllers/V3/Dashboard/Harim/PanjareVahedController.php @@ -5,12 +5,13 @@ namespace App\Http\Controllers\V3\Dashboard\Harim; use App\Enums\HarimStates; use App\Http\Controllers\Controller; use App\Http\Requests\V3\Dashboard\Harim\PanjareVahed\GetAccessRoadRequest; +use App\Http\Requests\V3\Dashboard\Harim\PanjareVahed\GetFinalPolygonsRequest; +use App\Http\Requests\V3\Dashboard\Harim\PanjareVahed\GetRejectRequest; use App\Http\Requests\V3\Dashboard\Harim\PanjareVahed\ReceiveNewRequest; use App\Http\Traits\ApiResponse; use App\Models\City; use App\Models\Harim; use Illuminate\Database\Eloquent\ModelNotFoundException; -use Illuminate\Http\Request; class PanjareVahedController extends Controller { @@ -41,22 +42,24 @@ class PanjareVahedController extends Controller Harim::query()->create([ 'state_id' => $state, 'state_name' => HarimStates::name($state), - 'panjare_vahed_id' => $request->id, + 'panjare_vahed_id' => $request->panjare_vahed_id, 'national_id' => $request->national_id, 'phone_number' => $request->phone_number, 'request_date' => $request->request_date, 'province_id' => $city->province_id, 'province_name' => $city->province()->first()->name_fa, 'city_id' => $city->id, - 'city_name' => $city->name, + 'city_name' => $city->name_fa, 'edareh_shahri_id' => $city->edarateShahri()->first()->id, - 'requested_organization' => $request->organization, + 'requested_organization' => $request->requested_organization, 'plan_group' => $request->plan_group, 'plan_title' => $request->plan_title, 'worksheet_id' => $request->worksheet_id, 'response_options' => json_encode($request->response_options), 'isic' => $request->isic, - 'primary_area' => $request->primary_area, + 'primary_area' => json_encode($request->primary_area), + 'lat' => $request->lat, + 'lng' => $request->lng, ]); return $this->successResponse([ @@ -79,4 +82,36 @@ class PanjareVahedController extends Controller return $this->successResponse(); } + + + public function getRejectRequest(GetRejectRequest $request) + { + $state = HarimStates::MOKHALEFAT_BA_DASTGAH->value; + + Harim::query() + ->firstWhere('panjare_vahed_id', '=', $request->panjare_vahed_id) + ->update([ + 'state_id' => $state, + 'state_name' => HarimStates::name($state), + ]); + + return $this->successResponse(); + } + + + public function getFinalPolygons(GetFinalPolygonsRequest $request) + { + $state = HarimStates::TAEDE_ARSE_VA_AYAN_ERSAL_SHODE_TAVASOT_DAFTAR_HARIM->value; + + Harim::query() + ->firstWhere('panjare_vahed_id', '=', $request->panjare_vahed_id) + ->update([ + 'state_id' => $state, + 'state_name' => HarimStates::name($state), + 'final_area' => $request->final_area, + 'final_plan' => $request->final_plan, + ]); + + return $this->successResponse(); + } } diff --git a/app/Http/Controllers/V3/Dashboard/RoadMaintenanceStationController.php b/app/Http/Controllers/V3/Dashboard/RoadMaintenanceStationController.php index e1d5cbf6..91f6d0dc 100644 --- a/app/Http/Controllers/V3/Dashboard/RoadMaintenanceStationController.php +++ b/app/Http/Controllers/V3/Dashboard/RoadMaintenanceStationController.php @@ -26,50 +26,17 @@ class RoadMaintenanceStationController extends Controller $user = auth()->user(); $user->addActivityComplete(1019); - $province = $request->province; - $status = $request->status; - $type = $request->type; - $query = RahdariPoint::query() - ->when($status, fn ($query, $status) => $query->where('status', $status)) - ->when($type, fn ($query, $type) => $query->where('type', $type)) - ->when($province, fn($query, $province) => $query->where('province_id', $province)); + ->when($user->hasPermissionTo('show-tollhouse-province') && !$user->hasPermissionTo('show-tollhouse'), + fn ($query) => $query->where('province_id', $user->province_id) + ); - if ($user->hasPermissionTo('show-tollhouse-province') && !$user->hasPermissionTo('show-tollhouse')) { - $query->where('province_id', $user->province_id); - } - - $data = DataTableFacade::run( + return response()->json(DataTableFacade::run( $query, $request, allowedFilters: ['*'], allowedSortings: ['*'] - ); - - - foreach ($data['data'] as &$stations) { - if ($user->hasPermissionTo('edit-tollhouse')) { - $stations['canEdit'] = 1; - } - elseif ($user->hasPermissionTo('edit-tollhouse-province') && $stations->province_id == $user->province_id) { - $stations['canEdit'] = 1; - } - else { - $stations['canEdit'] = 0; - } - - if ($user->hasPermissionTo('delete-tollhouse')) { - $stations['canDelete'] = 1; - } - elseif ($user->hasPermissionTo('delete-tollhouse-province') && $stations->province_id == $user->province_id) { - $stations['canDelete'] = 1; - } - else { - $stations['canDelete'] = 0; - } - } - - return response()->json($data); + )); } /** diff --git a/app/Http/Controllers/V3/Dashboard/RoadObservation/OperatorController.php b/app/Http/Controllers/V3/Dashboard/RoadObservation/OperatorController.php index 33f5c8c3..f4f2807f 100644 --- a/app/Http/Controllers/V3/Dashboard/RoadObservation/OperatorController.php +++ b/app/Http/Controllers/V3/Dashboard/RoadObservation/OperatorController.php @@ -105,13 +105,13 @@ class OperatorController $roadObservedHistoryData['new_files'] = json_encode($files_path); } - DB::transaction(function () use ($roadObserved, $roadObservedHistoryData, $roadObservedData, $request, $nikarayanService, $files_path) { + DB::transaction(function () use ($roadObserved, $roadObservedHistoryData, $roadObservedData, $nikarayanService, $files_path) { $roadObserved->problemHistories()->create($roadObservedHistoryData); $roadObserved->update($roadObservedData); auth()->user()->addActivityComplete(1142); - $nikarayanService->updateRoadObservedInfoByNikarayan($request, $roadObserved, $files_path); + $nikarayanService->updateRoadObservedInfoByNikarayan($roadObserved, $files_path); }); return $this->successResponse(); @@ -170,13 +170,13 @@ class OperatorController $roadObservedHistoryData['new_files'] = $files; } - DB::transaction(function () use ($roadObserved, $roadObservedHistoryData, $roadObservedData, $request, $nikarayanService) { + DB::transaction(function () use ($roadObserved, $roadObservedHistoryData, $roadObservedData, $files_path, $nikarayanService) { $roadObserved->problemHistories()->create($roadObservedHistoryData); $roadObserved->update($roadObservedData); auth()->user()->addActivityComplete(1142); - $nikarayanService->updateRoadObservedInfoByNikarayan($request, $roadObserved, json_encode($roadObservedHistoryData['new_files'])); + $nikarayanService->updateRoadObservedInfoByNikarayan($roadObserved, $files_path); }); return $this->successResponse(); diff --git a/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetAccessRoadRequest.php b/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetAccessRoadRequest.php index d10967e2..b6ef6414 100644 --- a/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetAccessRoadRequest.php +++ b/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetAccessRoadRequest.php @@ -12,18 +12,18 @@ class GetAccessRoadRequest extends FormRequest */ public function authorize(): bool { - return false; + return true; } /** * Get the validation rules that apply to the request. * - * @return array + * @return array */ public function rules(): array { return [ - 'panjare_vahed_id' => 'required|string', + 'panjare_vahed_id' => 'required', 'access_road' => 'required', ]; } diff --git a/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetFinalPolygonsRequest.php b/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetFinalPolygonsRequest.php new file mode 100644 index 00000000..f51f5477 --- /dev/null +++ b/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetFinalPolygonsRequest.php @@ -0,0 +1,31 @@ + + */ + public function rules(): array + { + return [ + 'panjare_vahed_id' => 'required', + 'final_area' => 'required', + 'final_plan' => 'required', + ]; + } +} diff --git a/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetRejectRequest.php b/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetRejectRequest.php new file mode 100644 index 00000000..4167306b --- /dev/null +++ b/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/GetRejectRequest.php @@ -0,0 +1,29 @@ + + */ + public function rules(): array + { + return [ + 'panjare_vahed_id' => 'required', + ]; + } +} diff --git a/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/ReceiveNewRequest.php b/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/ReceiveNewRequest.php index 36f4bf2e..0319c932 100644 --- a/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/ReceiveNewRequest.php +++ b/app/Http/Requests/V3/Dashboard/Harim/PanjareVahed/ReceiveNewRequest.php @@ -23,7 +23,7 @@ class ReceiveNewRequest extends FormRequest public function rules(): array { return [ - 'panjare_vahed_id' => 'required|integer', + 'panjare_vahed_id' => 'required|integer|unique:harims,panjare_vahed_id', 'national_id' => 'required', 'phone_number' => 'required', 'request_date' => 'required', @@ -34,6 +34,8 @@ class ReceiveNewRequest extends FormRequest 'response_options' => 'required', 'isic' => 'required', 'primary_area' => 'required', + 'lat' => 'required', + 'lng' => 'required', ]; } } diff --git a/app/Jobs/UpdateRoadObservedInfoByNikarayanJob.php b/app/Jobs/UpdateRoadObservedInfoByNikarayanJob.php new file mode 100644 index 00000000..f79e7215 --- /dev/null +++ b/app/Jobs/UpdateRoadObservedInfoByNikarayanJob.php @@ -0,0 +1,45 @@ +updateRoadObservedInfoByNikarayan($this->roadObserved, $this->files); + } + + /** + * Handle a job failure. + */ + public function failed(?Throwable $exception): void + { + NikarayanFault::query()->create([ + 'road_observed_id' => $this->roadObserved->id, + 'response' => $exception->getMessage(), + ]); + } +} diff --git a/app/Models/NikarayanFault.php b/app/Models/NikarayanFault.php new file mode 100644 index 00000000..e7c30ad1 --- /dev/null +++ b/app/Models/NikarayanFault.php @@ -0,0 +1,19 @@ +belongsTo(RoadObserved::class); + } +} diff --git a/app/Models/RoadObserved.php b/app/Models/RoadObserved.php index 3b9f3449..f7a28c01 100644 --- a/app/Models/RoadObserved.php +++ b/app/Models/RoadObserved.php @@ -5,6 +5,7 @@ namespace App\Models; use Illuminate\Database\Eloquent\Casts\Attribute; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; +use Illuminate\Database\Eloquent\Relations\HasMany; use Illuminate\Database\Eloquent\Relations\MorphToMany; use Illuminate\Support\Facades\Storage; @@ -136,4 +137,9 @@ class RoadObserved extends Model 'mission_id', ); } + + public function nikarayanFaults(): HasMany + { + return $this->hasMany(NikarayanFault::class); + } } diff --git a/app/Services/NikarayanService.php b/app/Services/NikarayanService.php index aa09748e..7f2bfac3 100644 --- a/app/Services/NikarayanService.php +++ b/app/Services/NikarayanService.php @@ -14,7 +14,7 @@ class NikarayanService /** * @throws SoapFault */ - public function updateRoadObservedInfoByNikarayan(Request $request, RoadObserved $roadObserved, $files) + public function updateRoadObservedInfoByNikarayan(RoadObserved $roadObserved, $files) { if (App::isProduction()) { @@ -24,8 +24,8 @@ class NikarayanService $array = array('strUserName' => 'vaytelrop', 'strPassword' => 'VaYtelROP*2024', 'strAutoID' => $roadObserved->fk_RegisteredEventMessage, - 'strStateID' => ($request->input('rms-status') == 1) ? '2' : '3', - 'strDescription' => $request->input('rms-description') ?? $roadObserved->rms_description, + 'strStateID' => ($roadObserved->rms_status == 1) ? '2' : '3', + 'strDescription' => $roadObserved->rms_description, 'strPreviousImageLink' => !empty($files) && isset($files[0]['path']) ? "https://rms.rmto.ir/" . $files[0]['path'] : "", 'strNextImageLink' => !empty($files) && isset($files[1]['path']) ? "https://rms.rmto.ir/" . $files[1]['path'] : "", 'strRMSDateAndTime' => $roadObserved->updated_at diff --git a/config/horizon.php b/config/horizon.php index 30c4c398..1a39bc92 100644 --- a/config/horizon.php +++ b/config/horizon.php @@ -208,6 +208,20 @@ return [ 'nice' => 0, 'backoff' => 10, ], + 'supervisor-3' => [ + 'connection' => 'redis', + 'queue' => ['nikarayan'], + 'balance' => 'auto', + 'autoScalingStrategy' => 'time', + 'maxProcesses' => 1, + 'maxTime' => 0, + 'maxJobs' => 0, + 'memory' => 128, + 'tries' => 2, + 'timeout' => 60, + 'nice' => 0, + 'backoff' => 10, + ], ], 'environments' => [ @@ -222,6 +236,11 @@ return [ 'balanceMaxShift' => 1, 'balanceCooldown' => 3, ], + 'supervisor-3' => [ + 'maxProcesses' => 10, + 'balanceMaxShift' => 1, + 'balanceCooldown' => 3, + ], ], 'local' => [ @@ -231,6 +250,9 @@ return [ 'supervisor-2' => [ 'maxProcesses' => 3, ], + 'supervisor-3' => [ + 'maxProcesses' => 3, + ], ], ], ]; diff --git a/database/factories/HarimFactory.php b/database/factories/HarimFactory.php index d5f07b19..248f6adf 100644 --- a/database/factories/HarimFactory.php +++ b/database/factories/HarimFactory.php @@ -21,38 +21,41 @@ class HarimFactory extends Factory public function definition(): array { return [ + 'panjare_vahed_id' => $this->faker->numberBetween(1, 100), + 'national_id' => $this->faker->numberBetween(1, 100), + 'phone_number' => $this->faker->numerify('09#########'), 'state_id' => $this->faker->numberBetween(1,15), 'state_name' => function (array $attributes) { return HarimState::query()->find($attributes['state_id'])->name; }, - 'first_name' => $this->faker->firstName(), - 'last_name' => $this->faker->lastName(), - 'phone_number' => $this->faker->numerify('09#########'), - 'request_number' => $this->faker->numerify(), 'request_date' => $this->faker->date(), 'province_id' => Province::factory(), 'province_name' => function (array $attributes) { - return Province::query()->find($attributes['province_id'])->name_fa; + return Province::query()->find($attributes['province_id'])->name_fa; }, 'city_id' => City::factory(), 'city_name' => function (array $attributes) { - return City::query()->find($attributes['city_id'])->name_fa; + return City::query()->find($attributes['city_id'])->name_fa; }, 'edareh_shahri_id' => EdarateShahri::factory(), - 'county' => $this->faker->citySuffix, - 'division' => $this->faker->word, - 'village' => $this->faker->name, - 'grand_area' => $this->faker->numberBetween(1,100), - 'plan_area' => $this->faker->numberBetween(1,100), 'requested_organization' => $this->faker->name, 'plan_group' => $this->faker->name, 'plan_title' => $this->faker->title, - 'address' => $this->faker->address, - 'file' => $this->faker->name, - 'polygon' => json_encode($this->faker->numerify()), - 'need_road_access' => $this->faker->boolean(), - 'is_file_good' => $this->faker->boolean(), 'is_possible' => $this->faker->boolean(), + 'worksheet_id' => $this->faker->uuid, + 'response_options' => json_encode(['type' => 'polygon', 'coordinates' => [[11.2, 22.2], [33.2, 44.2], [11.2, 22.2]]]), + 'isic' => $this->faker->text, + 'primary_area' => json_encode(['type' => 'polygon', 'coordinates' => [[11.2, 22.2], [33.2, 44.2], [11.2, 22.2]]]), + 'forbidden_area' => json_encode(['type' => 'polygon', 'coordinates' => [[11.2, 22.2], [33.2, 44.2], [11.2, 22.2]]]), + 'final_area' => json_encode(['type' => 'polygon', 'coordinates' => [[11.2, 22.2], [33.2, 44.2], [11.2, 22.2]]]), + 'final_plan' => json_encode(['type' => 'polygon', 'coordinates' => [[11.2, 22.2], [33.2, 44.2], [11.2, 22.2]]]), + 'access_road' => json_encode(['type' => 'polygon', 'coordinates' => [[11.2, 22.2], [33.2, 44.2], [11.2, 22.2]]]), + 'need_payment' => $this->faker->boolean(), + 'payment_amount' => $this->faker->numberBetween(1000, 1000000), + 'need_access_road' => $this->faker->boolean(), + 'access_road_allowed' => $this->faker->boolean(), + 'lat' => $this->faker->latitude, + 'lng' => $this->faker->longitude, ]; } } diff --git a/database/factories/HarimHistoryFactory.php b/database/factories/HarimHistoryFactory.php index 51a87c10..ff214018 100644 --- a/database/factories/HarimHistoryFactory.php +++ b/database/factories/HarimHistoryFactory.php @@ -25,17 +25,13 @@ class HarimHistoryFactory extends Factory 'previous_state_name' => function (array $attributes) { return HarimStates::query()->find($attributes['state_id'])->name; }, - 'current_state_id' => HarimState::factory(), - 'current_state_name' => function (array $attributes) { - return HarimState::query()->find($attributes['state_id'])->name; - }, + 'action_id' => HarimAction::factory(), 'action_name' => function (array $attributes) { return HarimAction::query()->find($attributes['state_id'])->name; }, 'expert_id' => User::factory(), 'expert_description' => $this->fake()->text, - 'previous_data' => json_encode(['fake']), ]; } } diff --git a/database/factories/NikarayanFaultFactory.php b/database/factories/NikarayanFaultFactory.php new file mode 100644 index 00000000..ed6469f2 --- /dev/null +++ b/database/factories/NikarayanFaultFactory.php @@ -0,0 +1,18 @@ +string('worksheet_id'); $table->json('response_options')->nullable(); $table->string('isic'); - $table->polygon('primary_area'); - $table->polygon('forbidden_area')->nullable(); - $table->polygon('final_area')->nullable(); - $table->polygon('final_plan')->nullable(); - $table->polygon('access_road')->nullable(); + $table->json('primary_area'); + $table->json('forbidden_area')->nullable(); + $table->json('final_area')->nullable(); + $table->json('final_plan')->nullable(); + $table->json('access_road')->nullable(); $table->boolean('need_payment')->nullable(); $table->string('payment_amount')->nullable(); $table->boolean('need_access_road')->nullable(); diff --git a/database/migrations/2025_09_08_104051_create_nikarayan_faults_table.php b/database/migrations/2025_09_08_104051_create_nikarayan_faults_table.php new file mode 100644 index 00000000..09aaf249 --- /dev/null +++ b/database/migrations/2025_09_08_104051_create_nikarayan_faults_table.php @@ -0,0 +1,30 @@ +id(); + $table->foreignId('road_observed_id')->constrained('road_observeds'); + $table->text('response'); + $table->timestamps(); + }); + } + + /** + * Reverse the migrations. + */ + public function down(): void + { + Schema::dropIfExists('nikarayan_faults'); + } +}; diff --git a/database/seeders/HarimStateSeeder.php b/database/seeders/HarimStateSeeder.php index 0024e975..25b3e268 100644 --- a/database/seeders/HarimStateSeeder.php +++ b/database/seeders/HarimStateSeeder.php @@ -29,6 +29,8 @@ class HarimStateSeeder extends Seeder ['id' => 13, 'name' => 'تائید عرصه و اعیان ارسال شده توسط اداره حریم', 'created_at' => now(), 'updated_at' => now(),], ['id' => 14, 'name' => 'تائید عرصه و اعیان ارسال شده توسط معاون', 'created_at' => now(), 'updated_at' => now(),], ['id' => 15, 'name' => 'تائید عرصه و اعیان ارسال شده توسط مدیر', 'created_at' => now(), 'updated_at' => now(),], + ['id' => 16, 'name' => 'مخالفت با درخواست', 'created_at' => now(), 'updated_at' => now(),], + ]); } } diff --git a/public/.gitignore b/public/.gitignore index 1c432f36..e69de29b 100644 --- a/public/.gitignore +++ b/public/.gitignore @@ -1,8 +0,0 @@ -* -!.gitignore -!.htaccess -!favicon.ico -!index.php -!robots.txt -!vendor -!web.config diff --git a/public/dist/141icon.png b/public/dist/141icon.png new file mode 100644 index 00000000..59aea6ee Binary files /dev/null and b/public/dist/141icon.png differ diff --git a/public/dist/css/AllMap.css b/public/dist/css/AllMap.css new file mode 100644 index 00000000..b052275b --- /dev/null +++ b/public/dist/css/AllMap.css @@ -0,0 +1,2661 @@ +ul { + list-style-type: none; + } + .HeaderStyle { + font-weight: bold; + color: #fe854c; + text-align: center; + font-size: 15px; + font-family: 'IRANSansFaNum'; + margin-bottom:20px; + } + .res-daily-vertical-check { + border-radius: 10px; + border-right: none; + transform: translateX(-20px); + text-align: center !important; + border: 2px solid #ff5c0f !important; + background-color: #4060a2 !important; + opacity: 1 !important; + } + + .navbar { + padding: 5px 10px 0px 10px !important; + } + + .filterParent { + padding: 15px; + background-color: white; + border-radius: 10px; + } + + .filterTitle { + font-size: 13px; + margin-bottom: 8px; + font-weight: bold; + cursor: pointer; + } + + .rahdaruploadedphoto { + padding: 10px 10px; + } + + #showpoint { + font-size: 12px; + font-family: "IRANSansFaNum"; + } + + .tablemodal { + font-size: 12px; + font-family: "IRANSansFaNum"; + } + + .js-loading-overlay { + background-color: rgba(0, 0, 0, 0.5); + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + } + + body { + font-family: "IRANSansFaNum"; + } + + #map { + width: 100%; + z-index: 10; + } + + .popup-fastreact-redesign { + text-align: center; + } + + .popupContent { + margin-left: auto; + margin-right: auto; + } + + .popupheader-fastreact-redesign { + display: block; + font-size: 14px; + font-weight: 600; + font-family: IRANSansFaNum, sans-serif; + } + + .popup-header-fast { + padding: 7.5px; + } + + .popup-header-fast1 { + border-left: 2px solid #ff5c0f; + border-bottom: 2px solid #ff5c0f; + } + + .popup-header-fast2 { + border-bottom: 2px solid #ff5c0f; + } + + .popUpBoxContent { + font-size: 10px; + font-weight: bold; + font-family: IRANSansFaNum, sans-serif; + } + + .popupheader-fastreact-style { + color: #007bff; + text-align: center; + font-weight: 700; + font-family: IRANSansFaNum, sans-serif; + border-bottom: 1px solid #ff5c0f; + } + + .beacon { + position: absolute; + top: 50%; + left: 38%; + background-color: #007bff; + height: 0.6em; + width: 0.6em; + border-radius: 50%; + z-index: 1010; + } + + .beacon-red { + background-color: #dc3545; + } + + .beacon-redd { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; + } + + .beacon-purple { + -webkit-print-color-adjust: exact !important; + background-color: rgb(89, 0, 255); + } + + .beacon-pink { + -webkit-print-color-adjust: exact !important; + background-color: rgb(255, 13, 255); + } + + .beacon-sBlueIcon { + -webkit-print-color-adjust: exact !important; + background-color: rgb(0, 153, 255); + } + + .customPopupStyle .leaflet-popup-content-wrapper { + width: 315px !important; + } + + .customPopupStyle .popup { + width: 276px; + } + + .starter-project-page .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ + } + + .popupHeaderContent { + text-align: justify; + display: inline; + } + + .guid-custom-box { + top: 89px; + right: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + overflow-y: scroll; + background-color: #dee2e6; + width: 371px; + } + .guid-winter-camp { + top: 120px; + left: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 500px; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + background-color: #dee2e6; + width: 100%; + } + .coridor{ + height: 50px; +background-color: #ffffff; +cursor: pointer; +font-size: 12px; +padding: 10px; + } + .borderclass{ + border:2px solid #ff5c0f + } + .nonborderclass{ + border: none; + } + .guid-custom-box-item { + top: 89px; + right: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + overflow-y: scroll; + background-color: #dee2e6; + width: 284px; + } + .guid-custom-box-allpoint { + top: 89px; + right: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + background-color: #dee2e6; + width: 284px; + } + .guid-custom-box-251points { + top: 89px; + right: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + background-color: #dee2e6; + width: 284px; + } + .guid-custom-box-rahdar { + top: 89px; + right: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + overflow-y: scroll; + background-color: #dee2e6; + width: 284px; + } + .guid-custom-box-fast { + top: 89px; + right: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + overflow-y: scroll; + background-color: #dee2e6; + width: 284px; + } + + .guid-custom-box-safety { + top: 89px; + right: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + overflow-y: scroll; + background-color: #dee2e6; + width: 284px; + } + + .guid-custom-boxcamp { + top: 89px; + right: 20px; + opacity: 0.9; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + animation: animate__bounceInRight; + overflow-y: scroll; + background-color: #dee2e6; + width: 284px; + } + + .guid-custom-box2 { + top: 267px; + right: 190px; + opacity: 0.9; + background-color: #fff; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; + } + + .guid-custom-box3 { + top: 417px; + right: 20px; + opacity: 0.9; + background-color: #fff; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; + } + + .guid-custom-box4 { + top: 267px; + right: 20px; + opacity: 0.9; + background-color: #fff; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; + } + + .map-footer-style { + position: absolute; + bottom: 0px; + left: 0px; + right: 0px; + z-index: 11; + background-color: #fff; + } + + .havig { + text-align: center; + margin-bottom: 3px; + } + + .contactUsPart { + padding-left: 30px; + } + + .contactUsPart .time { + color: #ff5c0f; + unicode-bidi: embed; + } + + .zoom { + height: 100px; + width: 100px; + margin-right: 3%; + transition: transform 0.2s; + } + + .zoom:hover { + -ms-transform: scale(3); + /* IE 9 */ + -webkit-transform: scale(3); + /* Safari 3-8 */ + transform: scale(3); + } + + .danger-points-block { + margin-top: 10px; + display: none; + background-color: #f9f9f9; + position: relative; + border-radius: 0; + font-size: 12px; + font-weight: 400; + color: #404040; + } + + .danger-points-block-item { + border-radius: 0 !important; + font-size: 12px !important; + font-weight: 400 !important; + color: #404040 !important; + } + + .danger-points-block-item:hover { + background-color: #cecece; + } + + .show-danger-points { + float: none; + padding: 12px 16px; + display: block; + text-align: right; + font-size: 12px; + } + + .show-danger-points:hover > .danger-points-block { + display: block; + } + + .blink_me_imageupload { + animation: blinker 1s linear infinite; + } + + @keyframes blinker { + 50% { + opacity: 0; + } + } + + .icheck-primary label { + font-weight: 400 !important; + font-size: 11px; + } + + .projecttypemodal { + font-size: 11px; + } + + .left-menu-map { + display: none; + } + + .left-menu-141 { + display: none; + } + + .user-box { + top: 32px !important; + display: none; + /* right: 100px; */ + opacity: 0.9; + background-color: #ffffff; + z-index: 13; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 230px; + max-height: 50%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; + left: 0; + font-size: 12px; + } + + .toll-box { + right: 100px; + opacity: 0.9; + background-color: rgba(255, 255, 255, 0); + z-index: 10; + padding: 15px; + border-radius: 7px; + position: absolute; + bottom: 120px; + max-width: 230px; + max-height: 50%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; + display: none; + } + + .update-box { + right: 100px; + opacity: 0.9; + background-color: rgba(255, 255, 255, 0); + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + position: absolute; + bottom: 60px; + max-width: 230px; + max-height: 50%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; + } + + .navbar-sp { + font-size: 12px; + color: #000000 !important; + } + + .profile { + margin-left: 60px; + border: 2px solid #ff5c0f; + padding: 10px 15px; + border-radius: 5px; + } + + .line { + align-items: flex-end; + } + + .toll-box { + right: 100px; + opacity: 0.9; + background-color: rgba(255, 255, 255, 0); + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + position: absolute; + bottom: 100px; + max-width: 230px; + max-height: 50%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; + } + + .barchart { + width: 25px; + height: 25px; + } + + .update-button { + width: 100%; + height: 33px; + padding: 0 7px; + /* border: 1px solid rgba(22, 67, 88, 0.75);s */ + border-radius: 4px; + background-color: white; + float: right; + cursor: pointer; + color: rgba(22, 67, 88, 0.75); + font-size: 12px; + } + + .toll-button { + width: 100%; + height: 33px; + padding: 0 1rem; + /* border: 1px solid rgba(22, 67, 88, 0.75);s */ + border-radius: 4px; + background-color: white; + float: right; + cursor: pointer; + color: rgba(22, 67, 88, 0.75); + font-size: 12px; + } + + .menu-stat-close { + position: absolute; + top: 20px; + left: 5px; + width: 36px; + height: 36px; + z-index: 18; + cursor: pointer; + color: rgba(0, 0, 0, 0.5); + } + + .menu-stat-title { + margin-bottom: 30px; + font-weight: 500; + } + + #showTitle { + text-align: start; + margin-right: 1%; + } + + .popUpBoxContent { + font-size: 10px; + font-weight: bold; + font-family: IRANSansFaNum, sans-serif; + margin-top: 10px; + } + + .click-popup_ { + cursor: pointer; + } + + .click-popup_:hover { + background-color: rgb(226, 226, 226); + } + + .showAnnouncement { + width: 100%; + height: 33px; + padding: 0 1rem; + border: 1px solid rgba(22, 67, 88, 0.75); + border-radius: 4px; + background-color: white; + float: right; + cursor: pointer; + color: rgba(22, 67, 88, 0.75); + font-size: 12px; + margin-top: 10px; + } + + .responsiveTopMenuname { + float: left; + display: flex; + flex-direction: column; + color: #ffffff; + text-align: center; + padding: 8px !important; + text-decoration: none; + border: 1px solid; + border-radius: 50%; + top: 9px; + position: absolute; + font-size: 15px; + left: 22px; + cursor: pointer; + } + + .content-wrapper { + min-height: 0px !important; + } + + .navbar-private-style { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + z-index: 11; + box-shadow: 0px 4px 5px #000000; + } + + .logoPart { + padding: 10px 40px; + display: inline-block; + } + + .navbar-sp { + color: #ffffff !important; + font-size: 10px; + } + + @media only screen and (min-width: 1700px) { + .logoPart { + font-size: 14px; + } + .contactUsPart { + font-size: 14px; + } + } + + @media only screen and (max-width: 799px) { + .footer-new-style { + background-color: #fff; + position: fixed; + bottom: 0px; + right: 0px; + left: 0px; + font-family: "IRANSansFaNum"; + font-size: 10px; + font-weight: 700; + justify-content: center; + } + .contactUsPart { + padding-left: 0px; + } + } + + @media only screen and (max-width: 800px) { + .logoPart { + padding: 10px 40px; + display: inline-block; + } + } + + .loader { + display: inline-block; + width: 40px; + height: 40px; + position: relative; + border: 4px solid #ff5c0f; + top: 0; + animation: loader 2s infinite ease; + } + + .loader-inner { + vertical-align: top; + display: inline-block; + width: 100%; + background-color: #fff; + animation: loader-inner 2s infinite ease-in; + } + + .navbar-nav .dropdown-menu { + position: absolute !important; + } + + @keyframes loader { + 0% { + transform: rotate(0deg); + } + 25% { + transform: rotate(180deg); + } + 50% { + transform: rotate(180deg); + } + 75% { + transform: rotate(360deg); + } + 100% { + transform: rotate(360deg); + } + } + + @keyframes loader-inner { + 0% { + height: 0%; + } + 25% { + height: 0%; + } + 50% { + height: 100%; + } + 75% { + height: 100%; + } + 100% { + height: 0%; + } + } + + .divloader { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 20; + } + + .popupTitle img { + width: 30px; + height: 30px; + margin: 0 auto; + margin-bottom: 6px; + } + + .popupTitle { + display: flex; + flex-direction: column; + } + + .popupHeader { + text-align: center; + margin-bottom: 6px; + font-size: 14px; + font-weight: 600; + } + + .popup { + font-family: "IRANSansFaNum"; + } + + .popUpBanner { + text-align: center; + margin-bottom: 5px; + font-size: 12px; + } + + .popUpfirst { + border-left: 1px solid #ff5c0f; + } + + .popUpfirst span { + color: #4962ac; + } + + .popUpBox span { + color: #4962ac; + } + + .popUpBox { + text-align: center; + } + + .leaflet-container a.leaflet-popup-close-button { + left: 0 !important; + } + + .header-popupcontent-allpoints { + font-weight: 700; + color: #4962ac; + } + + .popupFooter { + text-align: center; + } + + .popupFooter { + border-bottom: 2px solid #ff5c0f; + padding-bottom: 5px; + } + + .beacon-green-fix { + -webkit-print-color-adjust: exact !important; + background-color: #28a745; + } + .beacon-yellow-fix { + -webkit-print-color-adjust: exact !important; + background-color: rgb(191, 163, 10); + } + + .beacon-green { + -webkit-print-color-adjust: exact !important; + background-color: #28a745; + } + + .beacon-greenn { + -webkit-print-color-adjust: exact !important; + background-color: #28a745; + } + + .beacon-red { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; + } + + .beacon-red-fix { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; + } + + .beacon-red:before { + position: absolute; + content: ""; + height: 0.3rem; + width: 0.3rem; + left: 0; + top: 0; + background-color: transparent; + border-radius: 50%; + box-shadow: 0px 0px 2px 2px #dc3545; + -webkit-animation: active 2s infinite linear; + animation: active 2s infinite linear; + } + + .beacon-green:before { + position: absolute; + content: ""; + height: 0.3rem; + width: 0.3rem; + left: 0; + top: 0; + background-color: transparent; + border-radius: 50%; + box-shadow: 0px 0px 2px 2px #28a745; + -webkit-animation: active 2s infinite linear; + animation: active 2s infinite linear; + } + + .popupContent-button { + text-align: start; + } + + .popup-btn-edit-point { + font-size: 12px; + font-weight: 600; + margin-top: 5px; + } + + .label-allpoint-style { + font-size: 12px; + font-weight: 500 !important; + } + + .uploadfile { + top: 88px !important; + opacity: 0.9; + background-color: #ffffff; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 230px; + max-height: 50%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; + } + + .leftHole { + z-index: 10; + content: ""; + position: absolute; + left: -20px; + top: -9px; + border-radius: 100%; + width: 40px; + height: 40px; + background: #2e7d32; + /* box-shadow: 0px 0px 0px 2000px #ffffff; */ + } + + .slider-horizontal { + width: 100% !important; + } + + .form-control { + font-size: 13px; + font-family: "IRANSansFaNum"; + /* background-color: #ebebeb; */ + /* border-color: #ff5c0f; */ + } + + .starter-project-page { + font-size: 15px; + } + + .file-input-modal { + justify-content: center; + display: flex; + align-items: center; + width: 100%; + height: 60px; + cursor: pointer; + text-align: center; + border: 1px solid #e7e7e7; + border-radius: 0.25rem; + margin-top: 20px; + } + + .slider-handle { + background-color: #ff5c0f; + background-image: linear-gradient(to bottom, #ff5c0f 0, #ff5c0f 100%); + } + + .modal-header-allpoint-style { + margin-bottom: 0px !important; + } + + .project-slider { + margin-bottom: 0px !important; + } + + .file-input-modal-container { + width: 100%; + } + + #basic-log { + font-size: 12px; + } + + .abrar-map-title { + position: absolute; + top: 5px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #000; + font-size: 13px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 193, 7, 0.8); + } + + .map-latlng-input { + background-color: rgba(255, 255, 255, 0.8); + } + + .map-latlng-input-row { + position: absolute; + bottom: -11px; + z-index: 1000; + width: 240px; + left: 5px; + } + + .abrar-map-layout { + position: relative; + height: 300px; + margin-bottom: 15px; + } + + .abrar-map-layout > #abrar-map, + #abrar-map-2 { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + } + + .abrar-map-layout > #abrar-map-static { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + } + + .abrar-map-layout > #abrarshow-map { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + } + + .abrar-map-layout > .pin-container { + position: absolute; + top: 34%; + right: 44%; + z-index: 1009; + } + + .pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; + } + + .pin-marker.pin-move > .map-pin-marker { + transform: scale(0.75); + } + + .pin-marker.pin-set > .map-pin-marker > .pin-title-circle { + background-color: #009900; + } + + .pin-marker.pin-move > .pin-main-shadow { + transform: scale(1.35); + } + + .map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; + } + + .map-pin-marker > .pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; + } + + .map-pin-marker > .pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; + } + + .map-pin-marker > .pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; + } + + .map-pin-marker > .pin-title-circle > .title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; + } + + .map-pin-marker > .pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + } + + .pin-marker > .pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; + } + + .pin-marker > .pin-main-shadow > .shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; + } + + .map-latlng-label { + background-color: rgba(255, 255, 255, 0.8); + border-radius: 0.25rem; + padding: 3px 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border: 1px solid #ced4da; + color: #000000; + border-bottom: 0; + margin: 0; + font-size: 12px; + } + + .map-latlng-first-input { + border-radius: 0; + font-size: 12px; + color: #009900; + text-align: center; + } + + .map-latlng-first-input::placeholder { + font-size: 10px; + } + + .map-latlng-form { + margin-bottom: 0; + } + + .sp-picker-container, + .sp-palette-container { + float: left; + position: relative; + padding: 10px; + padding-bottom: 300px; + margin-bottom: -290px; + } + + .leaflet-div-icon { + background: transparent !important; + border: none !important; + } + + .sp-replacer { + /* border-color: #ff5c0f; */ + } + + .map-latlng-first-input { + border-radius: 0; + font-size: 12px; + color: #009900; + text-align: center; + } + + .map-latlng-first-input::placeholder { + font-size: 10px; + } + + .map-latlng-sec-input { + border-top-right-radius: 0; + border-top-left-radius: 0; + font-size: 12px; + color: #009900; + text-align: center; + } + + .map-latlng-sec-input::placeholder { + font-size: 10px; + } + + .leaflet-layer { + z-index: 1; + opacity: 1; + } + + .sp-preview { + border-radius: 10%; + } + + .sp-replacer { + border-radius: 10%; + } + /* vertical menu style */ + + /* .parent_menu_vertical { + position: absolute; + bottom: 70px; + z-index: 11; + left: 0; + right: 0; + display: flex; + justify-content: center; + visibility: hidden; + } */ + + .parent_menu_vertical-inner { + width: 100%; + background-color: white; + margin: 0 500px; + border-radius: 25px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + } + + .menu_vertical { + display: flex; + justify-content: center; + direction: rtl; + height: 45px; + background-color: #ffffff; + border-radius: 25px; + } + + .menu_vertical > .menu-vertical-close { + display: none; + position: absolute; + top: 5px; + right: 5px; + width: 25px; + height: 25px; + margin: 0; + padding: 0; + z-index: 100; + } + + .menu_vertical button { + width: 45px; + height: 45px; + background-color: #fff; + color: #0051cd; + display: inline-block; + border: none; + padding: 3px 7px; + text-decoration: none; + cursor: pointer; + text-align: center; + outline: none; + border-radius: 50%; + } + + .tooltip-starter { + font-family: "IRANSans"; + position: relative; + display: inline-block; + z-index: 12; + vertical-align: middle; + padding: 3px; + } + + .tooltip-starter img { + width: 100%; + height: auto; + display: block; + margin: 0 auto; + } + + .tooltip-starter .tooltiptext { + visibility: hidden; + width: max-content; + background-color: rgba(22, 67, 88, 0.75); + opacity: 0.8; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 6px 8px; + position: absolute; + z-index: 2; + bottom: 150%; + left: 50%; + margin-left: -60px; + margin-bottom: 10px; + } + + .verticalMenuText { + display: none; + color: #000000; + font-size: 12px; + } + + .modal-header .close, + .modal-header .mailbox-attachment-close { + padding: 0 !important; + margin: 0 !important; + } + + .second-top-menu { + display: none; + position: relative; + background-color: #2c343f; + height: 40px; + width: 100%; + transition: all 0.4s; + box-shadow: 0px 2px 5px #000; + z-index: 12; + } + + .second-menu-img { + display: none; + position: absolute; + margin-right: 12px; + margin-top: -8px; + width: 25px; + height: 55px; + } + + .queen-size-nav { + display: none; + background-color: #ffffff; + box-shadow: -1px 1px 4px #212529; + width: 20%; + height: 90%; + border-bottom-left-radius: 20px; + margin-top: 40px; + overflow: hidden; + position: absolute; + z-index: 11; + } + + .datarahdari { + text-align: center; + margin-top: 27px; + margin: 0px 17px 5px 5px; + direction: rtl; + } + + .queen-ul-style { + display: none; + } + + .changeColor { + color: #ff5c0f; + } + + .changeColor2 { + border-color: #ff5c0f !important; + } + + .left-menu-view-chartcoridor { + left: 25px !important; + } + + .change-text-daily { + display: none; + padding: 5px; + border-radius: 10px; + position: absolute; + } + + .res-daily-vertical { + cursor: pointer; + } + + .left-menu-view-chartcoridor { + position: fixed; + width: 500px; + background-color: rgba(255, 255, 255, 0.5); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + top: 78px !important; + left: -530px; + z-index: 12; + border-radius: 8px; + padding: 20px 15px; + transition: left 0.5s; + } + + .chart-title { + font-weight: bold; + text-align: center; + } + + .menu-chart-tools { + display: flex; + position: absolute; + top: 15px; + left: -26px; + width: 108px; + height: 36px; + z-index: 18; + cursor: pointer; + } + + .chart-tools-item { + position: relative; + width: 36px; + height: 36px; + color: rgba(0, 0, 0, 0.5); + } + + .chart-tools-item > i { + top: 8px; + right: 10px; + position: relative; + } + + .chart-tools-item:hover { + background-color: rgba(0, 0, 0, 0.2); + color: black; + } + + .chart-tools-item:hover > .tools-item-tooltip { + visibility: visible; + } + + #showTitle { + text-align: start; + margin-right: 1%; + } + + .ShowPieChart { + display: flex; + justify-content: space-between; + flex-wrap: nowrap; + margin: 5px 0; + } + + .ShowEachPie { + display: flex; + justify-content: end; + align-items: start; + flex-wrap: wrap; + width: 50%; + /* height: 68px; */ + /* border: 1px solid #ddd; */ + border-radius: 5px; + cursor: pointer; + padding: 5px; + } + + .projectnum { + font-weight: bold; + } + + .testcor { + border-color: rgb(206, 206, 206); + width: 100%; + height: 46px; + cursor: pointer; + background-color: #fff; + border: 1px solid #cecece; + border-radius: 4px; + overflow: hidden; + position: relative; + margin-bottom: 1rem; + direction: rtl; + font-size: 13px; + color: #000; + display: flex; + flex-direction: row; + padding-right: 3%; + padding-left: 3%; + } + + .testcor span { + margin-top: 1rem; + font-size: 10px; + text-align: center; + } + + .testcor img { + width: 100%; + height: auto; + padding-left: 1%; + } + + .colordot { + color: #cecece; + width: fit-content; + } + + #gharargah-modal-roating { + display: none; + } + + .form-coridor { + display: flex; + flex-direction: column; + } + + .box-coridor { + display: flex; + flex-direction: column; + width: 90%; + margin: 1rem auto 1rem auto; + } + + .span1 { + width: 27%; + text-align: start; + } + + .span2 { + width: 40%; + text-align: start; + } + + .span3 { + width: 27%; + text-align: start; + color: #fff; + } + + .span4 { + width: 40%; + text-align: start; + color: #fff; + } + + .mehvar-svg-margin { + margin-top: 10px !important; + } + + .details-gharargah { + width: 30%; + top: 86px; + right: 10px; + position: absolute; + z-index: 10; + background-color: #2c343f; + } + + .gharargah-modal-button { + display: none; + z-index: 12; + position: absolute; + left: 0; + top: 45px; + border-bottom-left-radius: 0px; + border-top-left-radius: 0px; + background-color: #2c343f; + } + + @media only screen and (max-width: 800px) { + .second-menu-img { + display: block; + position: absolute; + margin-right: 12px; + margin-top: -8px; + width: 25px; + height: 55px; + } + .second-top-menu { + display: block !important; + position: relative; + background-color: #2c343f; + height: 40px; + width: 100%; + transition: all 0.4s; + } + .king-size-nav { + display: none; + } + .queen-ul-style { + display: block; + } + .responsive-for-header-svg { + display: none; + } + .parent_menu_vertical { + display: none; + } + .res-daily-vertical { + font-size: 13px; + margin-bottom: 10px; + text-align: start; + font-weight: bold; + padding: 3px; + transition: all 0.5s; + direction: rtl; + border: 2px solid #4060a2; + background-color: #ff5c0f; + opacity: 0.8; + border-radius: 25px !important; + } + .change-text-daily { + /* display: block; */ + padding: 5px; + border-radius: 10px; + z-index: 11; + background-color: #ff5c0f; + position: absolute; + left: 24px; + top: 60px; + box-shadow: 2px 2px 5px #000; + } + .title-daily { + margin-bottom: 0px; + color: #fff; + } + } + + @media only screen and (max-width: 550px) { + .queen-size-nav { + display: none; + background-color: #ffffff; + box-shadow: -1px 1px 4px #212529; + width: 30%; + height: 90%; + border-bottom-left-radius: 20px; + border-top-left-radius: 20px; + margin-top: 40px; + overflow: hidden; + position: absolute; + z-index: 11; + } + } + + @media only screen and (max-width: 450px) { + .queen-size-nav { + display: none; + background-color: #ffffff; + box-shadow: -1px 1px 4px #212529; + width: 40%; + height: 90%; + border-bottom-left-radius: 20px; + border-top-left-radius: 20px; + margin-top: 40px; + overflow: hidden; + position: absolute; + z-index: 11; + } + .left-menu-view-chartcoridor { + top: 45px !important; + left: 7px !important; + width: 304px; + } + .box-coridor { + width: 100%; + } + .span2 { + width: 54% !important; + } + .mehvar-svg-margin { + width: 50% !important; + margin-top: 14px !important; + } + .span1 { + width: 27% !important; + } + .chart-title { + font-size: 14px !important; + } + .testcor { + margin-bottom: 5px; + } + } + + .dropdown:hover .multi-level { + display: block; + margin-top: 0; + } + + .multi-level { + padding: 10px; + } + + .dropdown-menu { + background-image: linear-gradient(#212529, white); + } + + .dropdown-item { + color: black; + text-align: center; + font-size: 11px; + font-weight: 700; + } + + .dropdown-item-bottom { + color: black; + } + + #dropdown1 { + left: -113%; + } + + #dropdown2 { + left: -302%; + } + + #dropdown3 { + left: -160%; + } + + .dropdown-toggle::after { + display: none; + } + /* .dropdown-submenu>a:after { + display:none; + } */ + + .dropdown-item:hover { + background-color: #ff5c0f; + color: white; + border-radius: 8px; + } + + .dropdown-item a { + color: black; + } + + .dropdown-item a:hover { + color: white; + } + + .dropdown-submenu { + position: relative; + } + + .dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px; + border-radius: 0 6px 6px 6px; + } + + .dropdown-submenu:hover > .dropdown-menu { + display: block; + } + /* .dropdown-submenu>a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #ccc; + margin-top: 5px; + margin-right: -10px; + } */ + + .dropdown-submenu:hover > a:after { + border-left-color: #fff; + } + /* .dropdown-submenu.pull-left { + float: none; + } */ + + .dropdown-submenu.pull-left > .dropdown-menu { + left: -78%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; + } + + #subMenuRah { + left: -69%; + /* margin-right: 6%; */ + } + + #subuploadfile { + left: -69%; + } + + .showneachgharar { + background-color: rgb(63, 71, 97); + width: 70%; + border-radius: 5px; + } + + .topingfont { + padding: 20px 10px 10px 10px; + } + + .topingfont span { + font-size: 9px; + color: #ffffff; + } + + .topingfont hr { + background-color: #ff5c0f; + } + + .showeachpart { + margin-top: 10px; + margin-bottom: 16px; + } + + .showeachtext { + margin-right: 5%; + } + /* .chartborderlook { + margin-right: 5%; + } */ + + .navbar-it { + align-items: flex-end; + /* align-items: center;*/ + /* flex-direction: column; */ + } + + .navbar-nav { + padding-bottom: 0px !important; + } + + .customPopupStyle .popup { + width: 276px; + } + + .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ + } + + .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ + } + + .popupHeaderContent { + text-align: justify; + display: inline; + } + + .popup .popupTitle .popupHeader { + font-size: 12px; + color: #0051cd; + /* vertical-align: super; */ + white-space: nowrap; + } + + .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ + } + + .popupHeaderContent > .popUpBanner { + margin: 5px; + font-size: 11px; + } + + .popup .popupTitle img { + height: 18px; + margin: 0px 11px 5px 7px; + } + + .popupHeaderContent { + text-align: justify; + display: inline; + } + + .popupHeaderContent > .popUpBanner { + margin: 5px; + font-size: 11px; + } + + .popupContent { + display: flex; + flex-wrap: wrap; + direction: rtl; + width: 100%; + justify-content: center; + } + + .popupContent .popUpBoxlevel { + width: 33%; + width: 50px; + height: auto; + margin: 5px; + padding: 2%; + text-align: center; + } + + .customPopupStyle .popupContent .popUpBoxlevel { + width: 82px !important; + } + + .popupContent .popUpBoxlevel span { + color: #0051cd; + display: block; + font-size: 7px; + } + + .popUpBoxContent { + font-size: 10px; + font-weight: 500; + margin-top: 8px; + } + + .popUpBoxContent { + font-family: "IRANSansFaNum", sans-serif; + } + + .popupContent .popUpBoxlevel { + width: 33%; + width: 50px; + height: auto; + margin: 5px; + padding: 2%; + text-align: center; + } + + .customPopupStyle .popupContent .popUpBoxlevel { + width: 82px !important; + } + + .navbar-nav { + padding-bottom: 0px !important; + } + + .popupContent-button { + display: flex; + flex-wrap: nowrap; + direction: rtl; + width: 100%; + margin: 5px 0; + } + + .popupContent-button > .popup-btn-edit-point { + font-size: 11px; + width: 100%; + border: 0; + padding: 8px 12px; + margin: 0 5px; + border-radius: 5px; + box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); + background-color: #0051cd; + color: #fff; + font-weight: 500; + } + + .navbar-sp { + color: #ffffff !important; + font-size: 10px; + } + + .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ + } + + .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ + } + + .popupHeaderContent { + text-align: justify; + display: inline; + } + + .popup .popupTitle .popupHeader { + font-size: 12px; + color: #0051cd; + /* vertical-align: super; */ + white-space: nowrap; + } + + .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ + } + + .popupHeaderContent > .popUpBanner { + margin: 5px; + font-size: 11px; + } + + .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + flex-flow: row; + display: flex; + direction: rtl; + flex-direction: row !important; + /* flex-wrap: nowrap; */ + } + + .popupContent .popUpBox { + width: 33%; + width: 50px; + height: auto; + margin-bottom: 5px; + margin-top: 5px; + padding: 2%; + text-align: center; + } + + .customPopupStyle .popupContent .popUpBox { + width: 128px !important; + } + + .popupContent .popUpBox span { + /* color: #0051cd; */ + display: block; + /* font-size: 9px; */ + } + + .accordion_title { + font-size: 12px; + margin-right: 10px; + padding: 10px; + } + + [class*="icheck-"] > label { + padding-right: 5px !important; + padding-left: 0 !important; + } + + .slideroverlay { + display: none; + text-align: right; + direction: rtl; + position: fixed; + z-index: 1051; + padding-top: 77px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); + } + + .slideroverlay > .upload-confirm { + z-index: 50; + display: block; + position: absolute; + background: transparent; + top: 0; + right: 0; + left: 0; + bottom: 0; + } + + .slideroverlay > .modal-content { + background-color: #ffffff; + border-radius: 7px; + margin: auto; + padding: 20px 1.5% 1px 1.5%; + border: 1px solid #888; + width: max-content; + position: relative; + z-index: 51; + } + + .slideroverlay > .modal-content > .close { + position: absolute; + text-align: center; + top: 3px; + right: 5px; + color: #979797; + } + + .slideroverlay > .modal-content > .close::before { + content: "\00d7"; + font-size: 22px; + position: absolute; + } + + .slideroverlay > .modal-content > .close:hover, + .slideroverlay > .modal-content > .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + + .slideroverlay > .modal-content > .slideshow .mySlides { + display: none; + } + + .slideroverlay > .modal-content > .slideshow img { + /* vertical-align: middle; + width: 100%; + height: auto; + opacity: 1; + max-height: 500px; + max-width: 100%; */ + vertical-align: middle; + width: auto; + height: auto; + opacity: 1; + max-height: 500px; + max-width: 100%; + margin: 0 auto; + display: flex; + } + + .slideroverlay > .modal-content > .slideshow .slideshow-container { + max-width: 100%; + position: relative; + margin: auto; + } + + .slideroverlay > .modal-content > .slideshow .prev, + .slideroverlay > .modal-content > .slideshow .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 16px; + margin-top: -22px; + color: white; + font-weight: bold; + font-size: 20px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; + background-color: rgba(0, 0, 0, 0.4); + } + + .slideroverlay > .modal-content > .slideshow .next { + right: 0; + border-radius: 0px 3px 3px 0; + } + + .slideroverlay > .modal-content > .slideshow .prev { + left: 0; + border-radius: 3px 0 0 3px; + } + + .slideroverlay > .modal-content > .slideshow .prev:hover, + .slideroverlay > .modal-content > .slideshow .next:hover { + background-color: rgba(0, 0, 0, 0.8); + } + + .slideroverlay > .modal-content > .slideshow .text { + color: #f2f2f2; + background-color: rgba(0, 0, 0, 0.8); + padding: 10px 15px; + position: absolute; + bottom: -3px; + width: 100%; + text-align: center; + font-family: "IRANSans"; + font-size: 12px; + } + + .slideroverlay > .modal-content > .slideshow .numbertext { + color: #f2f2f2; + font-size: 14px; + padding: 8px 12px; + position: absolute; + background-color: rgba(0, 0, 0, 0.8); + top: 0; + border-radius: 3px; + } + + .slideroverlay > .modal-content > .slideshow #slideshow-dot { + margin-top: -9px; + margin-bottom: 10px; + direction: ltr; + } + + .slideroverlay > .modal-content > .slideshow .dot { + cursor: pointer; + height: 12px; + width: 12px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; + } + + .slideroverlay > .modal-content > .slideshow .active, + .slideroverlay > .modal-content > .slideshow .dot:hover { + background-color: #717171; + } + + .slideroverlay > .modal-content > .slideshow .fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; + } + + .list-province { + background-color: rgba(255, 255, 255, 0.548); + border-radius: 5px; + box-shadow: 0 0 7px; + width: 20%; + height: 450px; + position: absolute; + margin-top: 40px; + z-index: 100; + overflow-y: scroll; + padding-right: 20px; + overflow-x: hidden; + } + + .list-province::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); + } + + .list-province::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); + } + + .list-province .title { + font-size: 12px; + } + + .parent-progressBar-province { + background-color: rgb(128, 128, 128); + width: 90%; + border-radius: 20px; + height: 20px; + } + + .stat-item-top-1 { + border-radius: 10px; + background-color: #a366ff; + height: 100%; + opacity: 0.7; + } + + .stat-item-top-2 { + height: 100%; + background-color: #2e86ab; + border-radius: 10px; + opacity: 0.7; + } + + .stat-item-top-3 { + height: 100%; + background-color: #66cc66; + border-radius: 10px; + opacity: 0.7; + } + + .stat-item-top-4 { + height: 100%; + background-color: #ffeda0; + border-radius: 10px; + opacity: 0.7; + } + + .stat-item-top-5 { + height: 100%; + background-color: #ff3f3f; + border-radius: 10px; + opacity: 0.7; + } + + .parent-popup-enjoyment { + font-family: IRANSans; + } + + .parent-popup-enjoyment .line-popup { + background-color: rgb(255, 159, 107); + width: 100px; + height: 1px; + position: relative; + right: -12px; + } + + .leaflet-popup-content { + width: 80px !important; + } + + .parent-popup-enjoyment .btn-download { + background-color: white; + margin-top: 10px; + border: 0; + } + + .backstack { + position: absolute; + left: 10px; + top: 200px; + z-index: 99; + font-size: 12px; + } + + #modalTextChange { + position: static; + } + + #choosetime .close { + position: absolute; + left: 12px; + top: 15px; + } + + .modalTitleText { + font-size: 16px; + } + + #choosetime .modal-header { + padding: 10px 10px 10px 9px; + } + + @media screen and (max-width: 1700px) { + .list-province { + height: 550px; + top: 45px; + } + } + @media screen and (max-height: 800px) { + .navigation { + position: relative; + height: 580px !important; + width: 70px; + background: #2c343f; + box-shadow: -10px 0 0 #015688; + overflow-x: hidden; + transition: 0.5s; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + } + } + + .parent-filter::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); + } + + .parent-filter::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); + } + + .stylescroll::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); + } + + .stylescroll::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); + } + + .select2-results__options::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); + } + + .select2-results__options::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); + } + + .showWhereThere { + z-index: 10; + top: 113px; + position: absolute; + background-color: #ff5c0f; + border-radius: 50px; + left: 23px; + padding: 8px; + font-size: 16px; + border: none; + } + + .showprintbutton { + z-index: 10; + /* top: 150px; */ + bottom: 78px; + position: absolute; + background-color: #015688; + border-radius: 50px; + left: 23px; + padding: 8px; + font-size: 16px; + border: none; + color: white; + } + /* ding ding */ + /* alan ezaf */ + + .queen-size-nav-rahdari { + display: none; + position: absolute; + z-index: 12; + margin: 5px; + display: block; + height: 350px; + width: 125px; + overflow: overlay; + margin-top: 50px; + overscroll-behavior-x: none; + direction: ltr; + } + + .second-menu-img-rahdari { + display: none; + background-color: #4060a2; + border: none; + border-radius: 10px; + padding: 6px; + margin: 6px; + color: #fff; + box-shadow: 4px 4px 14px #212121; + } + + .queen-size-nav-rahdari { + display: none; + } + + .btn-danger.disabled, + .btn-danger:disabled { + font-size: 12px; + background-color: #007bff; + border: none; + } + /* alan ezaf */ + /* new sidebar */ + + .navigation { + position: relative; + height: 800px; + width: 70px; + background: #2c343f; + box-shadow: -10px 0 0 #015688; + overflow-x: hidden; + transition: 0.5s; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + } + + .navigation:hover { + width: 250px; + } + + .navigation ul { + position: absolute; + inset: 0; + padding-right: 5px; + padding-top: 10px; + } + + .navigation ul li { + position: relative; + list-style: none; + width: 100%; + border-top-right-radius: 20px; + border-bottom-right-radius: 20px; + } + + .navigation ul li.active { + background: #015688; + } + + .navigation ul li a { + position: relative; + display: block; + width: 100%; + display: flex; + text-decoration: none; + color: #fff; + } + + .navigation ul li.active a::before { + content: ""; + position: absolute; + top: -30px; + left: 0; + width: 30px; + height: 30px; + border-radius: 25%; + box-shadow: -15px 15px 0 #015688; + } + + .navigation ul li.active a::after { + direction: rtl; + content: ""; + position: absolute; + bottom: -30px; + left: 0; + width: 30px; + height: 30px; + border-radius: 25%; + box-shadow: -15px -15px 0 #015688; + } + + .navigation ul li a .icon { + position: relative; + display: block; + min-width: 60px; + height: 43px; + text-align: center; + line-height: 43px; + } + + .navigation ul li a .icon img { + position: relative; + font-size: 1.5em; + z-index: 1; + } + + .navigation ul li a .title-type { + position: relative; + display: block; + padding-right: 10px; + height: 43px; + line-height: 43px; + white-space: nowrap; + font-size: 13px; + } + + .style-mod { + width: 20px; + line-height: 43px; + height: 30px; + padding: 2px; + } + + .navigation { + -ms-overflow-style: none; + scrollbar-width: none; + overflow-y: scroll; + } + + .navigation::-webkit-scrollbar { + display: none; + } + + .is-invalid-input { + color: #dc3545 !important; + border-color: #dc3545; + } + .title-type { + font-size: 13px; + } + .datepicker-plot-area { + font-family: 'IRANSansFaNum' !important; +} +.fastoption{ + width:100px; + height:100px; +} +fieldset { + border: 2px solid #ff5c0f; +border-radius: 10px; +} +.fieldsetstyle legend { + width: auto; + padding: 0px 10px; + font-size:17px +} +.color-check { + color: #dc3545; +} +input[data-mask] { + direction: ltr; + text-align: center; +} \ No newline at end of file diff --git a/public/dist/css/DailyAccidentPoster.css b/public/dist/css/DailyAccidentPoster.css new file mode 100644 index 00000000..16bff1e7 --- /dev/null +++ b/public/dist/css/DailyAccidentPoster.css @@ -0,0 +1,107 @@ +body { + background: rgb(229 229 229); +} + +.page { + width: 1500px; + height: 1100px; + margin: 0 auto; + margin-top: 4px; +} + +fieldset { + border: 1px solid #999; + background: #fff; + border-radius: 4px; +} + +fieldset legend { + display: flex; + width: auto; + justify-content: center; + text-align: center; + margin-left: auto; + margin-right: auto; + padding: 2px 15px; + font-size: 12px; + font-weight: 500; + border: 1px solid #325472; + border-radius: 4px; + background: #577590; + color: #ffffff; + margin-bottom: 0.25rem; +} + +.leaflet-container { + background: none; +} + +.map-data { + width: 650px; + height: 450px; +} + +.map-data-box-project { + padding: .25rem; + background-color: #fff; + border-radius: .25rem; + max-width: 100%; + height: 450px !important; +} + +.map-data-box-daily-accident .map-guid { + position: absolute; + bottom: 30px; + left: 50px; + width: 110px; + height: 105px; + background-color: #ffffff; + z-index: 400; + padding: 10px; + color: #666; + border: 1px solid #aaa; + border-radius: 8px; +} + +.map-data-box-daily-accident .map-guid p { + font-size: 11px; + margin-bottom: 5px; + font-weight: bold; +} + +table i { + font-size: 25px; +} + + +/* counters style */ + +.counter { + font-size: 16px; +} + +.counter-icon i { + font-size: 40px; +} + + +/* end counters style */ +.topic { + background-color: #277da1; + border-radius: 4px; + border: 1px solid #1a6585; +} +.topic-p { + font-size: 18px; + font-weight: 700; + color: #fff; +} +.topic-p-rms { + width: inherit; + border-bottom: 1px dashed #b5a7a7; + border-top: 1px dashed #b5a7a7; + color: #f9c74f; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.2em; +} \ No newline at end of file diff --git a/public/dist/css/MarkerCluster.Default.css b/public/dist/css/MarkerCluster.Default.css new file mode 100644 index 00000000..e969ba9d --- /dev/null +++ b/public/dist/css/MarkerCluster.Default.css @@ -0,0 +1,62 @@ +/* .marker-cluster-small { + background-color: rgba(181, 226, 140, 0.8); + } */ +.marker-cluster-small div { + background-color: rgba(110, 204, 57, 0.8); + } + +/* .marker-cluster-medium { + background-color: rgba(241, 211, 87, 0.8); + } */ +.marker-cluster-medium div { + -webkit-print-color-adjust: exact !important; + background-color: rgba(240, 194, 12, 0.8); + } + +/* .marker-cluster-large { + background-color: rgba(253, 156, 115, 0.8); + } */ +.marker-cluster-large div { + background-color: rgba(241, 128, 23, 0.8); + } + + /* IE 6-8 fallback colors */ +.leaflet-oldie .marker-cluster-small { + background-color: rgb(181, 226, 140); + } +.leaflet-oldie .marker-cluster-small div { + background-color: rgb(110, 204, 57); + } + +.leaflet-oldie .marker-cluster-medium { + background-color: rgb(241, 211, 87); + } +.leaflet-oldie .marker-cluster-medium div { + -webkit-print-color-adjust: exact !important; + background-color: rgb(240, 194, 12); + } + +.leaflet-oldie .marker-cluster-large { + background-color: rgb(253, 156, 115); + } +.leaflet-oldie .marker-cluster-large div { + background-color: rgb(241, 128, 23); +} + +.marker-cluster { + background-clip: padding-box; + border-radius: 20px; + } +.marker-cluster div { + width: 30px; + height: 30px; + margin-left: 5px; + margin-top: 5px; + + text-align: center; + border-radius: 15px; + font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; + } +.marker-cluster span { + line-height: 30px; + } \ No newline at end of file diff --git a/public/dist/css/MarkerCluster.css b/public/dist/css/MarkerCluster.css new file mode 100644 index 00000000..c60d71b7 --- /dev/null +++ b/public/dist/css/MarkerCluster.css @@ -0,0 +1,14 @@ +.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { + -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; + -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; + -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; + transition: transform 0.3s ease-out, opacity 0.3s ease-in; +} + +.leaflet-cluster-spider-leg { + /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */ + -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; + -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; + -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; + transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; +} diff --git a/public/dist/css/adminlte.css b/public/dist/css/adminlte.css new file mode 100644 index 00000000..78491b8d --- /dev/null +++ b/public/dist/css/adminlte.css @@ -0,0 +1,33386 @@ +@charset "UTF-8"; +/*! + * AdminLTE v3.0.2-pre + * Author: Colorlib + * Website: AdminLTE.io + * License: Open source - MIT + */ +/*! + * Bootstrap v4.4.1 (https://getbootstrap.com/) + * Copyright 2011-2019 The Bootstrap Authors + * Copyright 2011-2019 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: #ffffff; + --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: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; +} + +body { + margin: 0; + font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #ffffff; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: .5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +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; +} + +a:hover { + color: #0056b3; + text-decoration: none; +} + +a:not([href]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +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; +} + +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: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} + +th { + text-align: inherit; +} + +label { + display: inline-block; + margin-bottom: 0.5rem; +} + +button { + border-radius: 0; +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +select { + word-wrap: normal; +} + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type="button"]:not(:disabled), +[type="reset"]:not(:disabled), +[type="submit"]:not(:disabled) { + cursor: pointer; +} + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + padding: 0; + border-style: none; +} + +input[type="radio"], +input[type="checkbox"] { + box-sizing: border-box; + padding: 0; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -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-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: 0.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, 0.1); +} + +small, +.small { + font-size: 80%; + font-weight: 400; +} + +mark, +.mark { + padding: 0.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: 0.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: 0.25rem; + background-color: #ffffff; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #6c757d; +} + +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; +} + +a > code { + color: inherit; +} + +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #ffffff; + background-color: #212529; + border-radius: 0.2rem; + box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; + box-shadow: none; +} + +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: 7.5px; + padding-left: 7.5px; + 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, .container-sm, .container-md, .container-lg, .container-xl { + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + } +} + +@media (min-width: 768px) { + .container, .container-sm, .container-md { + max-width: 720px; + } +} + +@media (min-width: 992px) { + .container, .container-sm, .container-md, .container-lg { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + .container, .container-sm, .container-md, .container-lg, .container-xl { + max-width: 1140px; + } +} + +.row { + display: flex; + flex-wrap: wrap; + margin-right: -7.5px; + margin-left: -7.5px; +} + +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters > .col, +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .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-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .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-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .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-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto { + position: relative; + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; +} + +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; +} + +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 50%; + max-width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.row-cols-4 > * { + flex: 0 0 25%; + max-width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 20%; + max-width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; +} + +.col-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; +} + +.col-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; +} + +.col-3 { + flex: 0 0 25%; + max-width: 25%; +} + +.col-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; +} + +.col-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; +} + +.col-6 { + flex: 0 0 50%; + max-width: 50%; +} + +.col-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; +} + +.col-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; +} + +.col-9 { + flex: 0 0 75%; + max-width: 75%; +} + +.col-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; +} + +.col-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; +} + +.col-12 { + flex: 0 0 100%; + max-width: 100%; +} + +.order-first { + order: -1; +} + +.order-last { + order: 13; +} + +.order-0 { + order: 0; +} + +.order-1 { + order: 1; +} + +.order-2 { + order: 2; +} + +.order-3 { + order: 3; +} + +.order-4 { + order: 4; +} + +.order-5 { + order: 5; +} + +.order-6 { + order: 6; +} + +.order-7 { + order: 7; +} + +.order-8 { + order: 8; +} + +.order-9 { + order: 9; +} + +.order-10 { + order: 10; +} + +.order-11 { + order: 11; +} + +.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 { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .row-cols-sm-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-sm-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-sm-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-sm-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-sm-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-sm-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-sm-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-sm-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-sm-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-sm-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-sm-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-sm-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-sm-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-sm-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-sm-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-sm-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-sm-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-sm-first { + order: -1; + } + .order-sm-last { + order: 13; + } + .order-sm-0 { + order: 0; + } + .order-sm-1 { + order: 1; + } + .order-sm-2 { + order: 2; + } + .order-sm-3 { + order: 3; + } + .order-sm-4 { + order: 4; + } + .order-sm-5 { + order: 5; + } + .order-sm-6 { + order: 6; + } + .order-sm-7 { + order: 7; + } + .order-sm-8 { + order: 8; + } + .order-sm-9 { + order: 9; + } + .order-sm-10 { + order: 10; + } + .order-sm-11 { + order: 11; + } + .order-sm-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 { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .row-cols-md-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-md-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-md-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-md-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-md-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-md-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-md-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-md-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-md-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-md-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-md-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-md-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-md-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-md-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-md-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-md-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-md-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-md-first { + order: -1; + } + .order-md-last { + order: 13; + } + .order-md-0 { + order: 0; + } + .order-md-1 { + order: 1; + } + .order-md-2 { + order: 2; + } + .order-md-3 { + order: 3; + } + .order-md-4 { + order: 4; + } + .order-md-5 { + order: 5; + } + .order-md-6 { + order: 6; + } + .order-md-7 { + order: 7; + } + .order-md-8 { + order: 8; + } + .order-md-9 { + order: 9; + } + .order-md-10 { + order: 10; + } + .order-md-11 { + order: 11; + } + .order-md-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 { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .row-cols-lg-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-lg-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-lg-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-lg-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-lg-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-lg-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-lg-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-lg-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-lg-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-lg-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-lg-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-lg-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-lg-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-lg-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-lg-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-lg-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-lg-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-lg-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-lg-first { + order: -1; + } + .order-lg-last { + order: 13; + } + .order-lg-0 { + order: 0; + } + .order-lg-1 { + order: 1; + } + .order-lg-2 { + order: 2; + } + .order-lg-3 { + order: 3; + } + .order-lg-4 { + order: 4; + } + .order-lg-5 { + order: 5; + } + .order-lg-6 { + order: 6; + } + .order-lg-7 { + order: 7; + } + .order-lg-8 { + order: 8; + } + .order-lg-9 { + order: 9; + } + .order-lg-10 { + order: 10; + } + .order-lg-11 { + order: 11; + } + .order-lg-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 { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + } + .row-cols-xl-1 > * { + flex: 0 0 100%; + max-width: 100%; + } + .row-cols-xl-2 > * { + flex: 0 0 50%; + max-width: 50%; + } + .row-cols-xl-3 > * { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .row-cols-xl-4 > * { + flex: 0 0 25%; + max-width: 25%; + } + .row-cols-xl-5 > * { + flex: 0 0 20%; + max-width: 20%; + } + .row-cols-xl-6 > * { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + max-width: 100%; + } + .col-xl-1 { + flex: 0 0 8.333333%; + max-width: 8.333333%; + } + .col-xl-2 { + flex: 0 0 16.666667%; + max-width: 16.666667%; + } + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; + } + .col-xl-4 { + flex: 0 0 33.333333%; + max-width: 33.333333%; + } + .col-xl-5 { + flex: 0 0 41.666667%; + max-width: 41.666667%; + } + .col-xl-6 { + flex: 0 0 50%; + max-width: 50%; + } + .col-xl-7 { + flex: 0 0 58.333333%; + max-width: 58.333333%; + } + .col-xl-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; + } + .col-xl-9 { + flex: 0 0 75%; + max-width: 75%; + } + .col-xl-10 { + flex: 0 0 83.333333%; + max-width: 83.333333%; + } + .col-xl-11 { + flex: 0 0 91.666667%; + max-width: 91.666667%; + } + .col-xl-12 { + flex: 0 0 100%; + max-width: 100%; + } + .order-xl-first { + order: -1; + } + .order-xl-last { + order: 13; + } + .order-xl-0 { + order: 0; + } + .order-xl-1 { + order: 1; + } + .order-xl-2 { + order: 2; + } + .order-xl-3 { + order: 3; + } + .order-xl-4 { + order: 4; + } + .order-xl-5 { + order: 5; + } + .order-xl-6 { + order: 6; + } + .order-xl-7 { + order: 7; + } + .order-xl-8 { + order: 8; + } + .order-xl-9 { + order: 9; + } + .order-xl-10 { + order: 10; + } + .order-xl-11 { + order: 11; + } + .order-xl-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; + color: #212529; + background-color: transparent; +} + +.table th, +.table td { + padding: 0.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-sm th, +.table-sm td { + padding: 0.3rem; +} + +.table-bordered { + border: 1px solid #dee2e6; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #dee2e6; +} + +.table-bordered thead th, +.table-bordered thead td { + border-bottom-width: 2px; +} + +.table-borderless th, +.table-borderless td, +.table-borderless thead th, +.table-borderless tbody + tbody { + border: 0; +} + +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} + +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(0, 0, 0, 0.075); +} + +.table-primary, +.table-primary > th, +.table-primary > td { + background-color: #b8daff; +} + +.table-primary th, +.table-primary td, +.table-primary thead th, +.table-primary tbody + tbody { + border-color: #7abaff; +} + +.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 > th, +.table-secondary > td { + background-color: #d6d8db; +} + +.table-secondary th, +.table-secondary td, +.table-secondary thead th, +.table-secondary tbody + tbody { + border-color: #b3b7bb; +} + +.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 > th, +.table-success > td { + background-color: #c3e6cb; +} + +.table-success th, +.table-success td, +.table-success thead th, +.table-success tbody + tbody { + border-color: #8fd19e; +} + +.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 > th, +.table-info > td { + background-color: #bee5eb; +} + +.table-info th, +.table-info td, +.table-info thead th, +.table-info tbody + tbody { + border-color: #86cfda; +} + +.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 > th, +.table-warning > td { + background-color: #ffeeba; +} + +.table-warning th, +.table-warning td, +.table-warning thead th, +.table-warning tbody + tbody { + border-color: #ffdf7e; +} + +.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 > th, +.table-danger > td { + background-color: #f5c6cb; +} + +.table-danger th, +.table-danger td, +.table-danger thead th, +.table-danger tbody + tbody { + border-color: #ed969e; +} + +.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 > th, +.table-light > td { + background-color: #fdfdfe; +} + +.table-light th, +.table-light td, +.table-light thead th, +.table-light tbody + tbody { + border-color: #fbfcfc; +} + +.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 > th, +.table-dark > td { + background-color: #c6c8ca; +} + +.table-dark th, +.table-dark td, +.table-dark thead th, +.table-dark tbody + tbody { + border-color: #95999c; +} + +.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 > th, +.table-active > td { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); +} + +.table-hover .table-active:hover > td, +.table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.075); +} + +.table .thead-dark th { + color: #ffffff; + background-color: #212529; + border-color: #383f45; +} + +.table .thead-light th { + color: #495057; + background-color: #e9ecef; + border-color: #dee2e6; +} + +.table-dark { + color: #ffffff; + background-color: #212529; +} + +.table-dark th, +.table-dark td, +.table-dark thead th { + border-color: #383f45; +} + +.table-dark.table-bordered { + border: 0; +} + +.table-dark.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.05); +} + +.table-dark.table-hover tbody tr:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.075); +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + .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; + } + .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; + } + .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; + } + .table-responsive-xl > .table-bordered { + border: 0; + } +} + +.table-responsive { + display: block; + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +.table-responsive > .table-bordered { + border: 0; +} + +.form-control { + display: block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.form-control:focus { + color: #495057; + background-color: #ffffff; + border-color: #80bdff; + outline: 0; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), none; +} + +.form-control::placeholder { + color: #939ba2; + opacity: 1; +} + +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} + +select.form-control:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.form-control-file, +.form-control-range { + display: block; + width: 100%; +} + +.col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.25rem; + line-height: 1.5; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.875rem; + line-height: 1.5; +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + font-size: 1rem; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; +} + +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + height: calc(1.8125rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.form-control-lg { + height: calc(2.875rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +select.form-control[size], select.form-control[multiple] { + height: auto; +} + +textarea.form-control { + height: auto; +} + +.form-group { + margin-bottom: 1rem; +} + +.form-text { + display: block; + margin-top: 0.25rem; +} + +.form-row { + display: flex; + 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: 0.3rem; + margin-left: -1.25rem; +} + +.form-check-input[disabled] ~ .form-check-label, +.form-check-input:disabled ~ .form-check-label { + color: #6c757d; +} + +.form-check-label { + margin-bottom: 0; +} + +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0; + margin-right: 0.75rem; +} + +.form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #28a745; +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: rgba(40, 167, 69, 0.9); + border-radius: 0.25rem; +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #28a745; + padding-right: 2.25rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25); +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: 2.25rem; + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:valid, .custom-select.is-valid { + border-color: #28a745; + padding-right: calc(0.75em + 2.3125rem); + background: 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 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { + border-color: #28a745; + box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #28a745; +} + +.was-validated .form-check-input:valid ~ .valid-feedback, +.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, +.form-check-input.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { + color: #28a745; +} + +.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + border-color: #28a745; +} + +.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { + border-color: #34ce57; + background-color: #34ce57; +} + +.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25); +} + +.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #28a745; +} + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #28a745; +} + +.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + border-color: #28a745; + box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #dc3545; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: .1rem; + font-size: 0.875rem; + line-height: 1.5; + color: #ffffff; + background-color: rgba(220, 53, 69, 0.9); + border-radius: 0.25rem; +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #dc3545; + padding-right: 2.25rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: 2.25rem; + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .custom-select:invalid, .custom-select.is-invalid { + border-color: #dc3545; + padding-right: calc(0.75em + 2.3125rem); + background: 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 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { + border-color: #dc3545; + box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #dc3545; +} + +.was-validated .form-check-input:invalid ~ .invalid-feedback, +.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, +.form-check-input.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { + color: #dc3545; +} + +.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + border-color: #dc3545; +} + +.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + border-color: #e4606d; + background-color: #e4606d; +} + +.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); +} + +.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { + border-color: #dc3545; +} + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #dc3545; +} + +.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + border-color: #dc3545; + box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); +} + +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + 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 .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + .form-inline .custom-control-label { + margin-bottom: 0; + } +} + +.btn { + display: inline-block; + font-weight: 400; + color: #212529; + text-align: center; + vertical-align: middle; + cursor: pointer; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: #212529; + text-decoration: none; +} + +.btn:focus, .btn.focus { + outline: 0; + box-shadow: none; +} + +.btn.disabled, .btn:disabled { + opacity: 0.65; + box-shadow: none; +} + +.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { + box-shadow: none; +} + +a.btn.disabled, +fieldset:disabled a.btn { + pointer-events: none; +} + +.btn-primary { + color: #ffffff; + background-color: #007bff; + border-color: #007bff; + box-shadow: none; +} + +.btn-primary:hover { + color: #ffffff; + background-color: #0069d9; + border-color: #0062cc; +} + +.btn-primary:focus, .btn-primary.focus { + color: #ffffff; + background-color: #0069d9; + border-color: #0062cc; + box-shadow: none, 0 0 0 0 rgba(38, 143, 255, 0.5); +} + +.btn-primary.disabled, .btn-primary:disabled { + color: #ffffff; + 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: #ffffff; + 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 0 rgba(38, 143, 255, 0.5); +} + +.btn-secondary { + color: #ffffff; + background-color: #6c757d; + border-color: #6c757d; + box-shadow: none; +} + +.btn-secondary:hover { + color: #ffffff; + background-color: #5a6268; + border-color: #545b62; +} + +.btn-secondary:focus, .btn-secondary.focus { + color: #ffffff; + background-color: #5a6268; + border-color: #545b62; + box-shadow: none, 0 0 0 0 rgba(130, 138, 145, 0.5); +} + +.btn-secondary.disabled, .btn-secondary:disabled { + color: #ffffff; + 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: #ffffff; + 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 0 rgba(130, 138, 145, 0.5); +} + +.btn-success { + color: #ffffff; + background-color: #28a745; + border-color: #28a745; + box-shadow: none; +} + +.btn-success:hover { + color: #ffffff; + background-color: #218838; + border-color: #1e7e34; +} + +.btn-success:focus, .btn-success.focus { + color: #ffffff; + background-color: #218838; + border-color: #1e7e34; + box-shadow: none, 0 0 0 0 rgba(72, 180, 97, 0.5); +} + +.btn-success.disabled, .btn-success:disabled { + color: #ffffff; + 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: #ffffff; + 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 0 rgba(72, 180, 97, 0.5); +} + +.btn-info { + color: #ffffff; + background-color: #17a2b8; + border-color: #17a2b8; + box-shadow: none; +} + +.btn-info:hover { + color: #ffffff; + background-color: #138496; + border-color: #117a8b; +} + +.btn-info:focus, .btn-info.focus { + color: #ffffff; + background-color: #138496; + border-color: #117a8b; + box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5); +} + +.btn-info.disabled, .btn-info:disabled { + color: #ffffff; + 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: #ffffff; + 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 0 rgba(58, 176, 195, 0.5); +} + +.btn-warning { + color: #1F2D3D; + background-color: #ffc107; + border-color: #ffc107; + box-shadow: none; +} + +.btn-warning:hover { + color: #1F2D3D; + background-color: #e0a800; + border-color: #d39e00; +} + +.btn-warning:focus, .btn-warning.focus { + color: #1F2D3D; + background-color: #e0a800; + border-color: #d39e00; + box-shadow: none, 0 0 0 0 rgba(221, 171, 15, 0.5); +} + +.btn-warning.disabled, .btn-warning:disabled { + color: #1F2D3D; + 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: #1F2D3D; + 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 0 rgba(221, 171, 15, 0.5); +} + +.btn-danger { + color: #ffffff; + background-color: #dc3545; + border-color: #dc3545; + box-shadow: none; +} + +.btn-danger:hover { + color: #ffffff; + background-color: #c82333; + border-color: #bd2130; +} + +.btn-danger:focus, .btn-danger.focus { + color: #ffffff; + background-color: #c82333; + border-color: #bd2130; + box-shadow: none, 0 0 0 0 rgba(225, 83, 97, 0.5); +} + +.btn-danger.disabled, .btn-danger:disabled { + color: #ffffff; + 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: #ffffff; + 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 0 rgba(225, 83, 97, 0.5); +} + +.btn-light { + color: #1F2D3D; + background-color: #f8f9fa; + border-color: #f8f9fa; + box-shadow: none; +} + +.btn-light:hover { + color: #1F2D3D; + background-color: #e2e6ea; + border-color: #dae0e5; +} + +.btn-light:focus, .btn-light.focus { + color: #1F2D3D; + background-color: #e2e6ea; + border-color: #dae0e5; + box-shadow: none, 0 0 0 0 rgba(215, 218, 222, 0.5); +} + +.btn-light.disabled, .btn-light:disabled { + color: #1F2D3D; + 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: #1F2D3D; + 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 0 rgba(215, 218, 222, 0.5); +} + +.btn-dark { + color: #ffffff; + background-color: #343a40; + border-color: #343a40; + box-shadow: none; +} + +.btn-dark:hover { + color: #ffffff; + background-color: #23272b; + border-color: #1d2124; +} + +.btn-dark:focus, .btn-dark.focus { + color: #ffffff; + background-color: #23272b; + border-color: #1d2124; + box-shadow: none, 0 0 0 0 rgba(82, 88, 93, 0.5); +} + +.btn-dark.disabled, .btn-dark:disabled { + color: #ffffff; + 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: #ffffff; + 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 0 rgba(82, 88, 93, 0.5); +} + +.btn-outline-primary { + color: #007bff; + border-color: #007bff; +} + +.btn-outline-primary:hover { + color: #ffffff; + background-color: #007bff; + border-color: #007bff; +} + +.btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.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: #ffffff; + 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 0 rgba(0, 123, 255, 0.5); +} + +.btn-outline-secondary { + color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:hover { + color: #ffffff; + background-color: #6c757d; + border-color: #6c757d; +} + +.btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.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: #ffffff; + 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 0 rgba(108, 117, 125, 0.5); +} + +.btn-outline-success { + color: #28a745; + border-color: #28a745; +} + +.btn-outline-success:hover { + color: #ffffff; + background-color: #28a745; + border-color: #28a745; +} + +.btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.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: #ffffff; + 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 0 rgba(40, 167, 69, 0.5); +} + +.btn-outline-info { + color: #17a2b8; + border-color: #17a2b8; +} + +.btn-outline-info:hover { + color: #ffffff; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.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: #ffffff; + 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 0 rgba(23, 162, 184, 0.5); +} + +.btn-outline-warning { + color: #ffc107; + border-color: #ffc107; +} + +.btn-outline-warning:hover { + color: #1F2D3D; + background-color: #ffc107; + border-color: #ffc107; +} + +.btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.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: #1F2D3D; + 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 0 rgba(255, 193, 7, 0.5); +} + +.btn-outline-danger { + color: #dc3545; + border-color: #dc3545; +} + +.btn-outline-danger:hover { + color: #ffffff; + background-color: #dc3545; + border-color: #dc3545; +} + +.btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.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: #ffffff; + 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 0 rgba(220, 53, 69, 0.5); +} + +.btn-outline-light { + color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:hover { + color: #1F2D3D; + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.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: #1F2D3D; + 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 0 rgba(248, 249, 250, 0.5); +} + +.btn-outline-dark { + color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:hover { + color: #ffffff; + background-color: #343a40; + border-color: #343a40; +} + +.btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.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: #ffffff; + 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 0 rgba(52, 58, 64, 0.5); +} + +.btn-link { + font-weight: 400; + color: #007bff; + text-decoration: none; +} + +.btn-link:hover { + color: #0056b3; + text-decoration: none; +} + +.btn-link:focus, .btn-link.focus { + text-decoration: none; + box-shadow: none; +} + +.btn-link:disabled, .btn-link.disabled { + color: #6c757d; + pointer-events: none; +} + +.btn-lg, .btn-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.btn-block { + display: block; + width: 100%; +} + +.btn-block + .btn-block { + margin-top: 0.5rem; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.fade { + transition: opacity 0.15s linear; +} + +@media (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 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} + +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.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: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); +} + +.dropdown-menu-left { + right: auto; + left: 0; +} + +.dropdown-menu-right { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + .dropdown-menu-sm-right { + right: 0; + left: auto; + } +} + +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} + +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} + +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} + +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.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: 0.125rem; +} + +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.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: 0.125rem; +} + +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropleft .dropdown-toggle::after { + display: none; +} + +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; +} + +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} + +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} + +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} + +.dropdown-item.active, .dropdown-item:active { + color: #ffffff; + text-decoration: none; + background-color: #007bff; +} + +.dropdown-item.disabled, .dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: 0.5rem 1rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #6c757d; + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: 0.25rem 1rem; + color: #212529; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} + +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover { + z-index: 1; +} + +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) { + margin-left: -1px; +} + +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + +.dropdown-toggle-split::after, +.dropup .dropdown-toggle-split::after, +.dropright .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropleft .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group.show .dropdown-toggle { + box-shadow: none; +} + +.btn-group.show .dropdown-toggle.btn-link { + box-shadow: none; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} + +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; +} + +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + 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="radio"], +.btn-group-toggle > .btn input[type="checkbox"], +.btn-group-toggle > .btn-group > .btn input[type="radio"], +.btn-group-toggle > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group > .form-control, +.input-group > .form-control-plaintext, +.input-group > .custom-select, +.input-group > .custom-file { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} + +.input-group > .form-control + .form-control, +.input-group > .form-control + .custom-select, +.input-group > .form-control + .custom-file, +.input-group > .form-control-plaintext + .form-control, +.input-group > .form-control-plaintext + .custom-select, +.input-group > .form-control-plaintext + .custom-file, +.input-group > .custom-select + .form-control, +.input-group > .custom-select + .custom-select, +.input-group > .custom-select + .custom-file, +.input-group > .custom-file + .form-control, +.input-group > .custom-file + .custom-select, +.input-group > .custom-file + .custom-file { + margin-left: -1px; +} + +.input-group > .form-control:focus, +.input-group > .custom-select:focus, +.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { + z-index: 3; +} + +.input-group > .custom-file .custom-file-input:focus { + z-index: 4; +} + +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > .form-control:not(:first-child), +.input-group > .custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > .custom-file { + display: flex; + 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-prepend, +.input-group-append { + display: flex; +} + +.input-group-prepend .btn, +.input-group-append .btn { + position: relative; + z-index: 2; +} + +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} + +.input-group-prepend .btn + .btn, +.input-group-prepend .btn + .input-group-text, +.input-group-prepend .input-group-text + .input-group-text, +.input-group-prepend .input-group-text + .btn, +.input-group-append .btn + .btn, +.input-group-append .btn + .input-group-text, +.input-group-append .input-group-text + .input-group-text, +.input-group-append .input-group-text + .btn { + margin-left: -1px; +} + +.input-group-prepend { + margin-right: -1px; +} + +.input-group-append { + margin-left: -1px; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.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: 0.25rem; +} + +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} + +.input-group-lg > .form-control:not(textarea), +.input-group-lg > .custom-select { + height: calc(2.875rem + 2px); +} + +.input-group-lg > .form-control, +.input-group-lg > .custom-select, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} + +.input-group-sm > .form-control:not(textarea), +.input-group-sm > .custom-select { + height: calc(1.8125rem + 2px); +} + +.input-group-sm > .form-control, +.input-group-sm > .custom-select, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} + +.input-group-lg > .custom-select, +.input-group-sm > .custom-select { + padding-right: 1.75rem; +} + +.input-group > .input-group-prepend > .btn, +.input-group > .input-group-prepend > .input-group-text, +.input-group > .input-group-append:not(:last-child) > .btn, +.input-group > .input-group-append:not(:last-child) > .input-group-text, +.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) { + 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:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .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) { + 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: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} + +.custom-control-input:checked ~ .custom-control-label::before { + color: #ffffff; + border-color: #007bff; + background-color: #007bff; + box-shadow: none; +} + +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), none; +} + +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80bdff; +} + +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #ffffff; + background-color: #b3d7ff; + border-color: #b3d7ff; + box-shadow: none; +} + +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; +} + +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #e9ecef; +} + +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} + +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #dee2e6; + border: #adb5bd solid 1px; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50% / 50% 50%; +} + +.custom-checkbox .custom-control-label::before { + border-radius: 0.25rem; +} + +.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='%23ffffff' 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 { + border-color: #007bff; + background-color: #007bff; + box-shadow: none; +} + +.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='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E"); +} + +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-radio .custom-control-label::before { + border-radius: 50%; +} + +.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='%23ffffff'/%3E%3C/svg%3E"); +} + +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-switch { + padding-left: 2.25rem; +} + +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} + +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #adb5bd; + border-radius: 0.5rem; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} + +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #dee2e6; + transform: translateX(0.75rem); +} + +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} + +.custom-select { + display: inline-block; + width: 100%; + height: calc(2.25rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #ffffff 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 0.75rem center/8px 10px; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + appearance: none; +} + +.custom-select:focus { + border-color: #80bdff; + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), none; +} + +.custom-select:focus::-ms-value { + color: #495057; + background-color: #ffffff; +} + +.custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} + +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} + +.custom-select::-ms-expand { + display: none; +} + +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.custom-select-sm { + height: calc(1.8125rem + 2px); + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 75%; +} + +.custom-select-lg { + height: calc(2.875rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + 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: none; +} + +.custom-file-input[disabled] ~ .custom-file-label, +.custom-file-input:disabled ~ .custom-file-label { + background-color: #e9ecef; +} + +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; +} + +.custom-file-input ~ .custom-file-label[data-browse]::after { + content: attr(data-browse); +} + +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(2.25rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: none; +} + +.custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: 2.25rem; + padding: 0.375rem 0.75rem; + line-height: 1.5; + color: #495057; + content: "Browse"; + background-color: #e9ecef; + border-left: inherit; + border-radius: 0 0.25rem 0.25rem 0; +} + +.custom-range { + width: 100%; + height: 1rem; + padding: 0; + background-color: transparent; + appearance: none; +} + +.custom-range:focus { + outline: none; +} + +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.custom-range::-moz-focus-outer { + border: 0; +} + +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (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: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #007bff; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (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: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0; + margin-left: 0; + background-color: #007bff; + border: 0; + border-radius: 1rem; + box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} + +@media (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: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); +} + +.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-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} + +.custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} + +.custom-range:disabled::-moz-range-track { + cursor: default; +} + +.custom-range:disabled::-ms-thumb { + background-color: #adb5bd; +} + +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} + +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} + +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} + +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} + +.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: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} + +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #ffffff; + border-color: #dee2e6 #dee2e6 #ffffff; +} + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills .nav-link { + border-radius: 0.25rem; +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #ffffff; + background-color: #007bff; +} + +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 0.5rem; +} + +.navbar .container, +.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 0.5rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} + +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} + +.navbar-nav { + display: flex; + 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: 0.5rem; + padding-bottom: 0.5rem; +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; +} + +.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, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} + +@media (max-width: 767.98px) { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } +} + +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} + +@media (max-width: 1199.98px) { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { + padding-right: 0; + padding-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { + flex-wrap: nowrap; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} + +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { + padding-right: 0; + padding-left: 0; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; +} + +.navbar-expand > .container, +.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { + flex-wrap: nowrap; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); +} + +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} + +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 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, 0.5); +} + +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-dark .navbar-brand { + color: #ffffff; +} + +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #ffffff; +} + +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.75); +} + +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: white; +} + +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #ffffff; +} + +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(255, 255, 255, 0.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.75)' 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, 0.75); +} + +.navbar-dark .navbar-text a { + color: #ffffff; +} + +.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #ffffff; +} + +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 0 solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} + +.card > hr { + margin-right: 0; + margin-left: 0; +} + +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.card-title { + margin-bottom: 0.75rem; +} + +.card-subtitle { + margin-top: -0.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: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 0 solid rgba(0, 0, 0, 0.125); +} + +.card-header:first-child { + border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0; +} + +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 0 solid rgba(0, 0, 0, 0.125); +} + +.card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0); +} + +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} + +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; +} + +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: calc(0.25rem - 0); + border-top-right-radius: calc(0.25rem - 0); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.25rem - 0); + border-bottom-left-radius: calc(0.25rem - 0); +} + +.card-deck .card { + margin-bottom: 7.5px; +} + +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -7.5px; + margin-left: -7.5px; + } + .card-deck .card { + flex: 1 0 0%; + margin-right: 7.5px; + margin-bottom: 0; + margin-left: 7.5px; + } +} + +.card-group > .card { + margin-bottom: 7.5px; +} + +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.card-columns .card { + margin-bottom: 0.75rem; +} + +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } + .card-columns .card { + display: inline-block; + width: 100%; + } +} + +.accordion > .card { + overflow: hidden; +} + +.accordion > .card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.accordion > .card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion > .card > .card-header { + border-radius: 0; + margin-bottom: 0; +} + +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.25rem; +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: 0.5rem; +} + +.breadcrumb-item + .breadcrumb-item::before { + display: inline-block; + padding-right: 0.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: flex; + padding-left: 0; + list-style: none; + border-radius: 0.25rem; +} + +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #007bff; + background-color: #ffffff; + 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: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.page-item:last-child .page-link { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.page-item.active .page-link { + z-index: 3; + color: #ffffff; + background-color: #007bff; + border-color: #007bff; +} + +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: #ffffff; + border-color: #dee2e6; +} + +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + line-height: 1.5; +} + +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} + +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} + +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} + +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} + +a.badge:hover, a.badge:focus { + text-decoration: none; +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} + +.badge-primary { + color: #ffffff; + background-color: #007bff; +} + +a.badge-primary:hover, a.badge-primary:focus { + color: #ffffff; + background-color: #0062cc; +} + +a.badge-primary:focus, a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} + +.badge-secondary { + color: #ffffff; + background-color: #6c757d; +} + +a.badge-secondary:hover, a.badge-secondary:focus { + color: #ffffff; + background-color: #545b62; +} + +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} + +.badge-success { + color: #ffffff; + background-color: #28a745; +} + +a.badge-success:hover, a.badge-success:focus { + color: #ffffff; + background-color: #1e7e34; +} + +a.badge-success:focus, a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); +} + +.badge-info { + color: #ffffff; + background-color: #17a2b8; +} + +a.badge-info:hover, a.badge-info:focus { + color: #ffffff; + background-color: #117a8b; +} + +a.badge-info:focus, a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); +} + +.badge-warning { + color: #1F2D3D; + background-color: #ffc107; +} + +a.badge-warning:hover, a.badge-warning:focus { + color: #1F2D3D; + background-color: #d39e00; +} + +a.badge-warning:focus, a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); +} + +.badge-danger { + color: #ffffff; + background-color: #dc3545; +} + +a.badge-danger:hover, a.badge-danger:focus { + color: #ffffff; + background-color: #bd2130; +} + +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} + +.badge-light { + color: #1F2D3D; + background-color: #f8f9fa; +} + +a.badge-light:hover, a.badge-light:focus { + color: #1F2D3D; + background-color: #dae0e5; +} + +a.badge-light:focus, a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); +} + +.badge-dark { + color: #ffffff; + background-color: #343a40; +} + +a.badge-dark:hover, a.badge-dark:focus { + color: #ffffff; + background-color: #1d2124; +} + +a.badge-dark:focus, a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); +} + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} + +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} + +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; +} + +.alert-dismissible { + padding-right: 4rem; +} + +.alert-dismissible .close, .alert-dismissible .mailbox-attachment-close { + position: absolute; + top: 0; + right: 0; + padding: 0.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; +} + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + to { + background-position: 0 0; + } +} + +.progress { + display: flex; + height: 1rem; + overflow: hidden; + font-size: 0.75rem; + background-color: #e9ecef; + border-radius: 0.25rem; + box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #ffffff; + text-align: center; + white-space: nowrap; + background-color: #007bff; + transition: width 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; +} + +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.media { + display: flex; + align-items: flex-start; +} + +.media-body { + flex: 1; +} + +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} + +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} + +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + 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: 0.75rem 1.25rem; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.125); +} + +.list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + +.list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #ffffff; +} + +.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #007bff; + border-color: #007bff; +} + +.list-group-item + .list-group-item { + border-top-width: 0; +} + +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} + +.list-group-horizontal { + flex-direction: row; +} + +.list-group-horizontal .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; +} + +.list-group-horizontal .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; +} + +.list-group-horizontal .list-group-item.active { + margin-top: 0; +} + +.list-group-horizontal .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; +} + +.list-group-horizontal .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-sm .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-sm .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-md .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-md .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-md .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-lg .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-lg .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl .list-group-item:first-child { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + } + .list-group-horizontal-xl .list-group-item:last-child { + border-top-right-radius: 0.25rem; + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item { + border-top-width: 1px; + border-left-width: 0; + } + .list-group-horizontal-xl .list-group-item + .list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} + +.list-group-flush .list-group-item { + border-right-width: 0; + border-left-width: 0; + border-radius: 0; +} + +.list-group-flush .list-group-item:first-child { + border-top-width: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #004085; + background-color: #b8daff; +} + +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #004085; + background-color: #9fcdff; +} + +.list-group-item-primary.list-group-item-action.active { + color: #ffffff; + background-color: #004085; + border-color: #004085; +} + +.list-group-item-secondary { + color: #383d41; + background-color: #d6d8db; +} + +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #383d41; + background-color: #c8cbcf; +} + +.list-group-item-secondary.list-group-item-action.active { + color: #ffffff; + background-color: #383d41; + border-color: #383d41; +} + +.list-group-item-success { + color: #155724; + background-color: #c3e6cb; +} + +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #155724; + background-color: #b1dfbb; +} + +.list-group-item-success.list-group-item-action.active { + color: #ffffff; + background-color: #155724; + border-color: #155724; +} + +.list-group-item-info { + color: #0c5460; + background-color: #bee5eb; +} + +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #0c5460; + background-color: #abdde5; +} + +.list-group-item-info.list-group-item-action.active { + color: #ffffff; + background-color: #0c5460; + border-color: #0c5460; +} + +.list-group-item-warning { + color: #856404; + background-color: #ffeeba; +} + +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #856404; + background-color: #ffe8a1; +} + +.list-group-item-warning.list-group-item-action.active { + color: #ffffff; + background-color: #856404; + border-color: #856404; +} + +.list-group-item-danger { + color: #721c24; + background-color: #f5c6cb; +} + +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #721c24; + background-color: #f1b0b7; +} + +.list-group-item-danger.list-group-item-action.active { + color: #ffffff; + background-color: #721c24; + border-color: #721c24; +} + +.list-group-item-light { + color: #818182; + background-color: #fdfdfe; +} + +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #818182; + background-color: #ececf6; +} + +.list-group-item-light.list-group-item-action.active { + color: #ffffff; + background-color: #818182; + border-color: #818182; +} + +.list-group-item-dark { + color: #1b1e21; + background-color: #c6c8ca; +} + +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1e21; + background-color: #b9bbbe; +} + +.list-group-item-dark.list-group-item-action.active { + color: #ffffff; + background-color: #1b1e21; + border-color: #1b1e21; +} + +.close, .mailbox-attachment-close { + float: right; + font-size: 1.5rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #ffffff; + opacity: .5; +} + +.close:hover, .mailbox-attachment-close:hover { + color: #000; + text-decoration: none; +} + +.close:not(:disabled):not(.disabled):hover, .mailbox-attachment-close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus, .mailbox-attachment-close:not(:disabled):not(.disabled):focus { + opacity: .75; +} + +button.close, button.mailbox-attachment-close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} + +a.close.disabled, a.disabled.mailbox-attachment-close { + pointer-events: none; +} + +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} + +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} + +.toast.showing { + opacity: 1; +} + +.toast.show { + display: block; + opacity: 1; +} + +.toast.hide { + display: none; +} + +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + color: #6c757d; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.toast-body { + padding: 0.75rem; +} + +.modal-open { + overflow: hidden; +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} + +.modal.show .modal-dialog { + transform: none; +} + +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} + +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} + +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} + +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} + +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} + +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} + +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: 0.5; +} + +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem; + border-bottom: 1px solid #e9ecef; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.modal-header .close, .modal-header .mailbox-attachment-close { + padding: 1rem; + margin: -1rem -1rem -1rem auto; +} + +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} + +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #e9ecef; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} + +.modal-footer > * { + margin: 0.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-scrollable { + max-height: calc(100% - 3.5rem); + } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + } + .modal-content { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); + } + .modal-sm { + max-width: 300px; + } +} + +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + max-width: 800px; + } +} + +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + 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: 0.875rem; + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: 0.9; +} + +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} + +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { + padding: 0.4rem 0; +} + +.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} + +.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { + top: 0; + border-width: 0.4rem 0.4rem 0; + border-top-color: #000; +} + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; +} + +.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: #000; +} + +.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { + padding: 0.4rem 0; +} + +.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} + +.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + bottom: 0; + border-width: 0 0.4rem 0.4rem; + border-bottom-color: #000; +} + +.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { + padding: 0 0.4rem; +} + +.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} + +.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { + left: 0; + border-width: 0.4rem 0 0.4rem 0.4rem; + border-left-color: #000; +} + +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #ffffff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + 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: 0.875rem; + word-wrap: break-word; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); +} + +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} + +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-popover-top, .bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; +} + +.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { + bottom: calc(-0.5rem - 1px); +} + +.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { + bottom: 0; + border-width: 0.5rem 0.5rem 0; + border-top-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { + bottom: 1px; + border-width: 0.5rem 0.5rem 0; + border-top-color: #ffffff; +} + +.bs-popover-right, .bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; +} + +.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { + left: 0; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { + left: 1px; + border-width: 0.5rem 0.5rem 0.5rem 0; + border-right-color: #ffffff; +} + +.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; +} + +.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { + top: calc(-0.5rem - 1px); +} + +.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { + top: 0; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { + top: 1px; + border-width: 0 0.5rem 0.5rem 0.5rem; + border-bottom-color: #ffffff; +} + +.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: 1rem; + margin-left: -0.5rem; + content: ""; + border-bottom: 1px solid #f7f7f7; +} + +.bs-popover-left, .bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; +} + +.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} + +.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { + right: 0; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: rgba(0, 0, 0, 0.25); +} + +.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { + right: 1px; + border-width: 0.5rem 0 0.5rem 0.5rem; + border-left-color: #ffffff; +} + +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + color: inherit; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-left, +.carousel-fade .carousel-item-prev.carousel-item-right { + z-index: 1; + opacity: 1; +} + +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + transition: none; + } +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #ffffff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} + +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50% / 100% 100%; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' 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='%23ffffff' 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: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} + +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #ffffff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: .5; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} + +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} + +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border .75s linear infinite; +} + +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + } +} + +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow .75s linear infinite; +} + +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} + +.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:hover, a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #0062cc !important; +} + +.bg-secondary { + background-color: #6c757d !important; +} + +a.bg-secondary:hover, a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #545b62 !important; +} + +.bg-success { + background-color: #28a745 !important; +} + +a.bg-success:hover, a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #1e7e34 !important; +} + +.bg-info { + background-color: #17a2b8 !important; +} + +a.bg-info:hover, a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #117a8b !important; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +a.bg-warning:hover, a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #d39e00 !important; +} + +.bg-danger { + background-color: #dc3545 !important; +} + +a.bg-danger:hover, a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #bd2130 !important; +} + +.bg-light { + background-color: #f8f9fa !important; +} + +a.bg-light:hover, a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #dae0e5 !important; +} + +.bg-dark { + background-color: #343a40 !important; +} + +a.bg-dark:hover, a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #1d2124 !important; +} + +.bg-white { + background-color: #ffffff !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: #ffffff !important; +} + +.rounded-sm { + border-radius: 0.2rem !important; +} + +.rounded { + border-radius: 0.25rem !important; +} + +.rounded-top { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} + +.rounded-right { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} + +.rounded-bottom { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-left { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} + +.rounded-lg { + border-radius: 0.3rem !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: 50rem !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: flex !important; +} + +.d-inline-flex { + 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: flex !important; + } + .d-sm-inline-flex { + 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: flex !important; + } + .d-md-inline-flex { + 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: flex !important; + } + .d-lg-inline-flex { + 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: flex !important; + } + .d-xl-inline-flex { + 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: flex !important; + } + .d-print-inline-flex { + 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 iframe, +.embed-responsive embed, +.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 { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } +} + +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + 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; + } +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + 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: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + 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 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 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; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.vw-100 { + width: 100vw !important; +} + +.vh-100 { + height: 100vh !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} + +.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: 0.25rem !important; +} + +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} + +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} + +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} + +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} + +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} + +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} + +.ml-2, +.mx-2 { + margin-left: 0.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: 0.25rem !important; +} + +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} + +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} + +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} + +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} + +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} + +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} + +.pl-2, +.px-2 { + padding-left: 0.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-n1 { + margin: -0.25rem !important; +} + +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} + +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} + +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} + +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} + +.m-n2 { + margin: -0.5rem !important; +} + +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} + +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} + +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} + +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} + +.m-n3 { + margin: -1rem !important; +} + +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} + +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} + +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} + +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} + +.m-n4 { + margin: -1.5rem !important; +} + +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} + +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} + +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} + +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} + +.m-n5 { + margin: -3rem !important; +} + +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} + +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} + +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} + +.ml-n5, +.mx-n5 { + margin-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: 0.25rem !important; + } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.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: 0.25rem !important; + } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.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-n1 { + margin: -0.25rem !important; + } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } + .m-sm-n2 { + margin: -0.5rem !important; + } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } + .m-sm-n3 { + margin: -1rem !important; + } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } + .m-sm-n4 { + margin: -1.5rem !important; + } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } + .m-sm-n5 { + margin: -3rem !important; + } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } + .ml-sm-n5, + .mx-sm-n5 { + margin-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: 0.25rem !important; + } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } + .ml-md-2, + .mx-md-2 { + margin-left: 0.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: 0.25rem !important; + } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } + .pl-md-2, + .px-md-2 { + padding-left: 0.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-n1 { + margin: -0.25rem !important; + } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } + .m-md-n2 { + margin: -0.5rem !important; + } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } + .m-md-n3 { + margin: -1rem !important; + } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } + .m-md-n4 { + margin: -1.5rem !important; + } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } + .m-md-n5 { + margin: -3rem !important; + } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } + .ml-md-n5, + .mx-md-n5 { + margin-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: 0.25rem !important; + } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.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: 0.25rem !important; + } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.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-n1 { + margin: -0.25rem !important; + } + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + .m-lg-n2 { + margin: -0.5rem !important; + } + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + .m-lg-n3 { + margin: -1rem !important; + } + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + .m-lg-n4 { + margin: -1.5rem !important; + } + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + .m-lg-n5 { + margin: -3rem !important; + } + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + .ml-lg-n5, + .mx-lg-n5 { + margin-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: 0.25rem !important; + } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.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: 0.25rem !important; + } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.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-n1 { + margin: -0.25rem !important; + } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } + .m-xl-n2 { + margin: -0.5rem !important; + } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } + .m-xl-n3 { + margin: -1rem !important; + } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } + .m-xl-n4 { + margin: -1.5rem !important; + } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } + .m-xl-n5 { + margin: -3rem !important; + } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } + .ml-xl-n5, + .mx-xl-n5 { + margin-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 !important; +} + +.text-justify { + text-align: justify !important; +} + +.text-wrap { + white-space: normal !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-lighter { + font-weight: lighter !important; +} + +.font-weight-normal { + font-weight: 400 !important; +} + +.font-weight-bold { + font-weight: 700 !important; +} + +.font-weight-bolder { + font-weight: bolder !important; +} + +.font-italic { + font-style: italic !important; +} + +.text-white { + color: #ffffff !important; +} + +.text-primary { + color: #007bff !important; +} + +a.text-primary:hover, a.text-primary:focus { + color: #0056b3 !important; +} + +.text-secondary { + color: #6c757d !important; +} + +a.text-secondary:hover, a.text-secondary:focus { + color: #494f54 !important; +} + +.text-success { + color: #28a745 !important; +} + +a.text-success:hover, a.text-success:focus { + color: #19692c !important; +} + +.text-info { + color: #17a2b8 !important; +} + +a.text-info:hover, a.text-info:focus { + color: #0f6674 !important; +} + +.text-warning { + color: #ffc107 !important; +} + +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} + +.text-danger { + color: #dc3545 !important; +} + +a.text-danger:hover, a.text-danger:focus { + color: #a71d2a !important; +} + +.text-light { + color: #f8f9fa !important; +} + +a.text-light:hover, a.text-light:focus { + color: #cbd3da !important; +} + +.text-dark { + color: #343a40 !important; +} + +a.text-dark:hover, a.text-dark:focus { + color: #121416 !important; +} + +.text-body { + color: #212529 !important; +} + +.text-muted { + color: #6c757d !important; +} + +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} + +.text-reset { + color: inherit !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +@media print { + *, + *::before, + *::after { + 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; + } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + p, + h2, + h3 { + 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: #ffffff !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } + .table-dark { + color: inherit; + } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody + tbody { + border-color: #dee2e6; + } + .table .thead-dark th { + color: inherit; + border-color: #dee2e6; + } +} + +.nav { + padding-right: 0; +} + +.navbar-nav { + padding-right: 0; +} + +.input-group > .form-control:not(:last-child), +.input-group > .custom-select:not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.input-group > .input-group-append > .btn, +.input-group > .input-group-append > .input-group-text, +.input-group > .input-group-prepend:not(:first-child) > .btn, +.input-group > .input-group-prepend:not(:first-child) > .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) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} + +.input-group-prepend { + margin-left: -1px; + margin-right: 0; +} + +.input-group-append { + margin-right: -1px; + margin-left: 0; +} + +.input-group > .custom-file:not(:last-child) .custom-file-label, +.input-group > .custom-file:not(:last-child) .custom-file-label::after { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.input-group-text { + font-size: 14px; + font-weight: 400; +} + +.main-header .dropdown-menu { + text-align: right; + margin: 8px 0 0; +} + +.breadcrumb-item + .breadcrumb-item::before { + padding-left: 0.5rem; + padding-right: 0; +} + +.breadcrumb-item + .breadcrumb-item { + padding-right: 0.5rem; + padding-left: 0; +} + +.login-page .card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: transparent; + background-clip: border-box; + border: 0 solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} + +.card-link + .card-link { + margin-right: 1.25rem; + margin-left: 0; +} + +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "انتخاب"; +} + +.custom-file-label::after { + left: 0; + right: auto; + border-right: inherit; + border-left: 0; + border-radius: 0 !important; + line-height: 24px; + font-size: 14px; + font-weight: 400; +} + +html { + scroll-behavior: smooth; +} + +html, +body, +.wrapper { + font-family: IRANSansFaNum, sans-serif; + min-height: 100%; + direction: rtl; + text-align: right; +} + +.wrapper { + position: relative; +} + +.wrapper .content-wrapper { + min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px)); +} + +.layout-boxed .wrapper { + box-shadow: 0 0 10 rgba(0, 0, 0, 0.3); +} + +.layout-boxed .wrapper, .layout-boxed .wrapper::before { + margin: 0 auto; + max-width: 1250px; +} + +.layout-boxed .wrapper .main-sidebar { + left: inherit; +} + +.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar { + top: calc(3.5rem + 1px); +} + +.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar { + top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed.layout-fixed .wrapper .sidebar { + margin-top: calc(3.5rem + 1px); +} + +.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar { + top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed.sidebar-collapse .wrapper .brand-link { + height: calc(3.5rem + 1px); + width: 4.6rem; +} + +.layout-navbar-fixed.sidebar-collapse .wrapper .brand-link.text-sm { + height: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed.sidebar-collapse.text-sm .wrapper .brand-link { + height: calc(2.93725rem + 1px); +} + +body:not(.layout-fixed).layout-navbar-fixed .wrapper .main-sidebar { + margin-top: calc(calc(3.5rem + 1px) / -1); +} + +body:not(.layout-fixed).layout-navbar-fixed .wrapper .main-sidebar .sidebar  { + margin-top: calc(3.5rem + 1px); +} + +body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar { + margin-top: calc(calc(2.93725rem + 1px) / -1); +} + +body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar  { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed .wrapper .control-sidebar { + top: 0; +} + +.layout-navbar-fixed .wrapper a.anchor { + display: block; + position: relative; + top: calc((3.5rem + 1px + (0.5rem * 2)) / -1); +} + +.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link { + transition: width 0.3s ease-in-out; + width: 250px; +} + +.layout-navbar-fixed .wrapper .brand-link { + overflow: hidden; + position: fixed; + top: 0; + transition: width 0.3s ease-in-out; + width: 250px; + z-index: 1035; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .content-wrapper { + margin-top: calc(3.5rem + 1px); +} + +.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed .wrapper .main-header { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1033; +} + +.layout-navbar-fixed.text-sm .wrapper .content-wrapper { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-not-fixed .wrapper .brand-link { + position: static; +} + +.layout-navbar-not-fixed .wrapper .sidebar, +.layout-navbar-not-fixed .wrapper .content-wrapper { + margin-top: 0; +} + +.layout-navbar-not-fixed .wrapper .main-header { + position: static; +} + +.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar { + margin-top: 0; +} + +.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar { + top: calc(3.5rem + 1px); +} + +.text-sm .layout-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar, +.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar { + top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed.layout-fixed .wrapper .sidebar { + margin-top: calc(3.5rem + 1px); +} + +.text-sm .layout-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar, +.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar { + top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed .wrapper .control-sidebar { + top: 0; +} + +.layout-navbar-fixed .wrapper a.anchor { + display: block; + position: relative; + top: calc((3.5rem + 1px + (0.5rem * 2)) / -1); +} + +.layout-navbar-fixed .wrapper.sidebar-collapse .brand-link { + height: calc(3.5rem + 1px); + transition: width 0.3s ease-in-out; + width: 4.6rem; +} + +.text-sm .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm { + height: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { + transition: width 0.3s ease-in-out; + width: 250px; +} + +.layout-navbar-fixed .wrapper .brand-link { + overflow: hidden; + position: fixed; + top: 0; + transition: width 0.3s ease-in-out; + width: 250px; + z-index: 1035; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; +} + +.layout-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #ffffff; +} + +.layout-navbar-fixed .wrapper .content-wrapper { + margin-top: calc(3.5rem + 1px); +} + +.text-sm .layout-navbar-fixed .wrapper .main-header ~ .content-wrapper, +.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-fixed .wrapper .main-header { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1037; +} + +.layout-navbar-fixed.text-sm .wrapper .content-wrapper { + margin-top: calc(2.93725rem + 1px); +} + +body:not(.layout-fixed).layout-navbar-fixed .wrapper .main-sidebar { + margin-top: calc(calc(3.5rem + 1px) / -1); +} + +body:not(.layout-fixed).layout-navbar-fixed .wrapper .main-sidebar .sidebar  { + margin-top: calc(3.5rem + 1px); +} + +body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar { + margin-top: calc(calc(2.93725rem + 1px) / -1); +} + +body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar  { + margin-top: calc(2.93725rem + 1px); +} + +.layout-navbar-not-fixed .wrapper .brand-link { + position: static; +} + +.layout-navbar-not-fixed .wrapper .sidebar, +.layout-navbar-not-fixed .wrapper .content-wrapper { + margin-top: 0; +} + +.layout-navbar-not-fixed .wrapper .main-header { + position: static; +} + +.layout-navbar-not-fixed.layout-fixed .wrapper .sidebar { + margin-top: 0; +} + +@media (min-width: 576px) { + .layout-sm-navbar-fixed.layout-fixed .wrapper .control-sidebar { + top: calc(3.5rem + 1px); + } + .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar, + .layout-sm-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar { + top: calc(2.93725rem + 1px); + } + .layout-sm-navbar-fixed.layout-fixed .wrapper .sidebar { + margin-top: calc(3.5rem + 1px); + } + .text-sm .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar, + .layout-sm-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar { + margin-top: calc(2.93725rem + 1px); + } + .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar { + top: calc(2.93725rem + 1px); + } + .layout-sm-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar { + margin-top: calc(2.93725rem + 1px); + } + .layout-sm-navbar-fixed .wrapper .control-sidebar { + top: 0; + } + .layout-sm-navbar-fixed .wrapper a.anchor { + display: block; + position: relative; + top: calc((3.5rem + 1px + (0.5rem * 2)) / -1); + } + .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link { + height: calc(3.5rem + 1px); + transition: width 0.3s ease-in-out; + width: 4.6rem; + } + .text-sm .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-sm-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm { + height: calc(2.93725rem + 1px); + } + .layout-sm-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { + transition: width 0.3s ease-in-out; + width: 250px; + } + .layout-sm-navbar-fixed .wrapper .brand-link { + overflow: hidden; + position: fixed; + top: 0; + transition: width 0.3s ease-in-out; + width: 250px; + z-index: 1035; + } + .layout-sm-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-sm-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-sm-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-sm-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-sm-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-sm-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-sm-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-sm-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-sm-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-sm-navbar-fixed .wrapper .content-wrapper { + margin-top: calc(3.5rem + 1px); + } + .text-sm .layout-sm-navbar-fixed .wrapper .main-header ~ .content-wrapper, + .layout-sm-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper { + margin-top: calc(2.93725rem + 1px); + } + .layout-sm-navbar-fixed .wrapper .main-header { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1037; + } + .layout-sm-navbar-fixed.text-sm .wrapper .content-wrapper { + margin-top: calc(2.93725rem + 1px); + } + body:not(.layout-fixed).layout-sm-navbar-fixed .wrapper .main-sidebar { + margin-top: calc(calc(3.5rem + 1px) / -1); + } + body:not(.layout-fixed).layout-sm-navbar-fixed .wrapper .main-sidebar .sidebar  { + margin-top: calc(3.5rem + 1px); + } + body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar { + margin-top: calc(calc(2.93725rem + 1px) / -1); + } + body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar  { + margin-top: calc(2.93725rem + 1px); + } + .layout-sm-navbar-not-fixed .wrapper .brand-link { + position: static; + } + .layout-sm-navbar-not-fixed .wrapper .sidebar, + .layout-sm-navbar-not-fixed .wrapper .content-wrapper { + margin-top: 0; + } + .layout-sm-navbar-not-fixed .wrapper .main-header { + position: static; + } + .layout-sm-navbar-not-fixed.layout-fixed .wrapper .sidebar { + margin-top: 0; + } +} + +@media (min-width: 768px) { + .layout-md-navbar-fixed.layout-fixed .wrapper .control-sidebar { + top: calc(3.5rem + 1px); + } + .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar, + .layout-md-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar { + top: calc(2.93725rem + 1px); + } + .layout-md-navbar-fixed.layout-fixed .wrapper .sidebar { + margin-top: calc(3.5rem + 1px); + } + .text-sm .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar, + .layout-md-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar { + margin-top: calc(2.93725rem + 1px); + } + .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar { + top: calc(2.93725rem + 1px); + } + .layout-md-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar { + margin-top: calc(2.93725rem + 1px); + } + .layout-md-navbar-fixed .wrapper .control-sidebar { + top: 0; + } + .layout-md-navbar-fixed .wrapper a.anchor { + display: block; + position: relative; + top: calc((3.5rem + 1px + (0.5rem * 2)) / -1); + } + .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link { + height: calc(3.5rem + 1px); + transition: width 0.3s ease-in-out; + width: 4.6rem; + } + .text-sm .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-md-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm { + height: calc(2.93725rem + 1px); + } + .layout-md-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { + transition: width 0.3s ease-in-out; + width: 250px; + } + .layout-md-navbar-fixed .wrapper .brand-link { + overflow: hidden; + position: fixed; + top: 0; + transition: width 0.3s ease-in-out; + width: 250px; + z-index: 1035; + } + .layout-md-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-md-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-md-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-md-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-md-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-md-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-md-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-md-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-md-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-md-navbar-fixed .wrapper .content-wrapper { + margin-top: calc(3.5rem + 1px); + } + .text-sm .layout-md-navbar-fixed .wrapper .main-header ~ .content-wrapper, + .layout-md-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper { + margin-top: calc(2.93725rem + 1px); + } + .layout-md-navbar-fixed .wrapper .main-header { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1037; + } + .layout-md-navbar-fixed.text-sm .wrapper .content-wrapper { + margin-top: calc(2.93725rem + 1px); + } + body:not(.layout-fixed).layout-md-navbar-fixed .wrapper .main-sidebar { + margin-top: calc(calc(3.5rem + 1px) / -1); + } + body:not(.layout-fixed).layout-md-navbar-fixed .wrapper .main-sidebar .sidebar  { + margin-top: calc(3.5rem + 1px); + } + body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar { + margin-top: calc(calc(2.93725rem + 1px) / -1); + } + body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar  { + margin-top: calc(2.93725rem + 1px); + } + .layout-md-navbar-not-fixed .wrapper .brand-link { + position: static; + } + .layout-md-navbar-not-fixed .wrapper .sidebar, + .layout-md-navbar-not-fixed .wrapper .content-wrapper { + margin-top: 0; + } + .layout-md-navbar-not-fixed .wrapper .main-header { + position: static; + } + .layout-md-navbar-not-fixed.layout-fixed .wrapper .sidebar { + margin-top: 0; + } +} + +@media (min-width: 992px) { + .layout-lg-navbar-fixed.layout-fixed .wrapper .control-sidebar { + top: calc(3.5rem + 1px); + } + .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar, + .layout-lg-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar { + top: calc(2.93725rem + 1px); + } + .layout-lg-navbar-fixed.layout-fixed .wrapper .sidebar { + margin-top: calc(3.5rem + 1px); + } + .text-sm .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar, + .layout-lg-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar { + margin-top: calc(2.93725rem + 1px); + } + .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar { + top: calc(2.93725rem + 1px); + } + .layout-lg-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar { + margin-top: calc(2.93725rem + 1px); + } + .layout-lg-navbar-fixed .wrapper .control-sidebar { + top: 0; + } + .layout-lg-navbar-fixed .wrapper a.anchor { + display: block; + position: relative; + top: calc((3.5rem + 1px + (0.5rem * 2)) / -1); + } + .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link { + height: calc(3.5rem + 1px); + transition: width 0.3s ease-in-out; + width: 4.6rem; + } + .text-sm .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-lg-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm { + height: calc(2.93725rem + 1px); + } + .layout-lg-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { + transition: width 0.3s ease-in-out; + width: 250px; + } + .layout-lg-navbar-fixed .wrapper .brand-link { + overflow: hidden; + position: fixed; + top: 0; + transition: width 0.3s ease-in-out; + width: 250px; + z-index: 1035; + } + .layout-lg-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-lg-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-lg-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-lg-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-lg-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-lg-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-lg-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-lg-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-lg-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-lg-navbar-fixed .wrapper .content-wrapper { + margin-top: calc(3.5rem + 1px); + } + .text-sm .layout-lg-navbar-fixed .wrapper .main-header ~ .content-wrapper, + .layout-lg-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper { + margin-top: calc(2.93725rem + 1px); + } + .layout-lg-navbar-fixed .wrapper .main-header { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1037; + } + .layout-lg-navbar-fixed.text-sm .wrapper .content-wrapper { + margin-top: calc(2.93725rem + 1px); + } + body:not(.layout-fixed).layout-lg-navbar-fixed .wrapper .main-sidebar { + margin-top: calc(calc(3.5rem + 1px) / -1); + } + body:not(.layout-fixed).layout-lg-navbar-fixed .wrapper .main-sidebar .sidebar  { + margin-top: calc(3.5rem + 1px); + } + body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar { + margin-top: calc(calc(2.93725rem + 1px) / -1); + } + body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar  { + margin-top: calc(2.93725rem + 1px); + } + .layout-lg-navbar-not-fixed .wrapper .brand-link { + position: static; + } + .layout-lg-navbar-not-fixed .wrapper .sidebar, + .layout-lg-navbar-not-fixed .wrapper .content-wrapper { + margin-top: 0; + } + .layout-lg-navbar-not-fixed .wrapper .main-header { + position: static; + } + .layout-lg-navbar-not-fixed.layout-fixed .wrapper .sidebar { + margin-top: 0; + } +} + +@media (min-width: 1200px) { + .layout-xl-navbar-fixed.layout-fixed .wrapper .control-sidebar { + top: calc(3.5rem + 1px); + } + .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header ~ .control-sidebar, + .layout-xl-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar { + top: calc(2.93725rem + 1px); + } + .layout-xl-navbar-fixed.layout-fixed .wrapper .sidebar { + margin-top: calc(3.5rem + 1px); + } + .text-sm .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link ~ .sidebar, + .layout-xl-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar { + margin-top: calc(2.93725rem + 1px); + } + .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar { + top: calc(2.93725rem + 1px); + } + .layout-xl-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar { + margin-top: calc(2.93725rem + 1px); + } + .layout-xl-navbar-fixed .wrapper .control-sidebar { + top: 0; + } + .layout-xl-navbar-fixed .wrapper a.anchor { + display: block; + position: relative; + top: calc((3.5rem + 1px + (0.5rem * 2)) / -1); + } + .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link { + height: calc(3.5rem + 1px); + transition: width 0.3s ease-in-out; + width: 4.6rem; + } + .text-sm .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-xl-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-sm { + height: calc(2.93725rem + 1px); + } + .layout-xl-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link { + transition: width 0.3s ease-in-out; + width: 250px; + } + .layout-xl-navbar-fixed .wrapper .brand-link { + overflow: hidden; + position: fixed; + top: 0; + transition: width 0.3s ease-in-out; + width: 250px; + z-index: 1035; + } + .layout-xl-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-xl-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-xl-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-xl-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-xl-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-xl-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-xl-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-xl-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) { + background-color: #343a40; + } + .layout-xl-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) { + background-color: #ffffff; + } + .layout-xl-navbar-fixed .wrapper .content-wrapper { + margin-top: calc(3.5rem + 1px); + } + .text-sm .layout-xl-navbar-fixed .wrapper .main-header ~ .content-wrapper, + .layout-xl-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper { + margin-top: calc(2.93725rem + 1px); + } + .layout-xl-navbar-fixed .wrapper .main-header { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1037; + } + .layout-xl-navbar-fixed.text-sm .wrapper .content-wrapper { + margin-top: calc(2.93725rem + 1px); + } + body:not(.layout-fixed).layout-xl-navbar-fixed .wrapper .main-sidebar { + margin-top: calc(calc(3.5rem + 1px) / -1); + } + body:not(.layout-fixed).layout-xl-navbar-fixed .wrapper .main-sidebar .sidebar  { + margin-top: calc(3.5rem + 1px); + } + body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar { + margin-top: calc(calc(2.93725rem + 1px) / -1); + } + body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar  { + margin-top: calc(2.93725rem + 1px); + } + .layout-xl-navbar-not-fixed .wrapper .brand-link { + position: static; + } + .layout-xl-navbar-not-fixed .wrapper .sidebar, + .layout-xl-navbar-not-fixed .wrapper .content-wrapper { + margin-top: 0; + } + .layout-xl-navbar-not-fixed .wrapper .main-header { + position: static; + } + .layout-xl-navbar-not-fixed.layout-fixed .wrapper .sidebar { + margin-top: 0; + } +} + +.layout-footer-fixed .wrapper .control-sidebar { + bottom: 0; +} + +.layout-footer-fixed .wrapper .main-footer { + bottom: 0; + left: 0; + position: fixed; + right: 0; + z-index: 1032; +} + +.layout-footer-not-fixed .wrapper .main-footer { + position: static; +} + +.layout-footer-not-fixed .wrapper .content-wrapper { + margin-bottom: 0; +} + +.layout-footer-fixed .wrapper .control-sidebar { + bottom: 0; +} + +.layout-footer-fixed .wrapper .main-footer { + bottom: 0; + left: 0; + position: fixed; + right: 0; + z-index: 1032; +} + +.layout-footer-fixed .wrapper .content-wrapper { + margin-bottom: calc(3.5rem + 1px); +} + +.layout-footer-not-fixed .wrapper .main-footer { + position: static; +} + +@media (min-width: 576px) { + .layout-sm-footer-fixed .wrapper .control-sidebar { + bottom: 0; + } + .layout-sm-footer-fixed .wrapper .main-footer { + bottom: 0; + left: 0; + position: fixed; + right: 0; + z-index: 1032; + } + .layout-sm-footer-fixed .wrapper .content-wrapper { + margin-bottom: calc(3.5rem + 1px); + } + .layout-sm-footer-not-fixed .wrapper .main-footer { + position: static; + } +} + +@media (min-width: 768px) { + .layout-md-footer-fixed .wrapper .control-sidebar { + bottom: 0; + } + .layout-md-footer-fixed .wrapper .main-footer { + bottom: 0; + left: 0; + position: fixed; + right: 0; + z-index: 1032; + } + .layout-md-footer-fixed .wrapper .content-wrapper { + margin-bottom: calc(3.5rem + 1px); + } + .layout-md-footer-not-fixed .wrapper .main-footer { + position: static; + } +} + +@media (min-width: 992px) { + .layout-lg-footer-fixed .wrapper .control-sidebar { + bottom: 0; + } + .layout-lg-footer-fixed .wrapper .main-footer { + bottom: 0; + left: 0; + position: fixed; + right: 0; + z-index: 1032; + } + .layout-lg-footer-fixed .wrapper .content-wrapper { + margin-bottom: calc(3.5rem + 1px); + } + .layout-lg-footer-not-fixed .wrapper .main-footer { + position: static; + } +} + +@media (min-width: 1200px) { + .layout-xl-footer-fixed .wrapper .control-sidebar { + bottom: 0; + } + .layout-xl-footer-fixed .wrapper .main-footer { + bottom: 0; + left: 0; + position: fixed; + right: 0; + z-index: 1032; + } + .layout-xl-footer-fixed .wrapper .content-wrapper { + margin-bottom: calc(3.5rem + 1px); + } + .layout-xl-footer-not-fixed .wrapper .main-footer { + position: static; + } +} + +.layout-top-nav .wrapper { + margin-left: 0; +} + +.layout-top-nav .wrapper .text-sm .brand-image { + margin-top: -.5rem; +} + +.layout-top-nav .wrapper .main-sidebar { + bottom: inherit; + height: inherit; +} + +.layout-top-nav .wrapper .brand-image { + height: 33px; +} + +.layout-top-nav .wrapper .main-sidebar { + display: none; +} + +.layout-top-nav .wrapper .content-wrapper, +.layout-top-nav .wrapper .main-header, +.layout-top-nav .wrapper .main-footer { + margin-left: 0; +} + +body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper, body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .content-wrapper::before, +body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-footer, +body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-footer::before, +body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header, +body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::before { + margin-left: 0; +} + +@media (min-width: 768px) { + body:not(.sidebar-mini-md) .content-wrapper, + body:not(.sidebar-mini-md) .main-footer, + body:not(.sidebar-mini-md) .main-header { + transition: margin-right 0.3s ease-in-out; + margin-right: 250px; + } +} + +@media (min-width: 768px) and (prefers-reduced-motion: reduce) { + body:not(.sidebar-mini-md) .content-wrapper, + body:not(.sidebar-mini-md) .main-footer, + body:not(.sidebar-mini-md) .main-header { + transition: none; + } +} + +@media (min-width: 768px) { + .sidebar-collapse body:not(.sidebar-mini-md) .content-wrapper, .sidebar-collapse + body:not(.sidebar-mini-md) .main-footer, .sidebar-collapse + body:not(.sidebar-mini-md) .main-header { + margin-right: 0; + } +} + +@media (max-width: 991.98px) { + body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .content-wrapper::before, + body:not(.sidebar-mini-md) .main-footer, + body:not(.sidebar-mini-md) .main-footer::before, + body:not(.sidebar-mini-md) .main-header, + body:not(.sidebar-mini-md) .main-header::before { + margin-right: 0; + } +} + +@media (min-width: 768px) { + .sidebar-mini-md .content-wrapper, + .sidebar-mini-md .main-footer, + .sidebar-mini-md .main-header { + transition: margin-left 0.3s ease-in-out; + margin-left: 250px; + } +} + +@media (min-width: 768px) and (prefers-reduced-motion: reduce) { + .sidebar-mini-md .content-wrapper, + .sidebar-mini-md .main-footer, + .sidebar-mini-md .main-header { + transition: none; + } +} + +@media (min-width: 768px) { + .sidebar-collapse .sidebar-mini-md .content-wrapper, .sidebar-collapse + .sidebar-mini-md .main-footer, .sidebar-collapse + .sidebar-mini-md .main-header { + margin-left: 4.6rem; + } +} + +@media (max-width: 991.98px) { + .sidebar-mini-md .content-wrapper, .sidebar-mini-md .content-wrapper::before, + .sidebar-mini-md .main-footer, + .sidebar-mini-md .main-footer::before, + .sidebar-mini-md .main-header, + .sidebar-mini-md .main-header::before { + margin-left: 4.6rem; + } +} + +.content-wrapper { + background: #f4f6f9; +} + +.content-wrapper > .content { + padding: 0 0.5rem; +} + +.main-sidebar, .main-sidebar::before { + transition: margin-right 0.3s ease-in-out, width 0.3s ease-in-out; + width: 250px; +} + +@media (prefers-reduced-motion: reduce) { + .main-sidebar, .main-sidebar::before { + transition: none; + } +} + +.sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md) .main-sidebar, .sidebar-collapse:not(.sidebar-mini):not(.sidebar-mini-md) .main-sidebar::before { + box-shadow: none !important; +} + +.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before { + margin-right: -250px; +} + +.sidebar-collapse .main-sidebar .nav-sidebar.nav-child-indent .nav-treeview { + padding: 0; +} + +@media (max-width: 767.98px) { + .main-sidebar, .main-sidebar::before { + box-shadow: none !important; + margin-left: -250px; + } + .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before { + margin-left: 0; + } +} + +:not(.layout-fixed) .main-sidebar { + height: inherit; + min-height: 100%; + position: absolute; + top: 0; +} + +.layout-fixed .brand-link { + width: 250px; +} + +.layout-fixed .main-sidebar { + bottom: 0; + float: none; + height: 100vh; + right: 0; + position: fixed; + top: 0; +} + +.layout-fixed .control-sidebar { + bottom: 0; + float: none; + height: 100vh; + position: fixed; + top: 0; +} + +.layout-fixed .control-sidebar .control-sidebar-content { + height: calc(100vh - calc(3.5rem + 1px)); +} + +.main-footer { + background: #ffffff; + border-top: 1px solid #dee2e6; + color: #869099; + padding: 1rem; +} + +.text-sm .main-footer, .main-footer.text-sm { + padding: 0.812rem; +} + +.content-header { + padding: 15px 0.5rem; +} + +.text-sm .content-header { + padding: 10px 0.5rem; +} + +.content-header h1 { + font-size: 1.8rem; + margin: 0; +} + +.text-sm .content-header h1 { + font-size: 1.5rem; +} + +.content-header .breadcrumb { + background: transparent; + line-height: 1.8rem; + margin-bottom: 0; + padding: 0; +} + +.text-sm .content-header .breadcrumb { + line-height: 1.5rem; +} + +.hold-transition .content-wrapper, +.hold-transition .main-header, +.hold-transition .main-sidebar, +.hold-transition .main-sidebar *, +.hold-transition .control-sidebar, +.hold-transition .control-sidebar *, +.hold-transition .main-footer { + transition: none !important; +} + +.main-header { + border-bottom: 1px solid #dee2e6; + z-index: 1034; +} + +.main-header .nav-link { + height: 2.5rem; + position: relative; +} + +.text-sm .main-header .nav-link, .main-header.text-sm .nav-link { + height: 1.93725rem; + padding: 0.35rem 1rem; +} + +.text-sm .main-header .nav-link > .fa, +.text-sm .main-header .nav-link > .fas, +.text-sm .main-header .nav-link > .far, +.text-sm .main-header .nav-link > .fab, +.text-sm .main-header .nav-link > .glyphicon, +.text-sm .main-header .nav-link > .ion, .main-header.text-sm .nav-link > .fa, +.main-header.text-sm .nav-link > .fas, +.main-header.text-sm .nav-link > .far, +.main-header.text-sm .nav-link > .fab, +.main-header.text-sm .nav-link > .glyphicon, +.main-header.text-sm .nav-link > .ion { + font-size: 0.875rem; +} + +.main-header .navbar-nav .nav-item { + margin: 0; +} + +.main-header .navbar-nav[class*='-right'] .dropdown-menu { + left: auto; + margin-top: -3px; + right: 0; +} + +@media (max-width: 575.98px) { + .main-header .navbar-nav[class*='-right'] .dropdown-menu { + left: 0; + right: auto; + } +} + +.navbar-img { + height: calc(3.5rem + 1px)/2; + width: auto; +} + +.navbar-badge { + font-size: .6rem; + font-weight: 300; + padding: 2px 4px; + position: absolute; + right: 5px; + top: 9px; +} + +.btn-navbar { + background-color: transparent; + border-left-width: 0; +} + +.form-control-navbar { + border-right-width: 0; +} + +.form-control-navbar + .input-group-append { + margin-left: 0; +} + +.form-control-navbar, +.btn-navbar { + transition: none; +} + +.navbar-dark .form-control-navbar, +.navbar-dark .btn-navbar { + background-color: rgba(255, 255, 255, 0.2); + border: 0; +} + +.navbar-dark .form-control-navbar::placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.navbar-dark .form-control-navbar + .input-group-append > .btn-navbar { + color: rgba(255, 255, 255, 0.6); +} + +.navbar-dark .form-control-navbar:focus, +.navbar-dark .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: rgba(255, 255, 255, 0.6); + border: 0 !important; + color: #343a40; +} + +.navbar-light .form-control-navbar, +.navbar-light .btn-navbar { + background-color: #f2f4f6; + border: 0; +} + +.navbar-light .form-control-navbar::placeholder { + color: rgba(0, 0, 0, 0.6); +} + +.navbar-light .form-control-navbar + .input-group-append > .btn-navbar { + color: rgba(0, 0, 0, 0.6); +} + +.navbar-light .form-control-navbar:focus, +.navbar-light .form-control-navbar:focus + .input-group-append .btn-navbar { + background-color: #e9ecef; + border: 0 !important; + color: #343a40; +} + +.brand-link { + display: block; + font-size: 1.25rem; + line-height: 1.5; + padding: 0.8125rem 0.5rem; + transition: width 0.3s ease-in-out; + white-space: nowrap; +} + +.brand-link:hover { + color: #ffffff; + text-decoration: none; +} + +.text-sm .brand-link { + font-size: inherit; +} + +[class*='sidebar-dark'] .brand-link { + border-bottom: 1px solid #4b545c; + color: rgba(255, 255, 255, 0.8); +} + +[class*='sidebar-light'] .brand-link { + border-bottom: 1px solid #dee2e6; + color: rgba(0, 0, 0, 0.8); +} + +.brand-link .brand-image { + float: right; + line-height: .8; + margin-right: .75rem; + margin-left: .5rem; + margin-top: -3px; + max-height: 34px; + width: auto; +} + +.brand-link .brand-image-xs { + float: left; + line-height: .8; + margin-top: -.1rem; + max-height: 33px; + width: auto; +} + +.brand-link .brand-image-xl { + line-height: .8; + max-height: 40px; + width: auto; +} + +.brand-link.text-sm .brand-image, +.text-sm .brand-link .brand-image { + height: 29px; + margin-bottom: -.25rem; + margin-left: .95rem; + margin-top: -.25rem; +} + +.brand-link.text-sm .brand-image-xs, +.text-sm .brand-link .brand-image-xs { + margin-top: -.2rem; + max-height: 29px; +} + +.brand-link.text-sm .brand-image-xl, +.text-sm .brand-link .brand-image-xl { + margin-top: -.225rem; + max-height: 38px; +} + +.main-sidebar { + height: 100vh; + overflow-y: hidden; + z-index: 1038; +} + +.main-sidebar a:-moz-focusring { + border: 0; + outline: none; +} + +.sidebar { + height: calc(100% - 4rem); + overflow-y: auto; + padding-bottom: 0; + padding-left: 0.5rem; + padding-right: 0.5rem; + padding-top: 0; +} + +.user-panel { + position: relative; +} + +[class*='sidebar-dark'] .user-panel { + border-bottom: 1px solid #4f5962; +} + +[class*='sidebar-light'] .user-panel { + border-bottom: 1px solid #dee2e6; +} + +.user-panel, +.user-panel .info { + overflow: hidden; + white-space: nowrap; +} + +.user-panel .image { + display: inline-block; + padding-right: 0.75rem; +} + +.user-panel img { + height: auto; + width: 34px; +} + +.user-panel .info { + display: inline-block; + padding: 5px 10px 5px 5px; +} + +.user-panel .status, +.user-panel .dropdown-menu { + font-size: 0.875rem; +} + +.nav-sidebar .nav-item > .nav-link { + margin-bottom: .2rem; +} + +.nav-sidebar .nav-item > .nav-link .left { + transition: transform ease-in-out 0.3s; +} + +@media (prefers-reduced-motion: reduce) { + .nav-sidebar .nav-item > .nav-link .left { + transition: none; + } +} + +.nav-sidebar .nav-item > .nav-link .left-angle { + top: 12px; +} + +.nav-sidebar .nav-link > .left, +.nav-sidebar .nav-link > p > .left { + position: absolute; + left: 1rem; + top: .7rem; +} + +.nav-sidebar .nav-link > .left i, +.nav-sidebar .nav-link > .left span, +.nav-sidebar .nav-link > p > .left i, +.nav-sidebar .nav-link > p > .left span { + margin-left: .5rem; +} + +.nav-sidebar .nav-link > .left:nth-child(2), +.nav-sidebar .nav-link > p > .left:nth-child(2) { + right: 2.2rem; +} + +.nav-sidebar .menu-open > .nav-treeview { + display: block; +} + +.nav-sidebar .menu-open > .nav-link i.left { + transform: rotate(-90deg); +} + +.nav-sidebar > .nav-item { + margin-bottom: 0; +} + +.nav-sidebar > .nav-item .nav-icon { + font-size: 1.2rem; + margin-left: .2rem; + text-align: center; + width: 1.6rem; +} + +.nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-icon.fas, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-icon.fab, .nav-sidebar > .nav-item .nav-icon.glyphicon, .nav-sidebar > .nav-item .nav-icon.ion { + font-size: 1.1rem; +} + +.nav-sidebar > .nav-item .float-right { + margin-top: 3px; +} + +.nav-sidebar .nav-treeview { + display: none; + list-style: none; + padding: 0; +} + +.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon { + width: 1.6rem; +} + +.nav-sidebar.nav-child-indent .nav-treeview { + transition: padding 0.3s ease-in-out; + padding-left: 1rem; +} + +.nav-sidebar .nav-header { + font-size: .9rem; + padding: 0.5rem; +} + +.nav-sidebar .nav-header:not(:first-of-type) { + padding: 1.7rem 1rem .5rem; +} + +.nav-sidebar .nav-link p { + display: inline-block; + margin: 0; +} + +#sidebar-overlay { + background-color: rgba(0, 0, 0, 0.3); + bottom: 0; + display: none; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1037; +} + +@media (max-width: 991.98px) { + .sidebar-open #sidebar-overlay { + display: block; + } +} + +[class*='sidebar-light-'] { + background-color: #ffffff; +} + +[class*='sidebar-light-'] .user-panel a:hover { + color: #212529; +} + +[class*='sidebar-light-'] .user-panel .status { + background: rgba(0, 0, 0, 0.1); + color: #343a40; +} + +[class*='sidebar-light-'] .user-panel .status:hover, [class*='sidebar-light-'] .user-panel .status:focus, [class*='sidebar-light-'] .user-panel .status:active { + background: rgba(0, 0, 0, 0.1); + color: #212529; +} + +[class*='sidebar-light-'] .user-panel .dropdown-menu { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.1); +} + +[class*='sidebar-light-'] .user-panel .dropdown-item { + color: #212529; +} + +[class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link:active, [class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link:focus { + color: #343a40; +} + +[class*='sidebar-light-'] .nav-sidebar > .nav-item.menu-open > .nav-link, +[class*='sidebar-light-'] .nav-sidebar > .nav-item:hover > .nav-link { + background-color: rgba(0, 0, 0, 0.1); + color: #212529; +} + +[class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link.active { + color: #000; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} + +[class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-treeview { + background: transparent; +} + +[class*='sidebar-light-'] .nav-header { + background: inherit; + color: #292d32; +} + +[class*='sidebar-light-'] .sidebar a { + color: #343a40; +} + +[class*='sidebar-light-'] .sidebar a:hover { + text-decoration: none; +} + +[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link { + color: #777; +} + +[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link.active:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #212529; +} + +[class*='sidebar-light-'] .nav-treeview > .nav-item > .nav-link:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +[class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview .nav-treeview  { + border-color: rgba(0, 0, 0, 0.1); +} + +[class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*='sidebar-light-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active { + border-color: rgba(0, 0, 0, 0.1); +} + +[class*='sidebar-dark-'] { + background-color: #343a40; +} + +[class*='sidebar-dark-'] .user-panel a:hover { + color: #ffffff; +} + +[class*='sidebar-dark-'] .user-panel .status { + background: rgba(255, 255, 255, 0.1); + color: #C2C7D0; +} + +[class*='sidebar-dark-'] .user-panel .status:hover, [class*='sidebar-dark-'] .user-panel .status:focus, [class*='sidebar-dark-'] .user-panel .status:active { + background: rgba(247, 247, 247, 0.1); + color: #ffffff; +} + +[class*='sidebar-dark-'] .user-panel .dropdown-menu { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); + border-color: rgba(242, 242, 242, 0.1); +} + +[class*='sidebar-dark-'] .user-panel .dropdown-item { + color: #212529; +} + +[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link:active { + color: #C2C7D0; +} + +[class*='sidebar-dark-'] .nav-sidebar > .nav-item.menu-open > .nav-link, +[class*='sidebar-dark-'] .nav-sidebar > .nav-item:hover > .nav-link, +[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #ffffff; +} + +[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link.active { + color: #ffffff; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} + +[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-treeview { + background: transparent; +} + +[class*='sidebar-dark-'] .nav-header { + background: inherit; + color: #d0d4db; +} + +[class*='sidebar-dark-'] .sidebar a { + color: #C2C7D0; +} + +[class*='sidebar-dark-'] .sidebar a:hover, [class*='sidebar-dark-'] .sidebar a:focus { + text-decoration: none; +} + +[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link { + color: #C2C7D0; +} + +[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link:hover, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #ffffff; +} + +[class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:hover, [class*='sidebar-dark-'] .nav-treeview > .nav-item > .nav-link.active:focus { + background-color: rgba(255, 255, 255, 0.9); + color: #343a40; +} + +[class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview .nav-treeview  { + border-color: rgba(255, 255, 255, 0.9); +} + +[class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link, [class*='sidebar-dark-'] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active { + border-color: rgba(255, 255, 255, 0.9); +} + +.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active { + background-color: #007bff; + color: #ffffff; +} + +.sidebar-dark-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-primary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #007bff; +} + +.sidebar-dark-secondary .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-secondary .nav-sidebar > .nav-item > .nav-link.active { + background-color: #6c757d; + color: #ffffff; +} + +.sidebar-dark-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-secondary .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #6c757d; +} + +.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active { + background-color: #28a745; + color: #ffffff; +} + +.sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #28a745; +} + +.sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active { + background-color: #17a2b8; + color: #ffffff; +} + +.sidebar-dark-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-info .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #17a2b8; +} + +.sidebar-dark-warning .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-warning .nav-sidebar > .nav-item > .nav-link.active { + background-color: #ffc107; + color: #1F2D3D; +} + +.sidebar-dark-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-warning .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #ffc107; +} + +.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-danger .nav-sidebar > .nav-item > .nav-link.active { + background-color: #dc3545; + color: #ffffff; +} + +.sidebar-dark-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-danger .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #dc3545; +} + +.sidebar-dark-light .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-light .nav-sidebar > .nav-item > .nav-link.active { + background-color: #f8f9fa; + color: #1F2D3D; +} + +.sidebar-dark-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-light .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #f8f9fa; +} + +.sidebar-dark-dark .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-dark .nav-sidebar > .nav-item > .nav-link.active { + background-color: #343a40; + color: #ffffff; +} + +.sidebar-dark-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #343a40; +} + +.sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active { + background-color: #3c8dbc; + color: #ffffff; +} + +.sidebar-dark-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-lightblue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #3c8dbc; +} + +.sidebar-dark-navy .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-navy .nav-sidebar > .nav-item > .nav-link.active { + background-color: #001f3f; + color: #ffffff; +} + +.sidebar-dark-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-navy .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #001f3f; +} + +.sidebar-dark-olive .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-olive .nav-sidebar > .nav-item > .nav-link.active { + background-color: #3d9970; + color: #ffffff; +} + +.sidebar-dark-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-olive .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #3d9970; +} + +.sidebar-dark-lime .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-lime .nav-sidebar > .nav-item > .nav-link.active { + background-color: #01ff70; + color: #1F2D3D; +} + +.sidebar-dark-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-lime .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #01ff70; +} + +.sidebar-dark-fuchsia .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-fuchsia .nav-sidebar > .nav-item > .nav-link.active { + background-color: #f012be; + color: #ffffff; +} + +.sidebar-dark-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-fuchsia .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #f012be; +} + +.sidebar-dark-maroon .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-maroon .nav-sidebar > .nav-item > .nav-link.active { + background-color: #d81b60; + color: #ffffff; +} + +.sidebar-dark-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-maroon .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #d81b60; +} + +.sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active { + background-color: #007bff; + color: #ffffff; +} + +.sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #007bff; +} + +.sidebar-dark-indigo .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-indigo .nav-sidebar > .nav-item > .nav-link.active { + background-color: #6610f2; + color: #ffffff; +} + +.sidebar-dark-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-indigo .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #6610f2; +} + +.sidebar-dark-purple .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-purple .nav-sidebar > .nav-item > .nav-link.active { + background-color: #6f42c1; + color: #ffffff; +} + +.sidebar-dark-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-purple .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #6f42c1; +} + +.sidebar-dark-pink .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-pink .nav-sidebar > .nav-item > .nav-link.active { + background-color: #e83e8c; + color: #ffffff; +} + +.sidebar-dark-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-pink .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #e83e8c; +} + +.sidebar-dark-red .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-red .nav-sidebar > .nav-item > .nav-link.active { + background-color: #dc3545; + color: #ffffff; +} + +.sidebar-dark-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-red .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #dc3545; +} + +.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-orange .nav-sidebar > .nav-item > .nav-link.active { + background-color: #fd7e14; + color: #1F2D3D; +} + +.sidebar-dark-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-orange .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #fd7e14; +} + +.sidebar-dark-yellow .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-yellow .nav-sidebar > .nav-item > .nav-link.active { + background-color: #ffc107; + color: #1F2D3D; +} + +.sidebar-dark-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-yellow .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #ffc107; +} + +.sidebar-dark-green .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-green .nav-sidebar > .nav-item > .nav-link.active { + background-color: #28a745; + color: #ffffff; +} + +.sidebar-dark-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-green .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #28a745; +} + +.sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active { + background-color: #20c997; + color: #ffffff; +} + +.sidebar-dark-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-teal .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #20c997; +} + +.sidebar-dark-cyan .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-cyan .nav-sidebar > .nav-item > .nav-link.active { + background-color: #17a2b8; + color: #ffffff; +} + +.sidebar-dark-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-cyan .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #17a2b8; +} + +.sidebar-dark-white .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-white .nav-sidebar > .nav-item > .nav-link.active { + background-color: #ffffff; + color: #1F2D3D; +} + +.sidebar-dark-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-white .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #ffffff; +} + +.sidebar-dark-gray .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-gray .nav-sidebar > .nav-item > .nav-link.active { + background-color: #6c757d; + color: #ffffff; +} + +.sidebar-dark-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-gray .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #6c757d; +} + +.sidebar-dark-gray-dark .nav-sidebar > .nav-item > .nav-link.active, +.sidebar-light-gray-dark .nav-sidebar > .nav-item > .nav-link.active { + background-color: #343a40; + color: #ffffff; +} + +.sidebar-dark-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, +.sidebar-light-gray-dark .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { + border-color: #343a40; +} + +.sidebar-mini.sidebar-collapse .nav-compact .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-compact .nav-icon { + transition: margin-left ease-in-out 0.3s; + margin-left: .45rem; +} + +@media (prefers-reduced-motion: reduce) { + .sidebar-mini.sidebar-collapse .nav-compact .nav-icon, + .sidebar-mini-md.sidebar-collapse .nav-compact .nav-icon { + transition: none; + } +} + +.sidebar-mini.sidebar-collapse .nav-compact .nav-treeview .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-compact .nav-treeview .nav-icon { + margin-left: .45rem; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-compact .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-compact.nav-compact .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-compact.nav-compact .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-compact.nav-compact .nav-icon { + margin-left: 0; +} + +.nav-flat { + margin: -0.25rem -0.5rem 0; +} + +.nav-flat.nav-child-indent .nav-treeview { + padding-left: 0 !important; +} + +.nav-flat.nav-child-indent .nav-treeview .nav-treeview { + border-left: .2rem solid; +} + +.nav-flat .nav-item > .nav-link { + border-radius: 0; + margin-bottom: 0; +} + +.nav-flat .nav-icon { + transition: margin-left ease-in-out 0.3s; +} + +@media (prefers-reduced-motion: reduce) { + .nav-flat .nav-icon { + transition: none; + } +} + +.nav-flat .nav-treeview .nav-icon { + margin-left: -.2rem; +} + +.sidebar-collapse .nav-flat .nav-icon { + margin-left: .5rem; +} + +.sidebar-collapse .nav-flat .nav-treeview .nav-icon { + margin-left: .3rem; +} + +.nav-flat.nav-sidebar > .nav-item .nav-treeview, +.nav-flat.nav-sidebar > .nav-item > .nav-treeview { + background: rgba(255, 255, 255, 0.05); +} + +.nav-flat.nav-sidebar > .nav-item .nav-treeview .nav-item > .nav-link, +.nav-flat.nav-sidebar > .nav-item > .nav-treeview .nav-item > .nav-link { + border-left: .2rem solid; +} + +.sidebar-mini.sidebar-collapse .nav-flat.nav-compact .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-flat.nav-compact .nav-icon { + margin-left: 1.05rem; +} + +.sidebar-mini.sidebar-collapse .nav-flat.nav-compact .nav-treeview .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-flat.nav-compact .nav-treeview .nav-icon { + margin-left: .805rem; +} + +.nav-legacy { + margin: -0.25rem -0.5rem 0; +} + +.nav-legacy.nav-sidebar .nav-item > .nav-link { + border-radius: 0; + margin-bottom: 0; +} + +.nav-legacy.nav-sidebar > .nav-item > .nav-link.active { + background: inherit; + border-left: 3px solid transparent; + box-shadow: none; +} + +.nav-legacy.nav-sidebar > .nav-item > .nav-link.active > .nav-icon { + margin-left: -3px; +} + +.sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon, +.sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon { + transition: margin-left ease-in-out 0.3s; +} + +@media (prefers-reduced-motion: reduce) { + .sidebar-mini .nav-legacy > .nav-item .nav-link .nav-icon, + .sidebar-mini-md .nav-legacy > .nav-item .nav-link .nav-icon { + transition: none; + } +} + +.sidebar-mini.sidebar-collapse .nav-legacy > .nav-item .nav-link .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy > .nav-item .nav-link .nav-icon { + margin-left: .55rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy > .nav-item .nav-link.active > .nav-icon { + margin-left: .36rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon { + margin-left: 1.05rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon { + margin-left: 1.05rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon { + margin-left: 1.05rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon { + margin-left: .85rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item .nav-link .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item .nav-link .nav-icon { + margin-left: .85rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item .nav-link.active > .nav-icon { + margin-left: .85rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item > .nav-link .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item > .nav-link .nav-icon { + margin-left: 1.05rem; +} + +.sidebar-mini.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-md.sidebar-collapse .nav-legacy.nav-compact.nav-flat > .nav-item > .nav-link.active > .nav-icon { + margin-left: .85rem; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item .nav-link .nav-icon { + margin-left: 0; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item .nav-link.active > .nav-icon { + margin-left: 0; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item > .nav-link .nav-icon { + margin-left: 0; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-compact > .nav-item > .nav-link.active > .nav-icon { + margin-left: -3px; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item .nav-link .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item .nav-link .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item .nav-link .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item .nav-link .nav-icon { + margin-left: -3px; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item .nav-link.active > .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item .nav-link.active > .nav-icon { + margin-left: -3px; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item > .nav-link .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item > .nav-link .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item > .nav-link .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item > .nav-link .nav-icon { + margin-left: 0; +} + +.sidebar-mini .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-md .main-sidebar:not(.sidebar-no-expand):hover .nav-legacy.nav-flat > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item > .nav-link.active > .nav-icon, +.sidebar-mini-md .main-sidebar.sidebar-focused .nav-legacy.nav-flat > .nav-item > .nav-link.active > .nav-icon { + margin-left: -3px; +} + +[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item .nav-treeview, +[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview { + background: rgba(255, 255, 255, 0.05); +} + +[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active { + color: #ffffff; +} + +[class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*='sidebar-dark'] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover { + background: none; + color: #ffffff; +} + +[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item .nav-treeview, +[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview { + background: rgba(0, 0, 0, 0.05); +} + +[class*='sidebar-light'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active { + color: #000; +} + +[class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link.active, [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus, [class*='sidebar-light'] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover { + background: none; + color: #000; +} + +.nav-collapse-hide-child .menu-open > .nav-treeview { + max-height: min-content; + opacity: 1; +} + +.sidebar-collapse .nav-collapse-hide-child .menu-open > .nav-treeview { + max-height: 0; + opacity: 0; +} + +.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-collapse-hide-child .menu-open > .nav-treeview, +.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-collapse-hide-child .menu-open > .nav-treeview { + max-height: min-content; + opacity: 1; +} + +.nav-compact .nav-link, +.nav-compact .nav-header { + padding: 0.25rem 0.5rem; +} + +.nav-compact .nav-header:not(:first-of-type) { + padding: 0.75rem 0.5rem 0.25rem; +} + +.nav-compact .nav-link > .left, +.nav-compact .nav-link > p > .left { + top: .5rem; + left: .5rem; +} + +.nav-compact .nav-link > .left:nth-child(2), +.nav-compact .nav-link > p > .left:nth-child(2) { + left: 1.6rem; +} + +[class*='sidebar-dark'] .form-control-sidebar, +[class*='sidebar-dark'] .btn-sidebar { + background: #3f474e; + border: 1px solid #56606a; + color: white; +} + +[class*='sidebar-dark'] .form-control-sidebar:focus, +[class*='sidebar-dark'] .btn-sidebar:focus { + border: 1px solid #7a8793; +} + +[class*='sidebar-dark'] .btn-sidebar:hover { + background: #454d55; +} + +[class*='sidebar-dark'] .btn-sidebar:focus { + background: #4b545c; +} + +[class*='sidebar-light'] .form-control-sidebar, +[class*='sidebar-light'] .btn-sidebar { + background: #f2f2f2; + border: 1px solid #d9d9d9; + color: #1F2D3D; +} + +[class*='sidebar-light'] .form-control-sidebar:focus, +[class*='sidebar-light'] .btn-sidebar:focus { + border: 1px solid #b3b3b3; +} + +[class*='sidebar-light'] .btn-sidebar:hover { + background: #ececec; +} + +[class*='sidebar-light'] .btn-sidebar:focus { + background: #e6e6e6; +} + +.logo-xs, +.logo-xl { + opacity: 1; + position: absolute; + visibility: visible; +} + +.logo-xs.brand-image-xs, +.logo-xl.brand-image-xs { + left: 18px; + top: 12px; +} + +.logo-xs.brand-image-xl, +.logo-xl.brand-image-xl { + left: 12px; + top: 6px; +} + +.logo-xs { + opacity: 0; + visibility: hidden; +} + +.logo-xs.brand-image-xl { + left: 16px; + top: 8px; +} + +.brand-link.logo-switch::before { + content: '\00a0'; +} + +@media (min-width: 992px) { + .sidebar-mini .nav-sidebar, + .sidebar-mini .nav-sidebar > .nav-header, + .sidebar-mini .nav-sidebar .nav-link { + white-space: nowrap; + overflow: hidden; + } + .sidebar-mini.sidebar-collapse .d-hidden-mini { + display: none; + } + .sidebar-mini.sidebar-collapse .content-wrapper, + .sidebar-mini.sidebar-collapse .main-footer, + .sidebar-mini.sidebar-collapse .main-header { + margin-right: 4.6rem !important; + } + .sidebar-mini.sidebar-collapse .nav-sidebar .nav-header { + display: none; + } + .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p { + width: 0; + } + .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info, + .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p, + .sidebar-mini.sidebar-collapse .brand-text { + margin-right: -10px; + opacity: 0; + visibility: hidden; + } + .sidebar-mini.sidebar-collapse .logo-xl { + opacity: 0; + visibility: hidden; + } + .sidebar-mini.sidebar-collapse .logo-xs { + display: inline-block; + opacity: 1; + visibility: visible; + } + .sidebar-mini.sidebar-collapse .main-sidebar { + overflow-x: hidden; + } + .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before { + margin-right: 0; + width: 4.6rem; + } + .sidebar-mini.sidebar-collapse .main-sidebar .user-panel .image { + float: none; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused { + width: 250px; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview { + padding-left: 1rem; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link { + width: 250px; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel { + text-align: left; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel .image, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image { + float: left; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info, + .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p, + .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text, + .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info, + .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p, + .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text, + .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl { + display: inline-block; + margin-right: 0; + opacity: 1; + visibility: visible; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-flat .nav-icon, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-icon { + margin-left: 0; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-flat .nav-treeview .nav-icon, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon { + margin-left: -.2rem; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs { + opacity: 0; + visibility: hidden; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-image, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-image { + margin-left: .5rem; + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-form, + .sidebar-mini.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form, + .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info { + display: block !important; + -webkit-transform: translateZ(0); + } + .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span { + display: inline-block !important; + } + .sidebar-mini.sidebar-collapse .visible-sidebar-mini { + display: block !important; + } + .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link { + width: 250px; + } + .sidebar-mini.sidebar-collapse.layout-fixed .brand-link { + width: 4.6rem; + } +} + +@media (max-width: 991.98px) { + .sidebar-mini.sidebar-collapse .main-sidebar { + box-shadow: none !important; + } +} + +@media (min-width: 768px) { + .sidebar-mini-md .nav-sidebar, + .sidebar-mini-md .nav-sidebar > .nav-header, + .sidebar-mini-md .nav-sidebar .nav-link { + white-space: nowrap; + overflow: hidden; + } + .sidebar-mini-md.sidebar-collapse .d-hidden-mini { + display: none; + } + .sidebar-mini-md.sidebar-collapse .content-wrapper, + .sidebar-mini-md.sidebar-collapse .main-footer, + .sidebar-mini-md.sidebar-collapse .main-header { + margin-right: 4.6rem !important; + } + .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header { + display: none; + } + .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p { + width: 0; + } + .sidebar-mini-md.sidebar-collapse .sidebar .user-panel > .info, + .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p, + .sidebar-mini-md.sidebar-collapse .brand-text { + margin-right: -10px; + opacity: 0; + visibility: hidden; + } + .sidebar-mini-md.sidebar-collapse .logo-xl { + opacity: 0; + visibility: hidden; + } + .sidebar-mini-md.sidebar-collapse .logo-xs { + display: inline-block; + opacity: 1; + visibility: visible; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar { + overflow-x: hidden; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar, .sidebar-mini-md.sidebar-collapse .main-sidebar::before { + margin-right: 0; + width: 4.6rem; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image { + float: none; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused { + width: 250px; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview { + padding-left: 1rem; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-link, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-link { + width: 250px; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel { + text-align: left; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel .image, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel .image { + float: left; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info, + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p, + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-text, + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xl, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info, + .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link p, + .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-text, + .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xl { + display: inline-block; + margin-right: 0; + opacity: 1; + visibility: visible; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-flat .nav-icon, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-icon { + margin-left: 0; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-flat .nav-treeview .nav-icon, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon { + margin-left: -.2rem; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .logo-xs, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs { + opacity: 0; + visibility: hidden; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-image, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .brand-image { + margin-left: .5rem; + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .sidebar-form, + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .sidebar-form, + .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .user-panel > .info { + display: block !important; + -webkit-transform: translateZ(0); + } + .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span, .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar > .nav-item > .nav-link > span { + display: inline-block !important; + } + .sidebar-mini-md.sidebar-collapse .visible-sidebar-mini { + display: block !important; + } + .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link { + width: 250px; + } + .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link { + width: 4.6rem; + } +} + +@media (max-width: 767.98px) { + .sidebar-mini-md.sidebar-collapse .main-sidebar { + box-shadow: none !important; + } +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover { + width: 4.6rem; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .brand-link, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .brand-link { + width: 4.6rem !important; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel .image, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .user-panel .image { + float: none !important; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xs, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .logo-xs { + opacity: 1; + visibility: visible; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .logo-xl, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .logo-xl { + opacity: 0; + visibility: hidden; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar.nav-child-indent .nav-treeview, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview { + padding-left: 0; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .brand-text, +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .user-panel > .info, +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar .nav-link p, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .brand-text, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .user-panel > .info, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar .nav-link p { + margin-left: -10px; + opacity: 0; + visibility: hidden; + width: 0; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar > .nav-item .nav-icon, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar > .nav-item .nav-icon { + margin-right: 0; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-flat .nav-icon, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-flat .nav-icon { + margin-left: .5rem; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-flat .nav-treeview .nav-icon, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-flat .nav-treeview .nav-icon { + margin-left: .3rem; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-flat.nav-compact .nav-icon, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-flat.nav-compact .nav-icon { + margin-left: 1.05rem; +} + +.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-flat.nav-compact .nav-treeview .nav-icon, +.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-flat.nav-compact .nav-treeview .nav-icon { + margin-left: .85rem; +} + +.nav-sidebar { + position: relative; +} + +.nav-sidebar:hover { + overflow: visible; +} + +.sidebar-form, +.nav-sidebar > .nav-header { + overflow: hidden; + text-overflow: clip; +} + +.nav-sidebar .nav-item > .nav-link { + position: relative; +} + +.nav-sidebar .nav-item > .nav-link > .float-right { + margin-top: -7px; + position: absolute; + right: 10px; + top: 50%; +} + +.sidebar .nav-link p, +.main-sidebar .brand-text, +.main-sidebar .logo-xs, +.main-sidebar .logo-xl, +.sidebar .user-panel .info { + transition: margin-right 0.3s linear, opacity 0.3s ease, visibility 0.3s ease; +} + +@media (prefers-reduced-motion: reduce) { + .sidebar .nav-link p, + .main-sidebar .brand-text, + .main-sidebar .logo-xs, + .main-sidebar .logo-xl, + .sidebar .user-panel .info { + transition: none; + } +} + +html.control-sidebar-animate { + overflow-x: hidden; +} + +.control-sidebar { + bottom: calc(3.5rem + 1px); + position: absolute; + top: calc(3.5rem + 1px); + z-index: 1031; +} + +.control-sidebar, .control-sidebar::before { + bottom: calc(3.5rem + 1px); + display: none; + left: -250px; + width: 250px; + transition: left 0.3s ease-in-out, display 0.3s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .control-sidebar, .control-sidebar::before { + transition: none; + } +} + +.control-sidebar::before { + content: ''; + display: block; + position: fixed; + top: 0; + z-index: -1; +} + +body.text-sm .control-sidebar { + bottom: calc(2.9365rem + 1px); + top: calc(2.93725rem + 1px); +} + +.main-header.text-sm ~ .control-sidebar { + top: calc(2.93725rem + 1px); +} + +.main-footer.text-sm ~ .control-sidebar { + bottom: calc(2.9365rem + 1px); +} + +.control-sidebar-push-slide .content-wrapper, +.control-sidebar-push-slide .main-footer { + transition: margin-right 0.3s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .control-sidebar-push-slide .content-wrapper, + .control-sidebar-push-slide .main-footer { + transition: none; + } +} + +.control-sidebar-open .control-sidebar { + display: block; +} + +.control-sidebar-open .control-sidebar, .control-sidebar-open .control-sidebar::before { + right: 0; +} + +.control-sidebar-open.control-sidebar-push .content-wrapper, +.control-sidebar-open.control-sidebar-push .main-footer, .control-sidebar-open.control-sidebar-push-slide .content-wrapper, +.control-sidebar-open.control-sidebar-push-slide .main-footer { + margin-right: 250px; +} + +.control-sidebar-slide-open .control-sidebar { + display: block; +} + +.control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before { + left: 0; + transition: left 0.3s ease-in-out, display 0.3s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar::before { + transition: none; + } +} + +.control-sidebar-slide-open.control-sidebar-push .content-wrapper, +.control-sidebar-slide-open.control-sidebar-push .main-footer, .control-sidebar-slide-open.control-sidebar-push-slide .content-wrapper, +.control-sidebar-slide-open.control-sidebar-push-slide .main-footer { + margin-right: 250px; +} + +.control-sidebar-dark, +.control-sidebar-dark a, +.control-sidebar-dark .nav-link { + color: #C2C7D0; +} + +.control-sidebar-dark { + background: #343a40; +} + +.control-sidebar-dark a:hover { + color: #ffffff; +} + +.control-sidebar-dark h1, +.control-sidebar-dark h2, +.control-sidebar-dark h3, +.control-sidebar-dark h4, +.control-sidebar-dark h5, +.control-sidebar-dark h6, +.control-sidebar-dark label { + color: #ffffff; +} + +.control-sidebar-dark .nav-tabs { + background-color: rgba(255, 255, 255, 0.1); + border-bottom: 0; + margin-bottom: 5px; +} + +.control-sidebar-dark .nav-tabs .nav-item { + margin: 0; +} + +.control-sidebar-dark .nav-tabs .nav-link { + border-radius: 0; + padding: 10px 20px; + position: relative; + text-align: center; +} + +.control-sidebar-dark .nav-tabs .nav-link, .control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active { + border: 0; +} + +.control-sidebar-dark .nav-tabs .nav-link:hover, .control-sidebar-dark .nav-tabs .nav-link:active, .control-sidebar-dark .nav-tabs .nav-link:focus, .control-sidebar-dark .nav-tabs .nav-link.active { + border-bottom-color: transparent; + border-left-color: transparent; + border-top-color: transparent; + color: #ffffff; +} + +.control-sidebar-dark .nav-tabs .nav-link.active { + background-color: #343a40; +} + +.control-sidebar-dark .tab-pane { + padding: 10px 15px; +} + +.control-sidebar-light { + color: #4b545c; +} + +.control-sidebar-light { + background: #ffffff; + border-left: 1px solid #dee2e6; +} + +.text-sm .dropdown-menu { + font-size: 0.875rem !important; +} + +.text-sm .dropdown-toggle::after { + vertical-align: .2rem; +} + +.dropdown-item-title { + font-size: 1rem; + margin: 0; +} + +.dropdown-icon::after { + margin-left: 0; +} + +.dropdown-menu-lg { + max-width: 300px; + min-width: 280px; + padding: 0; +} + +.dropdown-menu-lg .dropdown-divider { + margin: 0; +} + +.dropdown-menu-lg .dropdown-item { + padding: 0.5rem 1rem; +} + +.dropdown-menu-lg p { + margin: 0; + white-space: normal; +} + +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu > a:after { + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; + float: right; + margin-left: .5rem; + margin-top: .5rem; +} + +.dropdown-submenu > .dropdown-menu { + left: 100%; + margin-left: 0px; + margin-top: 0px; + top: 0; +} + +.dropdown-hover:hover > .dropdown-menu, .dropdown-hover.nav-item.dropdown:hover > .dropdown-menu, +.dropdown-hover .dropdown-submenu:hover > .dropdown-menu, .dropdown-hover.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropdown-menu-xl { + max-width: 420px; + min-width: 360px; + padding: 0; +} + +.dropdown-menu-xl .dropdown-divider { + margin: 0; +} + +.dropdown-menu-xl .dropdown-item { + padding: 0.5rem 1rem; +} + +.dropdown-menu-xl p { + margin: 0; + white-space: normal; +} + +.dropdown-footer, +.dropdown-header { + display: block; + font-size: 0.875rem; + padding: 0.5rem 1rem; + text-align: center; +} + +.open:not(.dropup) > .animated-dropdown-menu { + animation: flipInX 0.7s both; + backface-visibility: visible !important; +} + +@keyframes flipInX { + 0% { + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transition-timing-function: ease-in; + opacity: 0; + } + 40% { + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transition-timing-function: ease-in; + } + 60% { + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + 100% { + transform: perspective(400px); + } +} + +.navbar-custom-menu > .navbar-nav > li { + position: relative; +} + +.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { + position: absolute; + right: 0; + left: auto; +} + +@media (max-width: 767.98px) { + .navbar-custom-menu > .navbar-nav { + float: right; + } + .navbar-custom-menu > .navbar-nav > li { + position: static; + } + .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { + position: absolute; + right: 5%; + left: auto; + border: 1px solid #ddd; + background: #ffffff; + } +} + +.navbar-nav > .user-menu > .nav-link:after { + content: none; +} + +.navbar-nav > .user-menu > .dropdown-menu { + border-top-left-radius: 0; + border-top-right-radius: 0; + padding: 0; + width: 280px; +} + +.navbar-nav > .user-menu > .dropdown-menu, +.navbar-nav > .user-menu > .dropdown-menu > .user-body { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.navbar-nav > .user-menu > .dropdown-menu > li.user-header { + height: 175px; + padding: 10px; + text-align: center; +} + +.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { + z-index: 5; + height: 90px; + width: 90px; + border: 3px solid; + border-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} + +.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { + z-index: 5; + font-size: 17px; + margin-top: 10px; +} + +.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { + display: block; + font-size: 12px; +} + +.navbar-nav > .user-menu > .dropdown-menu > .user-body { + border-bottom: 1px solid #495057; + border-top: 1px solid #dee2e6; + padding: 15px; +} + +.navbar-nav > .user-menu > .dropdown-menu > .user-body::after { + display: block; + clear: both; + content: ""; +} + +@media (min-width: 576px) { + .navbar-nav > .user-menu > .dropdown-menu > .user-body a { + background: #ffffff !important; + color: #495057 !important; + } +} + +.navbar-nav > .user-menu > .dropdown-menu > .user-footer { + background-color: #f8f9fa; + padding: 10px; +} + +.navbar-nav > .user-menu > .dropdown-menu > .user-footer::after { + display: block; + clear: both; + content: ""; +} + +.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { + color: #6c757d; +} + +@media (min-width: 576px) { + .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { + background-color: #f8f9fa; + } +} + +.navbar-nav > .user-menu .user-image { + border-radius: 50%; + float: left; + height: 2.1rem; + margin-right: 10px; + margin-top: -2px; + width: 2.1rem; +} + +@media (min-width: 576px) { + .navbar-nav > .user-menu .user-image { + float: none; + line-height: 10px; + margin-right: .4rem; + margin-top: -8px; + } +} + +.nav-pills .nav-link { + color: #6c757d; +} + +.nav-pills .nav-link:not(.active):hover { + color: #007bff; +} + +.nav-pills .nav-item.dropdown.show .nav-link:hover { + color: #ffffff; +} + +.nav-tabs.flex-column { + border-bottom: 0; + border-right: 1px solid #dee2e6; +} + +.nav-tabs.flex-column .nav-link { + border-bottom-left-radius: 0.25rem; + border-top-right-radius: 0; + margin-right: -1px; +} + +.nav-tabs.flex-column .nav-link:hover, .nav-tabs.flex-column .nav-link:focus { + border-color: #e9ecef transparent #e9ecef #e9ecef; +} + +.nav-tabs.flex-column .nav-link.active, +.nav-tabs.flex-column .nav-item.show .nav-link { + border-color: #dee2e6 transparent #dee2e6 #dee2e6; +} + +.nav-tabs.flex-column.nav-tabs-right { + border-left: 1px solid #dee2e6; + border-right: 0; +} + +.nav-tabs.flex-column.nav-tabs-right .nav-link { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0.25rem; + border-top-left-radius: 0; + border-top-right-radius: 0.25rem; + margin-left: -1px; +} + +.nav-tabs.flex-column.nav-tabs-right .nav-link:hover, .nav-tabs.flex-column.nav-tabs-right .nav-link:focus { + border-color: #e9ecef #e9ecef #e9ecef transparent; +} + +.nav-tabs.flex-column.nav-tabs-right .nav-link.active, +.nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link { + border-color: #dee2e6 #dee2e6 #dee2e6 transparent; +} + +.navbar-no-expand { + flex-direction: row; +} + +.navbar-no-expand .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} + +.navbar-no-expand .dropdown-menu { + position: absolute; +} + +.navbar-light { + background-color: #f8f9fa; +} + +.navbar-dark { + background-color: #343a40; +} + +.navbar-primary { + background-color: #007bff; +} + +.navbar-secondary { + background-color: #6c757d; +} + +.navbar-success { + background-color: #28a745; +} + +.navbar-info { + background-color: #17a2b8; +} + +.navbar-warning { + background-color: #ffc107; +} + +.navbar-danger { + background-color: #dc3545; +} + +.navbar-lightblue { + background-color: #3c8dbc; +} + +.navbar-navy { + background-color: #001f3f; +} + +.navbar-olive { + background-color: #3d9970; +} + +.navbar-lime { + background-color: #01ff70; +} + +.navbar-fuchsia { + background-color: #f012be; +} + +.navbar-maroon { + background-color: #d81b60; +} + +.navbar-blue { + background-color: #007bff; +} + +.navbar-indigo { + background-color: #6610f2; +} + +.navbar-purple { + background-color: #6f42c1; +} + +.navbar-pink { + background-color: #e83e8c; +} + +.navbar-red { + background-color: #dc3545; +} + +.navbar-orange { + background-color: #fd7e14; +} + +.navbar-yellow { + background-color: #ffc107; +} + +.navbar-green { + background-color: #28a745; +} + +.navbar-teal { + background-color: #20c997; +} + +.navbar-cyan { + background-color: #17a2b8; +} + +.navbar-white { + background-color: #ffffff; +} + +.navbar-gray { + background-color: #6c757d; +} + +.navbar-gray-dark { + background-color: #343a40; +} + +.starter-project-page { + /* TOOLTIP */ + /* Add a green text color and a checkmark when the requirements are right */ + /* Add a red text color and an "x" when the requirements are wrong */ + /* POPUP STYLE */ + /* END POPUP STYLE */ +} + +.starter-project-page.layout-navbar-fixed .wrapper .content-wrapper { + margin-top: 0; + margin-right: 0 !important; +} + +.starter-project-page .content-wrapper > .content { + padding: 0; +} + +.starter-project-page .content-wrapper > .content > .container-fluid, .starter-project-page .content-wrapper > .content > .container-sm, .starter-project-page .content-wrapper > .content > .container-md, .starter-project-page .content-wrapper > .content > .container-lg, .starter-project-page .content-wrapper > .content > .container-xl { + padding: 0; +} + +.starter-project-page .relatedWebsites { + position: fixed; + width: 400px; + height: 245px; + background-color: rgba(255, 255, 255, 0.5); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + top: 88px; + left: -530px; + z-index: 12; + border-radius: 8px; + padding: 20px 15px; + transition: left 0.5s; +} + +.starter-project-page .form-relatedwebsites { + display: inline-block; + font-size: 13px; + width: 100%; +} + +.starter-project-page .imagemaremat { + height: 18px; + margin: 0px 11px 5px 7px; +} + +.starter-project-page .tablemodal { + font-size: 12px; +} + +.starter-project-page .form-relatedwebsites h5 { + color: #172b4d; + font-weight: bold; + font-weight: bold; +} + +.starter-project-page .exitewebsites { + position: absolute; + top: 10px; + left: 15px; + font-size: 20px; + color: #000; + cursor: pointer; + opacity: 0.9; +} + +.starter-project-page .exitewebsites::before { + content: "\00d7"; +} + +.starter-project-page .websitesContent ul { + list-style-type: none; + border: 1px solid #ff5630; + border-radius: 3px; + padding: 5px 15px; + line-height: 2; + direction: rtl; + margin-top: 15px; + box-sizing: content-box; +} + +.starter-project-page .websitesContent ul li { + font-size: 13px; + border-bottom: 1px dashed #afafaf; + padding: 10px 5px; +} + +.starter-project-page .websitesContent ul li:hover { + background-color: #d8d8d8; +} + +.starter-project-page .websitesContent ul li:last-child { + border-bottom: none; +} + +.starter-project-page .websitesContent ul li > a { + text-decoration: none; + color: #000; +} + +.starter-project-page .announcement-box { + top: 88px; + right: 100px; + opacity: 0.9; + background-color: #ffffff; + z-index: 10; + position: absolute; + padding: 15px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 230px; + max-height: 50%; + transition-duration: 0.5s; + transition-property: left; + direction: rtl; +} + +.starter-project-page .announcement-box .closeAnnouncementBox { + width: 25px; + height: 25px; + z-index: 12; + background: #ffffff; + border: 1px solid #ffffff; + border-radius: 7px; + top: 8px; + right: 10px; + position: absolute; + opacity: 0.9; + cursor: pointer; + box-shadow: none; +} + +.starter-project-page .announcement-box .closeAnnouncementBox:after { + font-size: 20px; + content: "\00d7"; + color: rgba(22, 67, 88, 0.75); +} + +.starter-project-page .announcement-box p { + font-size: 14px; + margin: 10px auto; +} + +.starter-project-page .announcement-box .showAnnouncement { + width: 100%; + height: 33px; + padding: 0 1rem; + border: 1px solid rgba(22, 67, 88, 0.75); + border-radius: 4px; + background-color: white; + float: right; + cursor: pointer; + color: rgba(22, 67, 88, 0.75); + font-size: 12px; +} + +.starter-project-page .announcement-box .showAnnouncement:hover { + background-image: none; + background-color: rgba(22, 67, 88, 0.75); + color: #fff; +} + +.starter-project-page .starter-content { + position: relative; +} + +.starter-project-page .menu_top { + position: fixed; + width: 100%; + overflow: hidden; + background-color: #286893 !important; + z-index: 13; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + height: 58px; +} + +.starter-project-page .menu_top button { + background-color: rgba(22, 67, 88, 0); + border: none; + font-family: "IRANSans"; + float: right; +} + +.starter-project-page .menu_top button:hover { + background-color: rgba(22, 67, 88, 0.75); +} + +.starter-project-page .menu_top button:focus { + outline: none; +} + +.starter-project-page .menu_top button:hover { + cursor: pointer; +} + +.starter-project-page .menu_top a { + float: right; + display: flex; + flex-direction: column; + color: #ffffff; + text-align: center; + padding: 5px 10px 8px 0; + text-decoration: none; + font-size: 10px; + margin-left: 30px; +} + +.starter-project-page #navbarmenu_top > div:nth-child(2) > a { + padding-right: 0; +} + +.starter-project-page #navbarmenu_top > div:nth-child(1) > a { + padding-left: 0; +} + +.starter-project-page .menu_top button img { + display: block; + width: 20px; + height: 20px; + margin: 0 auto 5px auto; +} + +.starter-project-page .menu_top .icon { + display: none; + z-index: 13; + font-size: 10px; + padding: 20px; + z-index: 11; +} + +.starter-project-page .menu_top button.routinghover.topMenuActiveBtn { + background-color: #0051cd; + border-bottom: none; +} + +.starter-project-page .menu_top button.topMenuActiveBtn { + background-color: #161eaf; + border-bottom: 2px solid white; +} + +.starter-project-page .dropdown { + float: right; + overflow: hidden; + direction: rtl; +} + +.starter-project-page .dropdown .dropbtn { + font-size: 12px; + border: none; + outline: none; + color: white; + padding: 8px 25px; + background-color: inherit; + font-family: inherit; + margin: 0; + direction: rtl; + cursor: pointer; +} + +.starter-project-page .dropdown .dropbtn img { + display: block; + width: 15px; + height: auto; + margin: 0px auto 9px auto; +} + +.starter-project-page .dropdown .dropbtn span { + margin-top: 3px; + font-size: 12px; + display: inline-block; +} + +.starter-project-page .dropdown-content { + display: none; + background-color: #f9f9f9; + min-width: 120px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + z-index: 12; + position: fixed; +} + +.starter-project-page .dropdown-content a { + float: none; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: right; + font-size: 12px; +} + +.starter-project-page .dropdown-content a:nth-child(1) { + border-radius: 5px 5px 0 0; + border-bottom: 1px solid #d0d0d0; + font-weight: bold; + color: #000000; +} + +.starter-project-page .dropdown-content a:nth-last-child(1) { + border-radius: 0 0 5px 5px; +} + +.starter-project-page .menu_top a:hover, +.starter-project-page .dropdown:hover .dropbtn, +.starter-project-page .menu_top button:hover { + color: white; +} + +.starter-project-page .dropdown-content a { + color: #404040; +} + +.starter-project-page .dropdown-content a:hover { + background-color: #cecece; + color: #000; +} + +.starter-project-page .dropdown:hover .dropdown-content { + display: flex; + flex-direction: column; + top: 25px; + border-radius: 5px; +} + +.starter-project-page .dropdown-141 { + float: right; + overflow: hidden; + direction: rtl; +} + +.starter-project-page .dropdown-141 .dropbtn { + font-size: 12px; + border: none; + outline: none; + color: white; + padding: 8px 25px; + background-color: inherit; + font-family: inherit; + margin: 0; + direction: rtl; + cursor: pointer; +} + +.starter-project-page .dropdown-141 .dropbtn img { + display: block; + width: 15px; + /* height: auto; */ + /* margin: 0px auto 9px auto; */ +} + +.starter-project-page .dropdown-141 .dropbtn span { + margin-top: 3px; + font-size: 12px; + display: inline-block; +} + +.starter-project-page .dropdown-content { + display: none; + background-color: #f9f9f9; + min-width: 50px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + width: 257px; + z-index: 12; + position: fixed; +} + +.starter-project-page .dropdown-content a { + float: none; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: right; + font-size: 12px; +} + +.starter-project-page .dropdown-content a:nth-child(1) { + border-radius: 5px 5px 0 0; + border-bottom: 1px solid #d0d0d0; + font-weight: bold; + color: #000000; +} + +.starter-project-page .dropdown-content a:nth-last-child(1) { + border-radius: 0 0 5px 5px; +} + +.starter-project-page .menu_top a:hover, +.starter-project-page .dropdown-141:hover .dropbtn, +.starter-project-page .menu_top button:hover { + color: white; +} + +.starter-project-page .dropdown-content a { + color: #404040; +} + +.starter-project-page .dropdown-content a:hover { + background-color: #cecece; + color: #000; +} + +.starter-project-page .dropdown-141:hover .dropdown-content { + display: flex; + flex-direction: column; + top: 25px; + border-radius: 5px; +} + +.starter-project-page .dropdown-content a { + margin-left: 0; +} + +.starter-project-page .rahdariLogo { + display: initial; + height: 20px; +} + +.starter-project-page .name-featured { + display: initial; + height: 20px; +} + +.starter-project-page .name-featured span { + float: left !important; + width: 40px !important; + height: auto !important; +} + +.starter-project-page .rahdariLogo img { + float: right !important; + width: 40px !important; + height: auto !important; +} + +.starter-project-page #navbarmenu_top > div:nth-child(1) > a > img { + margin-left: 20px; +} + +.starter-project-page #navbarmenu_top > div:nth-child(3) { + margin-left: 20px; + margin-right: 5px; + width: auto; +} + +.starter-project-page .clearfix { + clear: both; +} + +.starter-project-page .map { + width: 100%; + height: 100vh !important; + z-index: 10; +} + +.starter-project-page .parent_menu_vertical { + position: absolute; + bottom: 25px; + z-index: 11; + left: 0; + right: 0; + display: flex; + justify-content: center; +} + +.starter-project-page .parent_menu_vertical-inner { + width: 100%; + background-color: white; + margin: 0 500px; + border-radius: 25px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); +} + +.starter-project-page .responsiveTopMenuBtn { + float: right; + display: flex; + flex-direction: column; + color: #ffffff; + text-align: center; + padding: 8px 25px; + text-decoration: none; + font-size: 12px; +} + +.starter-project-page .responsiveTopMenuname { + float: left; + display: flex; + flex-direction: column; + color: #ffffff; + text-align: center; + padding: 8px 25px; + text-decoration: none; + font-size: 15px; +} + +.starter-project-page .fisheye-menu.go-down button { + width: 45px; + transition: 0.1s; +} + +.starter-project-page .fisheye-menu button { + display: inline-block; + width: 45px; +} + +.starter-project-page .ResponsiveVerticalMenu { + width: 40px; + height: 40px; + z-index: 12; + background: rgba(255, 255, 255, 0.7); + border: none; + border-radius: 7px; + top: 65px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + right: 20px; + position: absolute; + display: none; + opacity: 0.9; + margin-top: 10px !important; +} + +.starter-project-page .ResponsiveVerticalMenu:focus { + outline: none; +} + +.starter-project-page .ResponsiveVerticalMenu img { + width: 20px; + height: 20px; + display: inline-block; +} + +.starter-project-page .menu_vertical { + display: flex; + justify-content: center; + direction: rtl; + height: 45px; + background-color: #ffffff; + border-radius: 25px; +} + +.starter-project-page .menu_vertical > .menu-vertical-close { + display: none; + position: absolute; + top: 5px; + right: 5px; + width: 25px; + height: 25px; + margin: 0; + padding: 0; + z-index: 100; +} + +.starter-project-page .menu_vertical > .menu-vertical-close img { + width: 15px; + height: 15px; + transform: rotate(45deg); +} + +.starter-project-page .menu_vertical button { + width: 45px; + height: 45px; + background-color: #fff; + color: #0051cd; + display: inline-block; + border: none; + padding: 3px 7px; + text-decoration: none; + cursor: pointer; + text-align: center; + outline: none; + border-radius: 50%; +} + +.starter-project-page .tooltip-starter { + font-family: "IRANSans"; + position: relative; + display: inline-block; + z-index: 12; + vertical-align: middle; + padding: 3px; +} + +.starter-project-page .tooltip-starter img { + width: 100%; + height: auto; + display: block; + margin: 0 auto; +} + +.starter-project-page .verticalMenuText { + display: none; + color: #000000; + font-size: 12px; +} + +.starter-project-page .activeLayer { + background-color: #0051cd !important; + border-radius: 50%; +} + +.starter-project-page .tooltip-starter .tooltiptext { + visibility: hidden; + width: max-content; + background-color: rgba(22, 67, 88, 0.75); + opacity: 0.8; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 6px 8px; + position: absolute; + z-index: 1; + bottom: 150%; + left: 50%; + margin-left: -60px; +} + +.starter-project-page .tooltip-starter:hover .tooltiptext { + visibility: visible; +} + +.starter-project-page .left-menu-stat-chart-info { + position: fixed; + width: 270px; + height: 220px; + background-color: rgba(255, 255, 255, 0.5); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + top: -308px; + left: 92px; + z-index: 12; + border-radius: 8px; + padding: 17px 15px; + transition: top 0.5s; +} + +.starter-project-page .left-menu-stat-chart-info > .menu-stat-info-close { + position: absolute; + top: 5px; + left: 5px; + width: 36px; + height: 36px; + z-index: 18; + cursor: pointer; + color: rgba(0, 0, 0, 0.5); +} + +.starter-project-page .left-menu-stat-chart-info > .menu-stat-info-close:hover { + background-color: rgba(0, 0, 0, 0.2); + color: black; +} + +.starter-project-page .left-menu-stat-chart-info > .menu-stat-info-close > i { + top: 8px; + right: 12px; + position: relative; +} + +.starter-project-page .left-menu-stat-chart-info > .menu-stat-info-title { + margin-bottom: 20px; + font-size: 14px; + font-weight: 500; +} + +.starter-project-page .left-menu-stat-chart-info > .menu-stat-info-content { + display: flex; + justify-content: center; + align-items: center; + height: 146px; + text-align: center; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 8px; +} + +.starter-project-page .left-menu-stat-chart-info > .menu-stat-info-content:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.starter-project-page .left-menu-stat-chart-info > .menu-stat-info-content > span { + font-size: 12px; +} + +.starter-project-page .right-menu-stat-chart { + position: fixed; + width: 400px; + height: 770px; + background-color: rgba(255, 255, 255, 0.5); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + top: -858px; + right: 92px; + z-index: 12; + border-radius: 8px; + padding: 17px 15px; + transition: top 0.5s; + overflow-y: auto; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-close { + position: absolute; + top: 5px; + left: 5px; + width: 36px; + height: 36px; + z-index: 18; + cursor: pointer; + color: rgba(0, 0, 0, 0.5); +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-close:hover { + background-color: rgba(0, 0, 0, 0.2); + color: black; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-close > i { + top: 8px; + right: 12px; + position: relative; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-title { + margin-bottom: 30px; + font-weight: 500; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list { + padding: 0; + margin: 0; + list-style-type: none; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li { + position: relative; + cursor: pointer; + padding-right: 105px; + transition: padding-right 0.5s; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item { + display: flex; + align-items: center; + height: 22px; + font-size: 12px; + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.1); + border-top: 0; + transition: width 0.5s; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item > .item-rate { + display: inline-block; + text-align: center; + font-weight: 500; + position: absolute; + right: 10px; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item > .item-title { + display: inline-block; + white-space: nowrap; + position: absolute; + right: 0; + width: 100px; + text-align: left; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item > .item-stat { + display: inline-block; + text-align: left; + position: absolute; + left: 10px; + font-weight: 500; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item.stat-item-top-1 { + background-color: rgba(163, 102, 255, 0.3); +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item.stat-item-top-2 { + background-color: rgba(128, 179, 255, 0.3); +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item.stat-item-top-3 { + background-color: rgba(102, 204, 102, 0.3); +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item.stat-item-top-4 { + background-color: rgba(255, 237, 160, 0.3); +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li > .stat-list-item.stat-item-top-5 { + background-color: rgba(255, 112, 77, 0.3); +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li:first-child > .stat-list-item { + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li:hover { + padding-right: 0; +} + +.starter-project-page .right-menu-stat-chart > .menu-stat-list > .stat-list > .stat-list-li:hover > .stat-list-item { + width: 100% !important; +} + +.starter-project-page .left-menu-view-chart { + position: fixed; + width: 500px; + height: 770px; + background-color: rgba(255, 255, 255, 0.5); + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + top: 88px; + left: -530px; + z-index: 12; + border-radius: 8px; + padding: 20px 15px; + transition: left 0.5s; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .chart-title { + margin-bottom: 30px; + font-weight: 500; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .menu-chart-tools { + display: flex; + position: absolute; + top: 15px; + left: 10px; + width: 108px; + height: 36px; + z-index: 18; + cursor: pointer; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .menu-chart-tools > .chart-tools-item { + position: relative; + width: 36px; + height: 36px; + color: rgba(0, 0, 0, 0.5); +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .menu-chart-tools > .chart-tools-item > i { + top: 8px; + right: 10px; + position: relative; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .menu-chart-tools > .chart-tools-item.chart-close-icon i { + right: 12px; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .menu-chart-tools > .chart-tools-item:hover { + background-color: rgba(0, 0, 0, 0.2); + color: black; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .menu-chart-tools > .chart-tools-item:hover > .tools-item-tooltip { + visibility: visible; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .menu-chart-tools > .chart-tools-item > .tools-item-tooltip { + visibility: hidden; + width: 100px; + text-align: center; + padding: 5px 10px; + position: absolute; + top: 100%; + left: 50%; + margin-left: -50px; + font-size: 14px; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > canvas { + width: 100%; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .chart-provinces > .chart-provinces-container { + display: flex; + justify-content: space-between; + flex-wrap: nowrap; + margin: 5px 0; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .chart-provinces > .chart-provinces-container:last-child { + margin-bottom: 0; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .chart-provinces > .chart-provinces-container > .chart-province-item { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + width: 74px; + height: 68px; + border: 1px solid #ddd; + border-radius: 5px; + cursor: pointer; + padding: 5px; +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .chart-provinces > .chart-provinces-container > .chart-province-item:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.starter-project-page .left-menu-view-chart > .chart-view-box > .chart-provinces > .chart-provinces-container > .chart-province-item > .chart-province-item-title { + text-align: center; + margin-top: 5px; + font-size: 8px; + white-space: nowrap; +} + +.starter-project-page .left-menu-view-chart > .chart-filter-box > .filter-box-select label { + color: rgba(0, 0, 0, 0.5); + font-weight: 500; + font-size: 12px; +} + +.starter-project-page .left-menu-view-chart > .chart-filter-box > .filter-box-select .form-control { + background-color: rgba(255, 255, 255, 0.3); +} + +.starter-project-page .left-menu-view-chart > .chart-filter-box > .filter-box-select .form-control:disabled { + background-color: rgba(0, 0, 0, 0.1); + cursor: not-allowed; +} + +.starter-project-page .left-menu-view-chart > .chart-filter-box > .filter-box-submit { + display: flex; + justify-content: space-between; +} + +.starter-project-page .left-menu-view-chart > .chart-filter-box > .filter-box-submit > .submit-send, +.starter-project-page .left-menu-view-chart > .chart-filter-box > .filter-box-submit > .submit-cancel { + width: 48.5%; + opacity: 0.8; +} + +.starter-project-page .right-menu-charts { + position: absolute; + width: 50px; + background-color: rgba(255, 255, 255, 0.5); + top: 88px; + right: 30px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 12; + transition: right 0.5s; +} + +.starter-project-page .right-menu-charts > .item-menu-chart { + width: 50px; + height: 50px; + cursor: pointer; + padding: 5px; + font-size: 20px; + text-align: center; + position: relative; + display: flex; + justify-content: center; + align-items: center; +} + +.starter-project-page .right-menu-charts > .item-menu-chart > img { + width: 25px; + height: 25px; +} + +.starter-project-page .right-menu-charts > .item-menu-chart > .item-chart-tooltip { + position: absolute; + display: none; + background-color: rgba(0, 0, 0, 0.6); + color: #fff; + padding: 5px 10px; + border-radius: 8px; + font-size: 16px; + right: 60px; + top: 8px; + width: max-content; +} + +.starter-project-page .right-menu-charts > .item-menu-chart > .item-chart-tooltip::after { + content: " "; + position: absolute; + top: 50%; + left: 100%; + margin-top: -5px; + border-width: 5px; + border-style: solid; + border-color: transparent transparent transparent rgba(0, 0, 0, 0.6); +} + +.starter-project-page .right-menu-charts > .item-menu-chart:hover { + background-color: #e0dede; +} + +.starter-project-page .right-menu-charts > .item-menu-chart:hover > .item-chart-tooltip { + display: block; +} + +.starter-project-page .right-menu-charts > .item-menu-chart.item-menu-active { + background-color: #bdbdbd; +} + +.starter-project-page .right-menu-charts > .item-menu-chart:last-child { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +.starter-project-page .right-menu-charts > .item-menu-chart > i { + vertical-align: middle; + line-height: 40px; + color: rgba(22, 67, 88, 0.75); +} + +.starter-project-page .right-menu-charts > .right-menu-toggle { + width: 50px; + height: 50px; + cursor: pointer; + padding: 5px; + font-size: 25px; + text-align: center; + position: relative; + right: 0; + transition: right 0.5s; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.starter-project-page .right-menu-charts > .right-menu-toggle.hide-menu-toggle { + border-top-right-radius: 0; + border-bottom-left-radius: 8px; + background-color: #bdbdbd; +} + +.starter-project-page .right-menu-charts > .right-menu-toggle:hover { + background-color: #e0dede; +} + +.starter-project-page .right-menu-charts > .right-menu-toggle > i { + vertical-align: middle; + color: #164358; +} + +.starter-project-page .left-menu-map { + position: fixed; + background-color: rgba(255, 255, 255, 0.5); + top: 88px; + left: 30px; + width: 50px; + height: 50px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 12; + transition: left 0.5s; +} + +.starter-project-page .left-menu-map > .menu-map-close { + position: absolute; + top: 5px; + right: 5px; + width: 36px; + height: 36px; + z-index: 18; + cursor: pointer; + display: none; + color: rgba(0, 0, 0, 0.5); +} + +.starter-project-page .left-menu-map > .menu-map-close:hover { + background-color: rgba(0, 0, 0, 0.2); + color: black; +} + +.starter-project-page .left-menu-map > .menu-map-close > i { + top: 8px; + right: 12px; + position: relative; +} + +.starter-project-page .left-menu-map > .menu-map-toggle { + width: 100%; + height: 100%; + cursor: pointer; + padding: 5px; +} + +.starter-project-page .left-menu-map > .menu-map-toggle > .map-svg-box { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.starter-project-page .left-menu-map > .menu-map-toggle > .map-svg-box > svg { + position: relative; + height: 100vh; +} + +.starter-project-page .left-menu-map > .menu-map-toggle > .map-svg-box.map-svg-box-open > svg polygon:hover { + fill: #ff5630; +} + +.starter-project-page .left-menu-map > .menu-map-toggle > .map-svg-box.map-svg-box-open > svg path:hover { + fill: #ff5630; +} + +.starter-project-page .left-menu-141 { + position: fixed; + width: 50px; + background-color: rgba(255, 255, 255, 0.5); + top: 150px; + left: 30px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 13; + transition: left 0.5s; +} + +.starter-project-page .left-menu-141 > .item-menu-141 { + width: 50px; + height: 50px; + cursor: pointer; + padding: 5px; + font-size: 20px; + text-align: center; + position: relative; + display: flex; + align-items: center; + justify-content: center; +} + +.starter-project-page .left-menu-141 > .item-menu-141 > .item-141-tooltip { + position: absolute; + display: none; + background-color: rgba(0, 0, 0, 0.6); + color: #fff; + padding: 5px 10px; + border-radius: 8px; + font-size: 16px; + left: 60px; + top: 8px; + width: max-content; +} + +.starter-project-page .left-menu-141 > .item-menu-141 > .item-141-tooltip::after { + content: " "; + position: absolute; + top: 50%; + right: 100%; + margin-top: -5px; + border-width: 5px; + border-style: solid; + border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent; +} + +.starter-project-page .left-menu-141 > .item-menu-141:hover { + background-color: #e0dede; +} + +.starter-project-page .left-menu-141 > .item-menu-141:hover > .item-141-tooltip { + display: block; +} + +.starter-project-page .left-menu-141 > .item-menu-141.item-141-active { + background-color: #bdbdbd; +} + +.starter-project-page .left-menu-141 > .item-menu-141:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.starter-project-page .left-menu-141 > .item-menu-141:last-child { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +.starter-project-page .left-menu-141 > .item-menu-141 > i { + vertical-align: middle; + line-height: 40px; + color: rgba(22, 67, 88, 0.75); +} + +.starter-project-page .left-menu-141 > .item-menu-141 > .item-141-image > img { + width: 25px; + height: 25px; +} + +.starter-project-page .starter-loader-container { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 20; +} + +.starter-project-page .starter-loader-container > .starter-loader { + border: 8px solid #f3f3f3; + border-radius: 50%; + border-top: 8px solid rgba(22, 67, 88, 0.75); + width: 85px; + height: 85px; + animation: spin 2s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +.starter-project-page .modal-header .close, .starter-project-page .modal-header .mailbox-attachment-close, +.starter-project-page .modal-header .mailbox-attachment-close { + margin: -1rem auto -1rem -1rem; +} + +.starter-project-page .modal-title { + font-size: 15px; +} + +.starter-project-page .modal-header { + padding: 0.75rem; +} + +.starter-project-page .modal-body { + display: flex; +} + +.starter-project-page .modal-body .report-item-box { + width: 33%; + height: 130px; + border-radius: 8px; + padding: 20px; + margin: 15px; + border: 1px solid rgba(0, 0, 0, 0.2); + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; +} + +.starter-project-page .modal-body .report-item-box > .report-title { + text-align: center; + font-weight: 300; + font-size: 14px; +} + +.starter-project-page .modal-body .report-item-box > .report-title > i { + display: block; + margin-bottom: 25px; + font-size: 50px; +} + +.starter-project-page .modal-body .report-item-box > .report-title > img { + width: 40px; + height: 40px; +} + +.starter-project-page .modal-body .report-item-box:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.starter-project-page .modal-body { + display: flex; +} + +.starter-project-page .modal-body .report-item-box-vill { + width: 50%; + height: 130px; + border-radius: 8px; + padding: 8px; + margin: 5px; + border: 1px solid rgba(0, 0, 0, 0.2); + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; +} + +.starter-project-page .modal-body .report-item-box-vill > .report-title { + text-align: center; + font-weight: 500; + font-size: 16px; +} + +.starter-project-page .modal-body .report-item-box-vill > .report-title > i { + display: block; + margin-bottom: 25px; + font-size: 50px; +} + +.starter-project-page .modal-body .report-item-box-vill:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.starter-project-page #message { + display: none; + background: #f1f1f1; + color: #000; + position: relative; + padding: 20px; + margin-top: 10px; + font-size: 10px; +} + +.starter-project-page #message h3 { + padding: 10px; + font-size: 12px; +} + +.starter-project-page #message p { + padding: 10px; + font-size: 10px; +} + +.starter-project-page .valid { + color: green; +} + +.starter-project-page .valid:before { + position: relative; + left: -35px; +} + +.starter-project-page .invalid { + color: red; +} + +.starter-project-page .invalid:before { + position: relative; + left: -35px; +} + +.starter-project-page .beacon { + position: absolute; + top: 50%; + left: 38%; + background-color: #007bff; + height: 0.4em; + width: 0.4em; + border-radius: 50%; + z-index: 1010; +} + +.starter-project-page .beacon-blue { + background-color: #007bff; +} + +.starter-project-page .beacon-blue:before { + position: absolute; + content: ""; + height: 1em; + width: 1em; + left: 0; + top: 0; + background-color: transparent; + border-radius: 50%; + box-shadow: 0px 0px 2px 2px #2980b9; + -webkit-animation: active 2s infinite linear; + animation: active 2s infinite linear; +} + +.starter-project-page .beacon-green { + background-color: #28a745; +} + +.starter-project-page .beacon-green:before { + position: absolute; + content: ""; + height: 0.3rem; + width: 0.3rem; + left: 0; + top: 0; + background-color: transparent; + border-radius: 50%; + box-shadow: 0px 0px 2px 2px #28a745; + -webkit-animation: active 2s infinite linear; + animation: active 2s infinite linear; +} + +.starter-project-page .beacon-yellow { + background-color: #ffc107; +} + +.starter-project-page .beacon-yellow:before { + position: absolute; + content: ""; + height: 1em; + width: 1em; + left: 0; + top: 0; + background-color: transparent; + border-radius: 50%; + box-shadow: 0px 0px 2px 2px #2980b9; + -webkit-animation: active 2s infinite linear; + animation: active 2s infinite linear; +} + +.starter-project-page .beacon-red { + background-color: #dc3545; +} + +.starter-project-page .beacon-red:before { + position: absolute; + content: ""; + height: 0.3rem; + width: 0.3rem; + left: 0; + top: 0; + background-color: transparent; + border-radius: 50%; + box-shadow: 0px 0px 2px 2px #dc3545; + -webkit-animation: active 2s infinite linear; + animation: active 2s infinite linear; +} + +.starter-project-page .beacon-red-fix { + background-color: #dc3545; +} + +.starter-project-page .beacon-green-fix { + background-color: #28a745; +} + +@-webkit-keyframes active { + 0% { + -webkit-transform: scale(0.1); + opacity: 1; + } + 70% { + -webkit-transform: scale(3); + opacity: 0; + } + 100% { + opacity: 0; + } +} + +@keyframes active { + 0% { + transform: scale(0.1); + opacity: 1; + } + 70% { + transform: scale(3); + opacity: 0; + } + 100% { + opacity: 0; + } +} + +.starter-project-page .popup { + font-family: "IRANSansFaNum"; + max-width: max-content; +} + +.starter-project-page .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ +} + +.starter-project-page .popup .popupTitle img { + height: 18px; + margin: 0px 11px 5px 7px; +} + +.starter-project-page .popup .popupTitle .popupHeader { + font-size: 12px; + color: #0051cd; + /* vertical-align: super; */ + white-space: nowrap; +} + +.starter-project-page .popupContent { + display: flex; + flex-wrap: wrap; + direction: rtl; + width: 100%; +} + +.starter-project-page .popupContent-button { + display: flex; + flex-wrap: nowrap; + direction: rtl; + width: 100%; + margin: 5px 0; +} + +.starter-project-page .popupContent-button > .popup-btn-edit-point { + font-size: 11px; + width: 100%; + border: 0; + padding: 8px 12px; + margin: 0 5px; + border-radius: 5px; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + background-color: #0051cd; + color: #fff; + font-weight: 500; +} + +.starter-project-page .popupContent-button > .popup-btn-edit-point:hover { + background-color: #003380; +} + +.starter-project-page .popupHeaderContent { + text-align: justify; + display: inline; +} + +.starter-project-page .popupHeaderContent > .popUpBanner { + margin: 5px; + font-size: 11px; +} + +.starter-project-page .popupContent .popUpBox { + width: 33%; + width: 50px; + height: auto; + margin: 5px; + padding: 2%; + border-radius: 5px; + text-align: center; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); +} + +.starter-project-page .popupHeaderContent img { + height: 20px; + vertical-align: middle; +} + +.starter-project-page .popupContent .popUpBox span { + color: #0051cd; + display: block; + font-size: 9px; +} + +.starter-project-page .popUpBoxContent { + font-size: 10px; + font-weight: 500; + margin-top: 8px; +} + +.starter-project-page .popupFooter { + width: 97%; + margin: 5px; + padding: 10px; + border-radius: 5px; + font-size: 10px; + text-align: right; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); +} + +.starter-project-page .popupFooter span { + color: #0051cd; + display: block; + font-size: 9px; +} + +.starter-project-page .customPopupStyle .leaflet-popup-content-wrapper { + width: 315px !important; +} + +.starter-project-page .customPopupStyle .popup { + width: 276px; +} + +.starter-project-page .customPopupStyle .popupContent .popUpBox { + width: 128px !important; +} + +.starter-project-page .leaflet-container a.leaflet-popup-close-button { + top: 5px; + left: 10px; + right: auto; +} + +.customPopupStyle .popupContent .popUpBoxlevel { + width: 82px !important; +} + +.popupContent .popUpBoxlevel span { + color: #0051cd; + display: block; + font-size: 7px; +} + +.popupContent .popUpBoxlevel { + width: 33%; + width: 50px; + height: auto; + margin: 5px; + padding: 2%; + border-radius: 5px; + text-align: center; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); +} + +.cord-font { + font-family: IRANSans; + text-align: left; + direction: ltr; +} + +.file-rahdari { + height: 50px; + font-size: 10px; +} + +.file-rahdari:hover { + background-color: #e7e7e7; +} + +.form-group.has-icon { + position: relative; +} + +.form-group.has-icon .form-control { + padding-right: 35px; +} + +.form-group.has-icon .form-icon { + background-color: transparent; + border: 0; + cursor: pointer; + font-size: 1rem; + padding: 0.375rem 0.75rem; + position: absolute; + right: 3px; + top: 0; +} + +.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type { + border-radius: 0; +} + +.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab, .form-control-feedback.glyphicon, .form-control-feedback.ion { + line-height: calc(2.25rem + 2px); +} + +.input-lg + .form-control-feedback.fa, .input-lg + .form-control-feedback.fas, .input-lg + .form-control-feedback.far, .input-lg + .form-control-feedback.fab, .input-lg + .form-control-feedback.glyphicon, .input-lg + .form-control-feedback.ion, +.input-group-lg + .form-control-feedback.fa, +.input-group-lg + .form-control-feedback.fas, +.input-group-lg + .form-control-feedback.far, +.input-group-lg + .form-control-feedback.fab, +.input-group-lg + .form-control-feedback.glyphicon, +.input-group-lg + .form-control-feedback.ion { + line-height: calc(2.875rem + 2px); +} + +.form-group-lg .form-control + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fas, .form-group-lg .form-control + .form-control-feedback.far, .form-group-lg .form-control + .form-control-feedback.fab, .form-group-lg .form-control + .form-control-feedback.glyphicon, .form-group-lg .form-control + .form-control-feedback.ion { + line-height: calc(2.875rem + 2px); +} + +.input-sm + .form-control-feedback.fa, .input-sm + .form-control-feedback.fas, .input-sm + .form-control-feedback.far, .input-sm + .form-control-feedback.fab, .input-sm + .form-control-feedback.glyphicon, .input-sm + .form-control-feedback.ion, +.input-group-sm + .form-control-feedback.fa, +.input-group-sm + .form-control-feedback.fas, +.input-group-sm + .form-control-feedback.far, +.input-group-sm + .form-control-feedback.fab, +.input-group-sm + .form-control-feedback.glyphicon, +.input-group-sm + .form-control-feedback.ion { + line-height: calc(1.8125rem + 2px); +} + +.form-group-sm .form-control + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fas, .form-group-sm .form-control + .form-control-feedback.far, .form-group-sm .form-control + .form-control-feedback.fab, .form-group-sm .form-control + .form-control-feedback.glyphicon, .form-group-sm .form-control + .form-control-feedback.ion { + line-height: calc(1.8125rem + 2px); +} + +label:not(.form-check-label):not(.custom-file-label) { + font-weight: 700; +} + +.warning-feedback { + font-size: 80%; + color: #ffc107; + display: none; + margin-top: 0.25rem; + width: 100%; +} + +.warning-tooltip { + border-radius: 0.25rem; + font-size: 0.875rem; + background-color: rgba(255, 193, 7, 0.9); + color: #1F2D3D; + display: none; + line-height: 1.5; + margin-top: .1rem; + max-width: 100%; + padding: 0.25rem 0.5rem; + position: absolute; + top: 100%; + z-index: 5; +} + +.form-control.is-warning { + border-color: #ffc107; +} + +.form-control.is-warning:focus { + border-color: #ffc107; + box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); +} + +.form-control.is-warning ~ .warning-feedback, +.form-control.is-warning ~ .warning-tooltip { + display: block; +} + +textarea.form-control.is-warning { + padding-right: 2.25rem; + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.custom-select.is-warning { + border-color: #ffc107; +} + +.custom-select.is-warning:focus { + border-color: #ffc107; + box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); +} + +.custom-select.is-warning ~ .warning-feedback, +.custom-select.is-warning ~ .warning-tooltip { + display: block; +} + +.form-control-file.is-warning ~ .warning-feedback, +.form-control-file.is-warning ~ .warning-tooltip { + display: block; +} + +.form-check-input.is-warning ~ .form-check-label { + color: #ffc107; +} + +.form-check-input.is-warning ~ .warning-feedback, +.form-check-input.is-warning ~ .warning-tooltip { + display: block; +} + +.custom-control-input.is-warning ~ .custom-control-label { + color: #ffc107; +} + +.custom-control-input.is-warning ~ .custom-control-label::before { + border-color: #ffc107; +} + +.custom-control-input.is-warning ~ .warning-feedback, +.custom-control-input.is-warning ~ .warning-tooltip { + display: block; +} + +.custom-control-input.is-warning:checked ~ .custom-control-label::before { + background-color: #ffce3a; + border-color: #ffce3a; +} + +.custom-control-input.is-warning:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); +} + +.custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before { + border-color: #ffc107; +} + +.custom-file-input.is-warning ~ .custom-file-label { + border-color: #ffc107; +} + +.custom-file-input.is-warning ~ .warning-feedback, +.custom-file-input.is-warning ~ .warning-tooltip { + display: block; +} + +.custom-file-input.is-warning:focus ~ .custom-file-label { + border-color: #ffc107; + box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.25); +} + +.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::before { + background: #007bff; + border-color: #004a99; +} + +.custom-switch.custom-switch-off-primary .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-switch.custom-switch-off-primary .custom-control-input ~ .custom-control-label::after { + background: #003e80; +} + +.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before { + background: #007bff; + border-color: #004a99; +} + +.custom-switch.custom-switch-on-primary .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::after { + background: #99caff; +} + +.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::before { + background: #6c757d; + border-color: #3d4246; +} + +.custom-switch.custom-switch-off-secondary .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-switch.custom-switch-off-secondary .custom-control-input ~ .custom-control-label::after { + background: #313539; +} + +.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::before { + background: #6c757d; + border-color: #3d4246; +} + +.custom-switch.custom-switch-on-secondary .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-switch.custom-switch-on-secondary .custom-control-input:checked ~ .custom-control-label::after { + background: #bcc1c6; +} + +.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::before { + background: #28a745; + border-color: #145523; +} + +.custom-switch.custom-switch-off-success .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-switch.custom-switch-off-success .custom-control-input ~ .custom-control-label::after { + background: #0f401b; +} + +.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before { + background: #28a745; + border-color: #145523; +} + +.custom-switch.custom-switch-on-success .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after { + background: #86e29b; +} + +.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::before { + background: #17a2b8; + border-color: #0c525d; +} + +.custom-switch.custom-switch-off-info .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-switch.custom-switch-off-info .custom-control-input ~ .custom-control-label::after { + background: #093e47; +} + +.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::before { + background: #17a2b8; + border-color: #0c525d; +} + +.custom-switch.custom-switch-on-info .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-switch.custom-switch-on-info .custom-control-input:checked ~ .custom-control-label::after { + background: #7adeee; +} + +.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::before { + background: #ffc107; + border-color: #a07800; +} + +.custom-switch.custom-switch-off-warning .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-switch.custom-switch-off-warning .custom-control-input ~ .custom-control-label::after { + background: #876500; +} + +.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::before { + background: #ffc107; + border-color: #a07800; +} + +.custom-switch.custom-switch-on-warning .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-switch.custom-switch-on-warning .custom-control-input:checked ~ .custom-control-label::after { + background: #ffe7a0; +} + +.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before { + background: #dc3545; + border-color: #921925; +} + +.custom-switch.custom-switch-off-danger .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after { + background: #7c151f; +} + +.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::before { + background: #dc3545; + border-color: #921925; +} + +.custom-switch.custom-switch-on-danger .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-switch.custom-switch-on-danger .custom-control-input:checked ~ .custom-control-label::after { + background: #f3b7bd; +} + +.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::before { + background: #f8f9fa; + border-color: #bdc6d0; +} + +.custom-switch.custom-switch-off-light .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); +} + +.custom-switch.custom-switch-off-light .custom-control-input ~ .custom-control-label::after { + background: #aeb9c5; +} + +.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::before { + background: #f8f9fa; + border-color: #bdc6d0; +} + +.custom-switch.custom-switch-on-light .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); +} + +.custom-switch.custom-switch-on-light .custom-control-input:checked ~ .custom-control-label::after { + background: white; +} + +.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::before { + background: #343a40; + border-color: #060708; +} + +.custom-switch.custom-switch-off-dark .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-switch.custom-switch-off-dark .custom-control-input ~ .custom-control-label::after { + background: black; +} + +.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::before { + background: #343a40; + border-color: #060708; +} + +.custom-switch.custom-switch-on-dark .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-switch.custom-switch-on-dark .custom-control-input:checked ~ .custom-control-label::after { + background: #7a8793; +} + +.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::before { + background: #3c8dbc; + border-color: #23536f; +} + +.custom-switch.custom-switch-off-lightblue .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); +} + +.custom-switch.custom-switch-off-lightblue .custom-control-input ~ .custom-control-label::after { + background: #1d455b; +} + +.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::before { + background: #3c8dbc; + border-color: #23536f; +} + +.custom-switch.custom-switch-on-lightblue .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); +} + +.custom-switch.custom-switch-on-lightblue .custom-control-input:checked ~ .custom-control-label::after { + background: #acd0e5; +} + +.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::before { + background: #001f3f; + border-color: black; +} + +.custom-switch.custom-switch-off-navy .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); +} + +.custom-switch.custom-switch-off-navy .custom-control-input ~ .custom-control-label::after { + background: black; +} + +.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::before { + background: #001f3f; + border-color: black; +} + +.custom-switch.custom-switch-on-navy .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); +} + +.custom-switch.custom-switch-on-navy .custom-control-input:checked ~ .custom-control-label::after { + background: #006ad8; +} + +.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::before { + background: #3d9970; + border-color: #20503b; +} + +.custom-switch.custom-switch-off-olive .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); +} + +.custom-switch.custom-switch-off-olive .custom-control-input ~ .custom-control-label::after { + background: #193e2d; +} + +.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::before { + background: #3d9970; + border-color: #20503b; +} + +.custom-switch.custom-switch-on-olive .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); +} + +.custom-switch.custom-switch-on-olive .custom-control-input:checked ~ .custom-control-label::after { + background: #99d6bb; +} + +.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::before { + background: #01ff70; + border-color: #009a43; +} + +.custom-switch.custom-switch-off-lime .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); +} + +.custom-switch.custom-switch-off-lime .custom-control-input ~ .custom-control-label::after { + background: #008138; +} + +.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::before { + background: #01ff70; + border-color: #009a43; +} + +.custom-switch.custom-switch-on-lime .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); +} + +.custom-switch.custom-switch-on-lime .custom-control-input:checked ~ .custom-control-label::after { + background: #9affc6; +} + +.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::before { + background: #f012be; + border-color: #930974; +} + +.custom-switch.custom-switch-off-fuchsia .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); +} + +.custom-switch.custom-switch-off-fuchsia .custom-control-input ~ .custom-control-label::after { + background: #7b0861; +} + +.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::before { + background: #f012be; + border-color: #930974; +} + +.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); +} + +.custom-switch.custom-switch-on-fuchsia .custom-control-input:checked ~ .custom-control-label::after { + background: #f9a2e5; +} + +.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::before { + background: #d81b60; + border-color: #7d1038; +} + +.custom-switch.custom-switch-off-maroon .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); +} + +.custom-switch.custom-switch-off-maroon .custom-control-input ~ .custom-control-label::after { + background: #670d2e; +} + +.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::before { + background: #d81b60; + border-color: #7d1038; +} + +.custom-switch.custom-switch-on-maroon .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); +} + +.custom-switch.custom-switch-on-maroon .custom-control-input:checked ~ .custom-control-label::after { + background: #f29aba; +} + +.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::before { + background: #007bff; + border-color: #004a99; +} + +.custom-switch.custom-switch-off-blue .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-switch.custom-switch-off-blue .custom-control-input ~ .custom-control-label::after { + background: #003e80; +} + +.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::before { + background: #007bff; + border-color: #004a99; +} + +.custom-switch.custom-switch-on-blue .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-switch.custom-switch-on-blue .custom-control-input:checked ~ .custom-control-label::after { + background: #99caff; +} + +.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::before { + background: #6610f2; + border-color: #3d0894; +} + +.custom-switch.custom-switch-off-indigo .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); +} + +.custom-switch.custom-switch-off-indigo .custom-control-input ~ .custom-control-label::after { + background: #33077c; +} + +.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::before { + background: #6610f2; + border-color: #3d0894; +} + +.custom-switch.custom-switch-on-indigo .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); +} + +.custom-switch.custom-switch-on-indigo .custom-control-input:checked ~ .custom-control-label::after { + background: #c3a1fa; +} + +.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::before { + background: #6f42c1; + border-color: #432776; +} + +.custom-switch.custom-switch-off-purple .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); +} + +.custom-switch.custom-switch-off-purple .custom-control-input ~ .custom-control-label::after { + background: #382063; +} + +.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::before { + background: #6f42c1; + border-color: #432776; +} + +.custom-switch.custom-switch-on-purple .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); +} + +.custom-switch.custom-switch-on-purple .custom-control-input:checked ~ .custom-control-label::after { + background: #c7b5e7; +} + +.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::before { + background: #e83e8c; + border-color: #ac145a; +} + +.custom-switch.custom-switch-off-pink .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); +} + +.custom-switch.custom-switch-off-pink .custom-control-input ~ .custom-control-label::after { + background: #95124e; +} + +.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::before { + background: #e83e8c; + border-color: #ac145a; +} + +.custom-switch.custom-switch-on-pink .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); +} + +.custom-switch.custom-switch-on-pink .custom-control-input:checked ~ .custom-control-label::after { + background: #f8c7dd; +} + +.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::before { + background: #dc3545; + border-color: #921925; +} + +.custom-switch.custom-switch-off-red .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-switch.custom-switch-off-red .custom-control-input ~ .custom-control-label::after { + background: #7c151f; +} + +.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::before { + background: #dc3545; + border-color: #921925; +} + +.custom-switch.custom-switch-on-red .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-switch.custom-switch-on-red .custom-control-input:checked ~ .custom-control-label::after { + background: #f3b7bd; +} + +.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::before { + background: #fd7e14; + border-color: #aa4e01; +} + +.custom-switch.custom-switch-off-orange .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); +} + +.custom-switch.custom-switch-off-orange .custom-control-input ~ .custom-control-label::after { + background: #904201; +} + +.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::before { + background: #fd7e14; + border-color: #aa4e01; +} + +.custom-switch.custom-switch-on-orange .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); +} + +.custom-switch.custom-switch-on-orange .custom-control-input:checked ~ .custom-control-label::after { + background: #fed1ac; +} + +.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::before { + background: #ffc107; + border-color: #a07800; +} + +.custom-switch.custom-switch-off-yellow .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-switch.custom-switch-off-yellow .custom-control-input ~ .custom-control-label::after { + background: #876500; +} + +.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::before { + background: #ffc107; + border-color: #a07800; +} + +.custom-switch.custom-switch-on-yellow .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-switch.custom-switch-on-yellow .custom-control-input:checked ~ .custom-control-label::after { + background: #ffe7a0; +} + +.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::before { + background: #28a745; + border-color: #145523; +} + +.custom-switch.custom-switch-off-green .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-switch.custom-switch-off-green .custom-control-input ~ .custom-control-label::after { + background: #0f401b; +} + +.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::before { + background: #28a745; + border-color: #145523; +} + +.custom-switch.custom-switch-on-green .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-switch.custom-switch-on-green .custom-control-input:checked ~ .custom-control-label::after { + background: #86e29b; +} + +.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::before { + background: #20c997; + border-color: #127155; +} + +.custom-switch.custom-switch-off-teal .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); +} + +.custom-switch.custom-switch-off-teal .custom-control-input ~ .custom-control-label::after { + background: #0e5b44; +} + +.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::before { + background: #20c997; + border-color: #127155; +} + +.custom-switch.custom-switch-on-teal .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); +} + +.custom-switch.custom-switch-on-teal .custom-control-input:checked ~ .custom-control-label::after { + background: #94eed3; +} + +.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::before { + background: #17a2b8; + border-color: #0c525d; +} + +.custom-switch.custom-switch-off-cyan .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-switch.custom-switch-off-cyan .custom-control-input ~ .custom-control-label::after { + background: #093e47; +} + +.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::before { + background: #17a2b8; + border-color: #0c525d; +} + +.custom-switch.custom-switch-on-cyan .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-switch.custom-switch-on-cyan .custom-control-input:checked ~ .custom-control-label::after { + background: #7adeee; +} + +.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::before { + background: #ffffff; + border-color: #cccccc; +} + +.custom-switch.custom-switch-off-white .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); +} + +.custom-switch.custom-switch-off-white .custom-control-input ~ .custom-control-label::after { + background: #bfbfbf; +} + +.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::before { + background: #ffffff; + border-color: #cccccc; +} + +.custom-switch.custom-switch-on-white .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); +} + +.custom-switch.custom-switch-on-white .custom-control-input:checked ~ .custom-control-label::after { + background: white; +} + +.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::before { + background: #6c757d; + border-color: #3d4246; +} + +.custom-switch.custom-switch-off-gray .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-switch.custom-switch-off-gray .custom-control-input ~ .custom-control-label::after { + background: #313539; +} + +.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::before { + background: #6c757d; + border-color: #3d4246; +} + +.custom-switch.custom-switch-on-gray .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-switch.custom-switch-on-gray .custom-control-input:checked ~ .custom-control-label::after { + background: #bcc1c6; +} + +.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::before { + background: #343a40; + border-color: #060708; +} + +.custom-switch.custom-switch-off-gray-dark .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-switch.custom-switch-off-gray-dark .custom-control-input ~ .custom-control-label::after { + background: black; +} + +.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::before { + background: #343a40; + border-color: #060708; +} + +.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-switch.custom-switch-on-gray-dark .custom-control-input:checked ~ .custom-control-label::after { + background: #7a8793; +} + +.custom-range.custom-range-primary:focus { + outline: none; +} + +.custom-range.custom-range-primary:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-range.custom-range-primary:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-range.custom-range-primary:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-range.custom-range-primary::-webkit-slider-thumb { + background-color: #007bff; +} + +.custom-range.custom-range-primary::-webkit-slider-thumb:active { + background-color: #b3d7ff; +} + +.custom-range.custom-range-primary::-moz-range-thumb { + background-color: #007bff; +} + +.custom-range.custom-range-primary::-moz-range-thumb:active { + background-color: #b3d7ff; +} + +.custom-range.custom-range-primary::-ms-thumb { + background-color: #007bff; +} + +.custom-range.custom-range-primary::-ms-thumb:active { + background-color: #b3d7ff; +} + +.custom-range.custom-range-secondary:focus { + outline: none; +} + +.custom-range.custom-range-secondary:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-range.custom-range-secondary:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-range.custom-range-secondary:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-range.custom-range-secondary::-webkit-slider-thumb { + background-color: #6c757d; +} + +.custom-range.custom-range-secondary::-webkit-slider-thumb:active { + background-color: #caced1; +} + +.custom-range.custom-range-secondary::-moz-range-thumb { + background-color: #6c757d; +} + +.custom-range.custom-range-secondary::-moz-range-thumb:active { + background-color: #caced1; +} + +.custom-range.custom-range-secondary::-ms-thumb { + background-color: #6c757d; +} + +.custom-range.custom-range-secondary::-ms-thumb:active { + background-color: #caced1; +} + +.custom-range.custom-range-success:focus { + outline: none; +} + +.custom-range.custom-range-success:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-range.custom-range-success:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-range.custom-range-success:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-range.custom-range-success::-webkit-slider-thumb { + background-color: #28a745; +} + +.custom-range.custom-range-success::-webkit-slider-thumb:active { + background-color: #9be7ac; +} + +.custom-range.custom-range-success::-moz-range-thumb { + background-color: #28a745; +} + +.custom-range.custom-range-success::-moz-range-thumb:active { + background-color: #9be7ac; +} + +.custom-range.custom-range-success::-ms-thumb { + background-color: #28a745; +} + +.custom-range.custom-range-success::-ms-thumb:active { + background-color: #9be7ac; +} + +.custom-range.custom-range-info:focus { + outline: none; +} + +.custom-range.custom-range-info:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-range.custom-range-info:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-range.custom-range-info:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-range.custom-range-info::-webkit-slider-thumb { + background-color: #17a2b8; +} + +.custom-range.custom-range-info::-webkit-slider-thumb:active { + background-color: #90e4f1; +} + +.custom-range.custom-range-info::-moz-range-thumb { + background-color: #17a2b8; +} + +.custom-range.custom-range-info::-moz-range-thumb:active { + background-color: #90e4f1; +} + +.custom-range.custom-range-info::-ms-thumb { + background-color: #17a2b8; +} + +.custom-range.custom-range-info::-ms-thumb:active { + background-color: #90e4f1; +} + +.custom-range.custom-range-warning:focus { + outline: none; +} + +.custom-range.custom-range-warning:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-range.custom-range-warning:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-range.custom-range-warning:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-range.custom-range-warning::-webkit-slider-thumb { + background-color: #ffc107; +} + +.custom-range.custom-range-warning::-webkit-slider-thumb:active { + background-color: #ffeeba; +} + +.custom-range.custom-range-warning::-moz-range-thumb { + background-color: #ffc107; +} + +.custom-range.custom-range-warning::-moz-range-thumb:active { + background-color: #ffeeba; +} + +.custom-range.custom-range-warning::-ms-thumb { + background-color: #ffc107; +} + +.custom-range.custom-range-warning::-ms-thumb:active { + background-color: #ffeeba; +} + +.custom-range.custom-range-danger:focus { + outline: none; +} + +.custom-range.custom-range-danger:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-range.custom-range-danger:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-range.custom-range-danger:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-range.custom-range-danger::-webkit-slider-thumb { + background-color: #dc3545; +} + +.custom-range.custom-range-danger::-webkit-slider-thumb:active { + background-color: #f6cdd1; +} + +.custom-range.custom-range-danger::-moz-range-thumb { + background-color: #dc3545; +} + +.custom-range.custom-range-danger::-moz-range-thumb:active { + background-color: #f6cdd1; +} + +.custom-range.custom-range-danger::-ms-thumb { + background-color: #dc3545; +} + +.custom-range.custom-range-danger::-ms-thumb:active { + background-color: #f6cdd1; +} + +.custom-range.custom-range-light:focus { + outline: none; +} + +.custom-range.custom-range-light:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); +} + +.custom-range.custom-range-light:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); +} + +.custom-range.custom-range-light:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(248, 249, 250, 0.25); +} + +.custom-range.custom-range-light::-webkit-slider-thumb { + background-color: #f8f9fa; +} + +.custom-range.custom-range-light::-webkit-slider-thumb:active { + background-color: white; +} + +.custom-range.custom-range-light::-moz-range-thumb { + background-color: #f8f9fa; +} + +.custom-range.custom-range-light::-moz-range-thumb:active { + background-color: white; +} + +.custom-range.custom-range-light::-ms-thumb { + background-color: #f8f9fa; +} + +.custom-range.custom-range-light::-ms-thumb:active { + background-color: white; +} + +.custom-range.custom-range-dark:focus { + outline: none; +} + +.custom-range.custom-range-dark:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-range.custom-range-dark:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-range.custom-range-dark:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-range.custom-range-dark::-webkit-slider-thumb { + background-color: #343a40; +} + +.custom-range.custom-range-dark::-webkit-slider-thumb:active { + background-color: #88939e; +} + +.custom-range.custom-range-dark::-moz-range-thumb { + background-color: #343a40; +} + +.custom-range.custom-range-dark::-moz-range-thumb:active { + background-color: #88939e; +} + +.custom-range.custom-range-dark::-ms-thumb { + background-color: #343a40; +} + +.custom-range.custom-range-dark::-ms-thumb:active { + background-color: #88939e; +} + +.custom-range.custom-range-lightblue:focus { + outline: none; +} + +.custom-range.custom-range-lightblue:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); +} + +.custom-range.custom-range-lightblue:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); +} + +.custom-range.custom-range-lightblue:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(60, 141, 188, 0.25); +} + +.custom-range.custom-range-lightblue::-webkit-slider-thumb { + background-color: #3c8dbc; +} + +.custom-range.custom-range-lightblue::-webkit-slider-thumb:active { + background-color: #c0dbeb; +} + +.custom-range.custom-range-lightblue::-moz-range-thumb { + background-color: #3c8dbc; +} + +.custom-range.custom-range-lightblue::-moz-range-thumb:active { + background-color: #c0dbeb; +} + +.custom-range.custom-range-lightblue::-ms-thumb { + background-color: #3c8dbc; +} + +.custom-range.custom-range-lightblue::-ms-thumb:active { + background-color: #c0dbeb; +} + +.custom-range.custom-range-navy:focus { + outline: none; +} + +.custom-range.custom-range-navy:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); +} + +.custom-range.custom-range-navy:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); +} + +.custom-range.custom-range-navy:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 31, 63, 0.25); +} + +.custom-range.custom-range-navy::-webkit-slider-thumb { + background-color: #001f3f; +} + +.custom-range.custom-range-navy::-webkit-slider-thumb:active { + background-color: #0077f2; +} + +.custom-range.custom-range-navy::-moz-range-thumb { + background-color: #001f3f; +} + +.custom-range.custom-range-navy::-moz-range-thumb:active { + background-color: #0077f2; +} + +.custom-range.custom-range-navy::-ms-thumb { + background-color: #001f3f; +} + +.custom-range.custom-range-navy::-ms-thumb:active { + background-color: #0077f2; +} + +.custom-range.custom-range-olive:focus { + outline: none; +} + +.custom-range.custom-range-olive:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); +} + +.custom-range.custom-range-olive:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); +} + +.custom-range.custom-range-olive:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(61, 153, 112, 0.25); +} + +.custom-range.custom-range-olive::-webkit-slider-thumb { + background-color: #3d9970; +} + +.custom-range.custom-range-olive::-webkit-slider-thumb:active { + background-color: #abdec7; +} + +.custom-range.custom-range-olive::-moz-range-thumb { + background-color: #3d9970; +} + +.custom-range.custom-range-olive::-moz-range-thumb:active { + background-color: #abdec7; +} + +.custom-range.custom-range-olive::-ms-thumb { + background-color: #3d9970; +} + +.custom-range.custom-range-olive::-ms-thumb:active { + background-color: #abdec7; +} + +.custom-range.custom-range-lime:focus { + outline: none; +} + +.custom-range.custom-range-lime:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); +} + +.custom-range.custom-range-lime:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); +} + +.custom-range.custom-range-lime:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(1, 255, 112, 0.25); +} + +.custom-range.custom-range-lime::-webkit-slider-thumb { + background-color: #01ff70; +} + +.custom-range.custom-range-lime::-webkit-slider-thumb:active { + background-color: #b4ffd4; +} + +.custom-range.custom-range-lime::-moz-range-thumb { + background-color: #01ff70; +} + +.custom-range.custom-range-lime::-moz-range-thumb:active { + background-color: #b4ffd4; +} + +.custom-range.custom-range-lime::-ms-thumb { + background-color: #01ff70; +} + +.custom-range.custom-range-lime::-ms-thumb:active { + background-color: #b4ffd4; +} + +.custom-range.custom-range-fuchsia:focus { + outline: none; +} + +.custom-range.custom-range-fuchsia:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); +} + +.custom-range.custom-range-fuchsia:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); +} + +.custom-range.custom-range-fuchsia:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(240, 18, 190, 0.25); +} + +.custom-range.custom-range-fuchsia::-webkit-slider-thumb { + background-color: #f012be; +} + +.custom-range.custom-range-fuchsia::-webkit-slider-thumb:active { + background-color: #fbbaec; +} + +.custom-range.custom-range-fuchsia::-moz-range-thumb { + background-color: #f012be; +} + +.custom-range.custom-range-fuchsia::-moz-range-thumb:active { + background-color: #fbbaec; +} + +.custom-range.custom-range-fuchsia::-ms-thumb { + background-color: #f012be; +} + +.custom-range.custom-range-fuchsia::-ms-thumb:active { + background-color: #fbbaec; +} + +.custom-range.custom-range-maroon:focus { + outline: none; +} + +.custom-range.custom-range-maroon:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); +} + +.custom-range.custom-range-maroon:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); +} + +.custom-range.custom-range-maroon:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(216, 27, 96, 0.25); +} + +.custom-range.custom-range-maroon::-webkit-slider-thumb { + background-color: #d81b60; +} + +.custom-range.custom-range-maroon::-webkit-slider-thumb:active { + background-color: #f5b0c9; +} + +.custom-range.custom-range-maroon::-moz-range-thumb { + background-color: #d81b60; +} + +.custom-range.custom-range-maroon::-moz-range-thumb:active { + background-color: #f5b0c9; +} + +.custom-range.custom-range-maroon::-ms-thumb { + background-color: #d81b60; +} + +.custom-range.custom-range-maroon::-ms-thumb:active { + background-color: #f5b0c9; +} + +.custom-range.custom-range-blue:focus { + outline: none; +} + +.custom-range.custom-range-blue:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-range.custom-range-blue:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-range.custom-range-blue:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(0, 123, 255, 0.25); +} + +.custom-range.custom-range-blue::-webkit-slider-thumb { + background-color: #007bff; +} + +.custom-range.custom-range-blue::-webkit-slider-thumb:active { + background-color: #b3d7ff; +} + +.custom-range.custom-range-blue::-moz-range-thumb { + background-color: #007bff; +} + +.custom-range.custom-range-blue::-moz-range-thumb:active { + background-color: #b3d7ff; +} + +.custom-range.custom-range-blue::-ms-thumb { + background-color: #007bff; +} + +.custom-range.custom-range-blue::-ms-thumb:active { + background-color: #b3d7ff; +} + +.custom-range.custom-range-indigo:focus { + outline: none; +} + +.custom-range.custom-range-indigo:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); +} + +.custom-range.custom-range-indigo:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); +} + +.custom-range.custom-range-indigo:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(102, 16, 242, 0.25); +} + +.custom-range.custom-range-indigo::-webkit-slider-thumb { + background-color: #6610f2; +} + +.custom-range.custom-range-indigo::-webkit-slider-thumb:active { + background-color: #d2b9fb; +} + +.custom-range.custom-range-indigo::-moz-range-thumb { + background-color: #6610f2; +} + +.custom-range.custom-range-indigo::-moz-range-thumb:active { + background-color: #d2b9fb; +} + +.custom-range.custom-range-indigo::-ms-thumb { + background-color: #6610f2; +} + +.custom-range.custom-range-indigo::-ms-thumb:active { + background-color: #d2b9fb; +} + +.custom-range.custom-range-purple:focus { + outline: none; +} + +.custom-range.custom-range-purple:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); +} + +.custom-range.custom-range-purple:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); +} + +.custom-range.custom-range-purple:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(111, 66, 193, 0.25); +} + +.custom-range.custom-range-purple::-webkit-slider-thumb { + background-color: #6f42c1; +} + +.custom-range.custom-range-purple::-webkit-slider-thumb:active { + background-color: #d5c8ed; +} + +.custom-range.custom-range-purple::-moz-range-thumb { + background-color: #6f42c1; +} + +.custom-range.custom-range-purple::-moz-range-thumb:active { + background-color: #d5c8ed; +} + +.custom-range.custom-range-purple::-ms-thumb { + background-color: #6f42c1; +} + +.custom-range.custom-range-purple::-ms-thumb:active { + background-color: #d5c8ed; +} + +.custom-range.custom-range-pink:focus { + outline: none; +} + +.custom-range.custom-range-pink:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); +} + +.custom-range.custom-range-pink:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); +} + +.custom-range.custom-range-pink:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(232, 62, 140, 0.25); +} + +.custom-range.custom-range-pink::-webkit-slider-thumb { + background-color: #e83e8c; +} + +.custom-range.custom-range-pink::-webkit-slider-thumb:active { + background-color: #fbddeb; +} + +.custom-range.custom-range-pink::-moz-range-thumb { + background-color: #e83e8c; +} + +.custom-range.custom-range-pink::-moz-range-thumb:active { + background-color: #fbddeb; +} + +.custom-range.custom-range-pink::-ms-thumb { + background-color: #e83e8c; +} + +.custom-range.custom-range-pink::-ms-thumb:active { + background-color: #fbddeb; +} + +.custom-range.custom-range-red:focus { + outline: none; +} + +.custom-range.custom-range-red:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-range.custom-range-red:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-range.custom-range-red:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(220, 53, 69, 0.25); +} + +.custom-range.custom-range-red::-webkit-slider-thumb { + background-color: #dc3545; +} + +.custom-range.custom-range-red::-webkit-slider-thumb:active { + background-color: #f6cdd1; +} + +.custom-range.custom-range-red::-moz-range-thumb { + background-color: #dc3545; +} + +.custom-range.custom-range-red::-moz-range-thumb:active { + background-color: #f6cdd1; +} + +.custom-range.custom-range-red::-ms-thumb { + background-color: #dc3545; +} + +.custom-range.custom-range-red::-ms-thumb:active { + background-color: #f6cdd1; +} + +.custom-range.custom-range-orange:focus { + outline: none; +} + +.custom-range.custom-range-orange:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); +} + +.custom-range.custom-range-orange:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); +} + +.custom-range.custom-range-orange:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(253, 126, 20, 0.25); +} + +.custom-range.custom-range-orange::-webkit-slider-thumb { + background-color: #fd7e14; +} + +.custom-range.custom-range-orange::-webkit-slider-thumb:active { + background-color: #ffdfc5; +} + +.custom-range.custom-range-orange::-moz-range-thumb { + background-color: #fd7e14; +} + +.custom-range.custom-range-orange::-moz-range-thumb:active { + background-color: #ffdfc5; +} + +.custom-range.custom-range-orange::-ms-thumb { + background-color: #fd7e14; +} + +.custom-range.custom-range-orange::-ms-thumb:active { + background-color: #ffdfc5; +} + +.custom-range.custom-range-yellow:focus { + outline: none; +} + +.custom-range.custom-range-yellow:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-range.custom-range-yellow:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-range.custom-range-yellow:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 193, 7, 0.25); +} + +.custom-range.custom-range-yellow::-webkit-slider-thumb { + background-color: #ffc107; +} + +.custom-range.custom-range-yellow::-webkit-slider-thumb:active { + background-color: #ffeeba; +} + +.custom-range.custom-range-yellow::-moz-range-thumb { + background-color: #ffc107; +} + +.custom-range.custom-range-yellow::-moz-range-thumb:active { + background-color: #ffeeba; +} + +.custom-range.custom-range-yellow::-ms-thumb { + background-color: #ffc107; +} + +.custom-range.custom-range-yellow::-ms-thumb:active { + background-color: #ffeeba; +} + +.custom-range.custom-range-green:focus { + outline: none; +} + +.custom-range.custom-range-green:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-range.custom-range-green:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-range.custom-range-green:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(40, 167, 69, 0.25); +} + +.custom-range.custom-range-green::-webkit-slider-thumb { + background-color: #28a745; +} + +.custom-range.custom-range-green::-webkit-slider-thumb:active { + background-color: #9be7ac; +} + +.custom-range.custom-range-green::-moz-range-thumb { + background-color: #28a745; +} + +.custom-range.custom-range-green::-moz-range-thumb:active { + background-color: #9be7ac; +} + +.custom-range.custom-range-green::-ms-thumb { + background-color: #28a745; +} + +.custom-range.custom-range-green::-ms-thumb:active { + background-color: #9be7ac; +} + +.custom-range.custom-range-teal:focus { + outline: none; +} + +.custom-range.custom-range-teal:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); +} + +.custom-range.custom-range-teal:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); +} + +.custom-range.custom-range-teal:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(32, 201, 151, 0.25); +} + +.custom-range.custom-range-teal::-webkit-slider-thumb { + background-color: #20c997; +} + +.custom-range.custom-range-teal::-webkit-slider-thumb:active { + background-color: #aaf1dc; +} + +.custom-range.custom-range-teal::-moz-range-thumb { + background-color: #20c997; +} + +.custom-range.custom-range-teal::-moz-range-thumb:active { + background-color: #aaf1dc; +} + +.custom-range.custom-range-teal::-ms-thumb { + background-color: #20c997; +} + +.custom-range.custom-range-teal::-ms-thumb:active { + background-color: #aaf1dc; +} + +.custom-range.custom-range-cyan:focus { + outline: none; +} + +.custom-range.custom-range-cyan:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-range.custom-range-cyan:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-range.custom-range-cyan:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(23, 162, 184, 0.25); +} + +.custom-range.custom-range-cyan::-webkit-slider-thumb { + background-color: #17a2b8; +} + +.custom-range.custom-range-cyan::-webkit-slider-thumb:active { + background-color: #90e4f1; +} + +.custom-range.custom-range-cyan::-moz-range-thumb { + background-color: #17a2b8; +} + +.custom-range.custom-range-cyan::-moz-range-thumb:active { + background-color: #90e4f1; +} + +.custom-range.custom-range-cyan::-ms-thumb { + background-color: #17a2b8; +} + +.custom-range.custom-range-cyan::-ms-thumb:active { + background-color: #90e4f1; +} + +.custom-range.custom-range-white:focus { + outline: none; +} + +.custom-range.custom-range-white:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); +} + +.custom-range.custom-range-white:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); +} + +.custom-range.custom-range-white:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(255, 255, 255, 0.25); +} + +.custom-range.custom-range-white::-webkit-slider-thumb { + background-color: #ffffff; +} + +.custom-range.custom-range-white::-webkit-slider-thumb:active { + background-color: white; +} + +.custom-range.custom-range-white::-moz-range-thumb { + background-color: #ffffff; +} + +.custom-range.custom-range-white::-moz-range-thumb:active { + background-color: white; +} + +.custom-range.custom-range-white::-ms-thumb { + background-color: #ffffff; +} + +.custom-range.custom-range-white::-ms-thumb:active { + background-color: white; +} + +.custom-range.custom-range-gray:focus { + outline: none; +} + +.custom-range.custom-range-gray:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-range.custom-range-gray:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-range.custom-range-gray:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(108, 117, 125, 0.25); +} + +.custom-range.custom-range-gray::-webkit-slider-thumb { + background-color: #6c757d; +} + +.custom-range.custom-range-gray::-webkit-slider-thumb:active { + background-color: #caced1; +} + +.custom-range.custom-range-gray::-moz-range-thumb { + background-color: #6c757d; +} + +.custom-range.custom-range-gray::-moz-range-thumb:active { + background-color: #caced1; +} + +.custom-range.custom-range-gray::-ms-thumb { + background-color: #6c757d; +} + +.custom-range.custom-range-gray::-ms-thumb:active { + background-color: #caced1; +} + +.custom-range.custom-range-gray-dark:focus { + outline: none; +} + +.custom-range.custom-range-gray-dark:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-range.custom-range-gray-dark:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-range.custom-range-gray-dark:focus::-ms-thumb { + box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(52, 58, 64, 0.25); +} + +.custom-range.custom-range-gray-dark::-webkit-slider-thumb { + background-color: #343a40; +} + +.custom-range.custom-range-gray-dark::-webkit-slider-thumb:active { + background-color: #88939e; +} + +.custom-range.custom-range-gray-dark::-moz-range-thumb { + background-color: #343a40; +} + +.custom-range.custom-range-gray-dark::-moz-range-thumb:active { + background-color: #88939e; +} + +.custom-range.custom-range-gray-dark::-ms-thumb { + background-color: #343a40; +} + +.custom-range.custom-range-gray-dark::-ms-thumb:active { + background-color: #88939e; +} + +.progress { + box-shadow: none; + border-radius: 1px; +} + +.progress.vertical { + display: inline-block; + height: 200px; + margin-right: 10px; + position: relative; + width: 30px; +} + +.progress.vertical > .progress-bar { + bottom: 0; + position: absolute; + width: 100%; +} + +.progress.vertical.sm, .progress.vertical.progress-sm { + width: 20px; +} + +.progress.vertical.xs, .progress.vertical.progress-xs { + width: 10px; +} + +.progress.vertical.xxs, .progress.vertical.progress-xxs { + width: 3px; +} + +.progress-group { + margin-bottom: 0.5rem; +} + +.progress-sm { + height: 10px; +} + +.progress-xs { + height: 7px; +} + +.progress-xxs { + height: 3px; +} + +.table tr > td .progress { + margin: 0; +} + +.card { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + margin-bottom: 1rem; +} + +.card.bg-dark .card-header { + border-color: #383f45; +} + +.card.bg-dark, +.card.bg-dark .card-body { + color: #ffffff; +} + +.card.maximized-card { + height: 100% !important; + left: 0; + max-height: 100% !important; + max-width: 100% !important; + position: fixed; + top: 0; + width: 100% !important; + z-index: 9999; +} + +.card.maximized-card.was-collapsed .card-body { + display: block !important; +} + +.card.maximized-card [data-widget='collapse'] { + display: none; +} + +.card.maximized-card .card-header, +.card.maximized-card .card-footer { + border-radius: 0 !important; +} + +.card.collapsed-card .card-body, +.card.collapsed-card .card-footer { + display: none; +} + +.card .nav.flex-column > li { + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + margin: 0; +} + +.card .nav.flex-column > li:last-of-type { + border-bottom: 0; +} + +.card.height-control .card-body { + max-height: 300px; + overflow: auto; +} + +.card .border-right { + border-right: 1px solid rgba(0, 0, 0, 0.125); +} + +.card .border-left { + border-left: 1px solid rgba(0, 0, 0, 0.125); +} + +.card.card-tabs:not(.card-outline) .card-header { + border-bottom: 0; +} + +.card.card-tabs:not(.card-outline) .card-header .nav-item:first-child .nav-link { + margin-left: -1px; +} + +.card.card-tabs.card-outline .nav-item { + border-bottom: 0; +} + +.card.card-tabs.card-outline .nav-item:first-child .nav-link { + border-left: 0; + margin-left: 0; +} + +.card.card-outline-tabs { + border-top: 0; +} + +.card.card-outline-tabs .card-header .nav-item:first-child .nav-link { + border-left: 0; + margin-left: 0; +} + +.card.card-outline-tabs .card-header a { + border-top: 3px solid transparent; +} + +.card.card-outline-tabs .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card.card-outline-tabs .card-header a.active:hover { + margin-top: 0; +} + +html.maximized-card { + overflow: hidden; +} + +.card-header::after, +.card-body::after, +.card-footer::after { + display: block; + clear: both; + content: ""; +} + +.card-header { + background-color: transparent; + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + padding: 0.75rem 1.25rem; + position: relative; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.collapsed-card .card-header { + border-bottom: 0; +} + +.card-header > .card-tools { + float: left; + margin-right: -0.625rem; +} + +.card-header > .card-tools .input-group, +.card-header > .card-tools .nav, +.card-header > .card-tools .pagination { + margin-bottom: -0.3rem; + margin-top: -0.3rem; +} + +.card-header > .card-tools [data-toggle='tooltip'] { + position: relative; +} + +.card-title { + float: right; + font-size: 1.1rem; + font-weight: 400; +} + +.card-text { + clear: both; +} + +.btn-tool { + background: transparent; + color: #adb5bd; + font-size: 0.875rem; + margin: -0.75rem 0; + padding: .25rem .5rem; +} + +.btn-group.show .btn-tool, .btn-tool:hover { + color: #495057; +} + +.show .btn-tool, .btn-tool:focus { + box-shadow: none !important; +} + +.text-sm .card-title { + font-size: 1rem; +} + +.text-sm .nav-link { + padding: 0.4rem 0.8rem; +} + +.card-body > .table { + margin-bottom: 0; +} + +.card-body > .table > thead > tr > th, +.card-body > .table > thead > tr > td { + border-top-width: 0; +} + +.card-body .fc { + margin-top: 5px; +} + +.card-body .full-width-chart { + margin: -19px; +} + +.card-body.p-0 .full-width-chart { + margin: -9px; +} + +.chart-legend { + padding-left: 0; + list-style: none; + margin: 10px 0; +} + +@media (max-width: 576px) { + .chart-legend > li { + float: left; + margin-right: 10px; + } +} + +.card-comments { + background: #f8f9fa; +} + +.card-comments .card-comment { + border-bottom: 1px solid #e9ecef; + padding: 8px 0; +} + +.card-comments .card-comment::after { + display: block; + clear: both; + content: ""; +} + +.card-comments .card-comment:last-of-type { + border-bottom: 0; +} + +.card-comments .card-comment:first-of-type { + padding-top: 0; +} + +.card-comments .card-comment img { + height: 1.875rem; + width: 1.875rem; + float: left; +} + +.card-comments .comment-text { + color: #78838e; + margin-left: 40px; +} + +.card-comments .username { + color: #495057; + display: block; + font-weight: 600; +} + +.card-comments .text-muted { + font-size: 12px; + font-weight: 400; +} + +.todo-list { + list-style: none; + margin: 0; + overflow: auto; + padding: 0; +} + +.todo-list > li { + border-radius: 2px; + background: #f8f9fa; + border-left: 2px solid #e9ecef; + color: #495057; + margin-bottom: 2px; + padding: 10px; +} + +.todo-list > li:last-of-type { + margin-bottom: 0; +} + +.todo-list > li > input[type='checkbox'] { + margin: 0 10px 0 5px; +} + +.todo-list > li .text { + display: inline-block; + font-weight: 600; + margin-left: 5px; +} + +.todo-list > li .badge { + font-size: .7rem; + margin-left: 10px; +} + +.todo-list > li .tools { + color: #dc3545; + display: none; + float: right; +} + +.todo-list > li .tools > .fa, +.todo-list > li .tools > .fas, +.todo-list > li .tools > .far, +.todo-list > li .tools > .fab, +.todo-list > li .tools > .glyphicon, +.todo-list > li .tools > .ion { + cursor: pointer; + margin-right: 5px; +} + +.todo-list > li:hover .tools { + display: inline-block; +} + +.todo-list > li.done { + color: #697582; +} + +.todo-list > li.done .text { + font-weight: 500; + text-decoration: line-through; +} + +.todo-list > li.done .badge { + background: #adb5bd !important; +} + +.todo-list .primary { + border-left-color: #007bff; +} + +.todo-list .secondary { + border-left-color: #6c757d; +} + +.todo-list .success { + border-left-color: #28a745; +} + +.todo-list .info { + border-left-color: #17a2b8; +} + +.todo-list .warning { + border-left-color: #ffc107; +} + +.todo-list .danger { + border-left-color: #dc3545; +} + +.todo-list .light { + border-left-color: #f8f9fa; +} + +.todo-list .dark { + border-left-color: #343a40; +} + +.todo-list .lightblue { + border-left-color: #3c8dbc; +} + +.todo-list .navy { + border-left-color: #001f3f; +} + +.todo-list .olive { + border-left-color: #3d9970; +} + +.todo-list .lime { + border-left-color: #01ff70; +} + +.todo-list .fuchsia { + border-left-color: #f012be; +} + +.todo-list .maroon { + border-left-color: #d81b60; +} + +.todo-list .blue { + border-left-color: #007bff; +} + +.todo-list .indigo { + border-left-color: #6610f2; +} + +.todo-list .purple { + border-left-color: #6f42c1; +} + +.todo-list .pink { + border-left-color: #e83e8c; +} + +.todo-list .red { + border-left-color: #dc3545; +} + +.todo-list .orange { + border-left-color: #fd7e14; +} + +.todo-list .yellow { + border-left-color: #ffc107; +} + +.todo-list .green { + border-left-color: #28a745; +} + +.todo-list .teal { + border-left-color: #20c997; +} + +.todo-list .cyan { + border-left-color: #17a2b8; +} + +.todo-list .white { + border-left-color: #ffffff; +} + +.todo-list .gray { + border-left-color: #6c757d; +} + +.todo-list .gray-dark { + border-left-color: #343a40; +} + +.todo-list .handle { + cursor: move; + display: inline-block; + margin: 0 5px; +} + +.card-input { + max-width: 200px; +} + +.card-primary:not(.card-outline) > .card-header { + background-color: #007bff; +} + +.card-primary:not(.card-outline) > .card-header, +.card-primary:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-primary:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-primary.card-outline { + border-top: 3px solid #007bff; +} + +.card-primary.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-primary.card-outline-tabs > .card-header a.active { + border-top: 3px solid #007bff; +} + +.bg-primary .btn-tool, +.bg-gradient-primary .btn-tool, +.card-primary:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-primary .btn-tool:hover, +.bg-gradient-primary .btn-tool:hover, +.card-primary:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-primary .bootstrap-datetimepicker-widget .table td, +.card.bg-primary .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover { + background: #0067d6; + color: #ffffff; +} + +.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-primary .bootstrap-datetimepicker-widget table td.active, +.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover { + background: #3395ff; + color: #ffffff; +} + +.card-secondary:not(.card-outline) > .card-header { + background-color: #6c757d; +} + +.card-secondary:not(.card-outline) > .card-header, +.card-secondary:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-secondary:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-secondary.card-outline { + border-top: 3px solid #6c757d; +} + +.card-secondary.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-secondary.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6c757d; +} + +.bg-secondary .btn-tool, +.bg-gradient-secondary .btn-tool, +.card-secondary:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-secondary .btn-tool:hover, +.bg-gradient-secondary .btn-tool:hover, +.card-secondary:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-secondary .bootstrap-datetimepicker-widget .table td, +.card.bg-secondary .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover { + background: #596167; + color: #ffffff; +} + +.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-secondary .bootstrap-datetimepicker-widget table td.active, +.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover { + background: #868e96; + color: #ffffff; +} + +.card-success:not(.card-outline) > .card-header { + background-color: #28a745; +} + +.card-success:not(.card-outline) > .card-header, +.card-success:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-success:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-success.card-outline { + border-top: 3px solid #28a745; +} + +.card-success.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-success.card-outline-tabs > .card-header a.active { + border-top: 3px solid #28a745; +} + +.bg-success .btn-tool, +.bg-gradient-success .btn-tool, +.card-success:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-success .btn-tool:hover, +.bg-gradient-success .btn-tool:hover, +.card-success:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-success .bootstrap-datetimepicker-widget .table td, +.card.bg-success .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover { + background: #208637; + color: #ffffff; +} + +.card.bg-success .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-success .bootstrap-datetimepicker-widget table td.active, +.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover { + background: #34ce57; + color: #ffffff; +} + +.card-info:not(.card-outline) > .card-header { + background-color: #17a2b8; +} + +.card-info:not(.card-outline) > .card-header, +.card-info:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-info:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-info.card-outline { + border-top: 3px solid #17a2b8; +} + +.card-info.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-info.card-outline-tabs > .card-header a.active { + border-top: 3px solid #17a2b8; +} + +.bg-info .btn-tool, +.bg-gradient-info .btn-tool, +.card-info:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-info .btn-tool:hover, +.bg-gradient-info .btn-tool:hover, +.card-info:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-info .bootstrap-datetimepicker-widget .table td, +.card.bg-info .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover { + background: #128294; + color: #ffffff; +} + +.card.bg-info .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-info .bootstrap-datetimepicker-widget table td.active, +.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover { + background: #1fc8e3; + color: #ffffff; +} + +.card-warning:not(.card-outline) > .card-header { + background-color: #ffc107; +} + +.card-warning:not(.card-outline) > .card-header, +.card-warning:not(.card-outline) > .card-header a { + color: #1F2D3D; +} + +.card-warning:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-warning.card-outline { + border-top: 3px solid #ffc107; +} + +.card-warning.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-warning.card-outline-tabs > .card-header a.active { + border-top: 3px solid #ffc107; +} + +.bg-warning .btn-tool, +.bg-gradient-warning .btn-tool, +.card-warning:not(.card-outline) .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.bg-warning .btn-tool:hover, +.bg-gradient-warning .btn-tool:hover, +.card-warning:not(.card-outline) .btn-tool:hover { + color: #1F2D3D; +} + +.card.bg-warning .bootstrap-datetimepicker-widget .table td, +.card.bg-warning .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover { + background: #dda600; + color: #1F2D3D; +} + +.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1F2D3D; +} + +.card.bg-warning .bootstrap-datetimepicker-widget table td.active, +.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover { + background: #ffce3a; + color: #1F2D3D; +} + +.card-danger:not(.card-outline) > .card-header { + background-color: #dc3545; +} + +.card-danger:not(.card-outline) > .card-header, +.card-danger:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-danger:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-danger.card-outline { + border-top: 3px solid #dc3545; +} + +.card-danger.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-danger.card-outline-tabs > .card-header a.active { + border-top: 3px solid #dc3545; +} + +.bg-danger .btn-tool, +.bg-gradient-danger .btn-tool, +.card-danger:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-danger .btn-tool:hover, +.bg-gradient-danger .btn-tool:hover, +.card-danger:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-danger .bootstrap-datetimepicker-widget .table td, +.card.bg-danger .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover { + background: #c62232; + color: #ffffff; +} + +.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-danger .bootstrap-datetimepicker-widget table td.active, +.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover { + background: #e4606d; + color: #ffffff; +} + +.card-light:not(.card-outline) > .card-header { + background-color: #f8f9fa; +} + +.card-light:not(.card-outline) > .card-header, +.card-light:not(.card-outline) > .card-header a { + color: #1F2D3D; +} + +.card-light:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-light.card-outline { + border-top: 3px solid #f8f9fa; +} + +.card-light.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-light.card-outline-tabs > .card-header a.active { + border-top: 3px solid #f8f9fa; +} + +.bg-light .btn-tool, +.bg-gradient-light .btn-tool, +.card-light:not(.card-outline) .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.bg-light .btn-tool:hover, +.bg-gradient-light .btn-tool:hover, +.card-light:not(.card-outline) .btn-tool:hover { + color: #1F2D3D; +} + +.card.bg-light .bootstrap-datetimepicker-widget .table td, +.card.bg-light .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover { + background: #e0e5e9; + color: #1F2D3D; +} + +.card.bg-light .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1F2D3D; +} + +.card.bg-light .bootstrap-datetimepicker-widget table td.active, +.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover { + background: white; + color: #1F2D3D; +} + +.card-dark:not(.card-outline) > .card-header { + background-color: #343a40; +} + +.card-dark:not(.card-outline) > .card-header, +.card-dark:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-dark:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-dark.card-outline { + border-top: 3px solid #343a40; +} + +.card-dark.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-dark.card-outline-tabs > .card-header a.active { + border-top: 3px solid #343a40; +} + +.bg-dark .btn-tool, +.bg-gradient-dark .btn-tool, +.card-dark:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-dark .btn-tool:hover, +.bg-gradient-dark .btn-tool:hover, +.card-dark:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-dark .bootstrap-datetimepicker-widget .table td, +.card.bg-dark .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover { + background: #222629; + color: #ffffff; +} + +.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-dark .bootstrap-datetimepicker-widget table td.active, +.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover { + background: #4b545c; + color: #ffffff; +} + +.card-lightblue:not(.card-outline) > .card-header { + background-color: #3c8dbc; +} + +.card-lightblue:not(.card-outline) > .card-header, +.card-lightblue:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-lightblue:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-lightblue.card-outline { + border-top: 3px solid #3c8dbc; +} + +.card-lightblue.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-lightblue.card-outline-tabs > .card-header a.active { + border-top: 3px solid #3c8dbc; +} + +.bg-lightblue .btn-tool, +.bg-gradient-lightblue .btn-tool, +.card-lightblue:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-lightblue .btn-tool:hover, +.bg-gradient-lightblue .btn-tool:hover, +.card-lightblue:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-lightblue .bootstrap-datetimepicker-widget .table td, +.card.bg-lightblue .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover { + background: #32769d; + color: #ffffff; +} + +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active, +.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover { + background: #5fa4cc; + color: #ffffff; +} + +.card-navy:not(.card-outline) > .card-header { + background-color: #001f3f; +} + +.card-navy:not(.card-outline) > .card-header, +.card-navy:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-navy:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-navy.card-outline { + border-top: 3px solid #001f3f; +} + +.card-navy.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-navy.card-outline-tabs > .card-header a.active { + border-top: 3px solid #001f3f; +} + +.bg-navy .btn-tool, +.bg-gradient-navy .btn-tool, +.card-navy:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-navy .btn-tool:hover, +.bg-gradient-navy .btn-tool:hover, +.card-navy:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-navy .bootstrap-datetimepicker-widget .table td, +.card.bg-navy .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover { + background: #000b16; + color: #ffffff; +} + +.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-navy .bootstrap-datetimepicker-widget table td.active, +.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover { + background: #003872; + color: #ffffff; +} + +.card-olive:not(.card-outline) > .card-header { + background-color: #3d9970; +} + +.card-olive:not(.card-outline) > .card-header, +.card-olive:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-olive:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-olive.card-outline { + border-top: 3px solid #3d9970; +} + +.card-olive.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-olive.card-outline-tabs > .card-header a.active { + border-top: 3px solid #3d9970; +} + +.bg-olive .btn-tool, +.bg-gradient-olive .btn-tool, +.card-olive:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-olive .btn-tool:hover, +.bg-gradient-olive .btn-tool:hover, +.card-olive:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-olive .bootstrap-datetimepicker-widget .table td, +.card.bg-olive .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover { + background: #317c5b; + color: #ffffff; +} + +.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-olive .bootstrap-datetimepicker-widget table td.active, +.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover { + background: #50b98a; + color: #ffffff; +} + +.card-lime:not(.card-outline) > .card-header { + background-color: #01ff70; +} + +.card-lime:not(.card-outline) > .card-header, +.card-lime:not(.card-outline) > .card-header a { + color: #1F2D3D; +} + +.card-lime:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-lime.card-outline { + border-top: 3px solid #01ff70; +} + +.card-lime.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-lime.card-outline-tabs > .card-header a.active { + border-top: 3px solid #01ff70; +} + +.bg-lime .btn-tool, +.bg-gradient-lime .btn-tool, +.card-lime:not(.card-outline) .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.bg-lime .btn-tool:hover, +.bg-gradient-lime .btn-tool:hover, +.card-lime:not(.card-outline) .btn-tool:hover { + color: #1F2D3D; +} + +.card.bg-lime .bootstrap-datetimepicker-widget .table td, +.card.bg-lime .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover { + background: #00d75e; + color: #1F2D3D; +} + +.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1F2D3D; +} + +.card.bg-lime .bootstrap-datetimepicker-widget table td.active, +.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover { + background: #34ff8d; + color: #1F2D3D; +} + +.card-fuchsia:not(.card-outline) > .card-header { + background-color: #f012be; +} + +.card-fuchsia:not(.card-outline) > .card-header, +.card-fuchsia:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-fuchsia:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-fuchsia.card-outline { + border-top: 3px solid #f012be; +} + +.card-fuchsia.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-fuchsia.card-outline-tabs > .card-header a.active { + border-top: 3px solid #f012be; +} + +.bg-fuchsia .btn-tool, +.bg-gradient-fuchsia .btn-tool, +.card-fuchsia:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-fuchsia .btn-tool:hover, +.bg-gradient-fuchsia .btn-tool:hover, +.card-fuchsia:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td, +.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover { + background: #cc0da1; + color: #ffffff; +} + +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active, +.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover { + background: #f342cb; + color: #ffffff; +} + +.card-maroon:not(.card-outline) > .card-header { + background-color: #d81b60; +} + +.card-maroon:not(.card-outline) > .card-header, +.card-maroon:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-maroon:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-maroon.card-outline { + border-top: 3px solid #d81b60; +} + +.card-maroon.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-maroon.card-outline-tabs > .card-header a.active { + border-top: 3px solid #d81b60; +} + +.bg-maroon .btn-tool, +.bg-gradient-maroon .btn-tool, +.card-maroon:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-maroon .btn-tool:hover, +.bg-gradient-maroon .btn-tool:hover, +.card-maroon:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-maroon .bootstrap-datetimepicker-widget .table td, +.card.bg-maroon .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover { + background: #b41650; + color: #ffffff; +} + +.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-maroon .bootstrap-datetimepicker-widget table td.active, +.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover { + background: #e73f7c; + color: #ffffff; +} + +.card-blue:not(.card-outline) > .card-header { + background-color: #007bff; +} + +.card-blue:not(.card-outline) > .card-header, +.card-blue:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-blue:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-blue.card-outline { + border-top: 3px solid #007bff; +} + +.card-blue.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-blue.card-outline-tabs > .card-header a.active { + border-top: 3px solid #007bff; +} + +.bg-blue .btn-tool, +.bg-gradient-blue .btn-tool, +.card-blue:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-blue .btn-tool:hover, +.bg-gradient-blue .btn-tool:hover, +.card-blue:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-blue .bootstrap-datetimepicker-widget .table td, +.card.bg-blue .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover { + background: #0067d6; + color: #ffffff; +} + +.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-blue .bootstrap-datetimepicker-widget table td.active, +.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover { + background: #3395ff; + color: #ffffff; +} + +.card-indigo:not(.card-outline) > .card-header { + background-color: #6610f2; +} + +.card-indigo:not(.card-outline) > .card-header, +.card-indigo:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-indigo:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-indigo.card-outline { + border-top: 3px solid #6610f2; +} + +.card-indigo.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-indigo.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6610f2; +} + +.bg-indigo .btn-tool, +.bg-gradient-indigo .btn-tool, +.card-indigo:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-indigo .btn-tool:hover, +.bg-gradient-indigo .btn-tool:hover, +.card-indigo:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-indigo .bootstrap-datetimepicker-widget .table td, +.card.bg-indigo .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover { + background: #550bce; + color: #ffffff; +} + +.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-indigo .bootstrap-datetimepicker-widget table td.active, +.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover { + background: #8540f5; + color: #ffffff; +} + +.card-purple:not(.card-outline) > .card-header { + background-color: #6f42c1; +} + +.card-purple:not(.card-outline) > .card-header, +.card-purple:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-purple:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-purple.card-outline { + border-top: 3px solid #6f42c1; +} + +.card-purple.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-purple.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6f42c1; +} + +.bg-purple .btn-tool, +.bg-gradient-purple .btn-tool, +.card-purple:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-purple .btn-tool:hover, +.bg-gradient-purple .btn-tool:hover, +.card-purple:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-purple .bootstrap-datetimepicker-widget .table td, +.card.bg-purple .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover { + background: #5d36a4; + color: #ffffff; +} + +.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-purple .bootstrap-datetimepicker-widget table td.active, +.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover { + background: #8c68ce; + color: #ffffff; +} + +.card-pink:not(.card-outline) > .card-header { + background-color: #e83e8c; +} + +.card-pink:not(.card-outline) > .card-header, +.card-pink:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-pink:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-pink.card-outline { + border-top: 3px solid #e83e8c; +} + +.card-pink.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-pink.card-outline-tabs > .card-header a.active { + border-top: 3px solid #e83e8c; +} + +.bg-pink .btn-tool, +.bg-gradient-pink .btn-tool, +.card-pink:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-pink .btn-tool:hover, +.bg-gradient-pink .btn-tool:hover, +.card-pink:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-pink .bootstrap-datetimepicker-widget .table td, +.card.bg-pink .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover { + background: #e21b76; + color: #ffffff; +} + +.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-pink .bootstrap-datetimepicker-widget table td.active, +.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover { + background: #ed6ca7; + color: #ffffff; +} + +.card-red:not(.card-outline) > .card-header { + background-color: #dc3545; +} + +.card-red:not(.card-outline) > .card-header, +.card-red:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-red:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-red.card-outline { + border-top: 3px solid #dc3545; +} + +.card-red.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-red.card-outline-tabs > .card-header a.active { + border-top: 3px solid #dc3545; +} + +.bg-red .btn-tool, +.bg-gradient-red .btn-tool, +.card-red:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-red .btn-tool:hover, +.bg-gradient-red .btn-tool:hover, +.card-red:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-red .bootstrap-datetimepicker-widget .table td, +.card.bg-red .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover { + background: #c62232; + color: #ffffff; +} + +.card.bg-red .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-red .bootstrap-datetimepicker-widget table td.active, +.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover { + background: #e4606d; + color: #ffffff; +} + +.card-orange:not(.card-outline) > .card-header { + background-color: #fd7e14; +} + +.card-orange:not(.card-outline) > .card-header, +.card-orange:not(.card-outline) > .card-header a { + color: #1F2D3D; +} + +.card-orange:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-orange.card-outline { + border-top: 3px solid #fd7e14; +} + +.card-orange.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-orange.card-outline-tabs > .card-header a.active { + border-top: 3px solid #fd7e14; +} + +.bg-orange .btn-tool, +.bg-gradient-orange .btn-tool, +.card-orange:not(.card-outline) .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.bg-orange .btn-tool:hover, +.bg-gradient-orange .btn-tool:hover, +.card-orange:not(.card-outline) .btn-tool:hover { + color: #1F2D3D; +} + +.card.bg-orange .bootstrap-datetimepicker-widget .table td, +.card.bg-orange .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover { + background: #e66a02; + color: #1F2D3D; +} + +.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1F2D3D; +} + +.card.bg-orange .bootstrap-datetimepicker-widget table td.active, +.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover { + background: #fd9a47; + color: #1F2D3D; +} + +.card-yellow:not(.card-outline) > .card-header { + background-color: #ffc107; +} + +.card-yellow:not(.card-outline) > .card-header, +.card-yellow:not(.card-outline) > .card-header a { + color: #1F2D3D; +} + +.card-yellow:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-yellow.card-outline { + border-top: 3px solid #ffc107; +} + +.card-yellow.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-yellow.card-outline-tabs > .card-header a.active { + border-top: 3px solid #ffc107; +} + +.bg-yellow .btn-tool, +.bg-gradient-yellow .btn-tool, +.card-yellow:not(.card-outline) .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.bg-yellow .btn-tool:hover, +.bg-gradient-yellow .btn-tool:hover, +.card-yellow:not(.card-outline) .btn-tool:hover { + color: #1F2D3D; +} + +.card.bg-yellow .bootstrap-datetimepicker-widget .table td, +.card.bg-yellow .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover { + background: #dda600; + color: #1F2D3D; +} + +.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1F2D3D; +} + +.card.bg-yellow .bootstrap-datetimepicker-widget table td.active, +.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover { + background: #ffce3a; + color: #1F2D3D; +} + +.card-green:not(.card-outline) > .card-header { + background-color: #28a745; +} + +.card-green:not(.card-outline) > .card-header, +.card-green:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-green:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-green.card-outline { + border-top: 3px solid #28a745; +} + +.card-green.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-green.card-outline-tabs > .card-header a.active { + border-top: 3px solid #28a745; +} + +.bg-green .btn-tool, +.bg-gradient-green .btn-tool, +.card-green:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-green .btn-tool:hover, +.bg-gradient-green .btn-tool:hover, +.card-green:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-green .bootstrap-datetimepicker-widget .table td, +.card.bg-green .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover { + background: #208637; + color: #ffffff; +} + +.card.bg-green .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-green .bootstrap-datetimepicker-widget table td.active, +.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover { + background: #34ce57; + color: #ffffff; +} + +.card-teal:not(.card-outline) > .card-header { + background-color: #20c997; +} + +.card-teal:not(.card-outline) > .card-header, +.card-teal:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-teal:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-teal.card-outline { + border-top: 3px solid #20c997; +} + +.card-teal.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-teal.card-outline-tabs > .card-header a.active { + border-top: 3px solid #20c997; +} + +.bg-teal .btn-tool, +.bg-gradient-teal .btn-tool, +.card-teal:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-teal .btn-tool:hover, +.bg-gradient-teal .btn-tool:hover, +.card-teal:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-teal .bootstrap-datetimepicker-widget .table td, +.card.bg-teal .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover { + background: #1aa67d; + color: #ffffff; +} + +.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-teal .bootstrap-datetimepicker-widget table td.active, +.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover { + background: #3ce0af; + color: #ffffff; +} + +.card-cyan:not(.card-outline) > .card-header { + background-color: #17a2b8; +} + +.card-cyan:not(.card-outline) > .card-header, +.card-cyan:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-cyan:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-cyan.card-outline { + border-top: 3px solid #17a2b8; +} + +.card-cyan.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-cyan.card-outline-tabs > .card-header a.active { + border-top: 3px solid #17a2b8; +} + +.bg-cyan .btn-tool, +.bg-gradient-cyan .btn-tool, +.card-cyan:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-cyan .btn-tool:hover, +.bg-gradient-cyan .btn-tool:hover, +.card-cyan:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-cyan .bootstrap-datetimepicker-widget .table td, +.card.bg-cyan .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover { + background: #128294; + color: #ffffff; +} + +.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-cyan .bootstrap-datetimepicker-widget table td.active, +.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover { + background: #1fc8e3; + color: #ffffff; +} + +.card-white:not(.card-outline) > .card-header { + background-color: #ffffff; +} + +.card-white:not(.card-outline) > .card-header, +.card-white:not(.card-outline) > .card-header a { + color: #1F2D3D; +} + +.card-white:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-white.card-outline { + border-top: 3px solid #ffffff; +} + +.card-white.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-white.card-outline-tabs > .card-header a.active { + border-top: 3px solid #ffffff; +} + +.bg-white .btn-tool, +.bg-gradient-white .btn-tool, +.card-white:not(.card-outline) .btn-tool { + color: rgba(31, 45, 61, 0.8); +} + +.bg-white .btn-tool:hover, +.bg-gradient-white .btn-tool:hover, +.card-white:not(.card-outline) .btn-tool:hover { + color: #1F2D3D; +} + +.card.bg-white .bootstrap-datetimepicker-widget .table td, +.card.bg-white .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover { + background: #ebebeb; + color: #1F2D3D; +} + +.card.bg-white .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #1F2D3D; +} + +.card.bg-white .bootstrap-datetimepicker-widget table td.active, +.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover { + background: white; + color: #1F2D3D; +} + +.card-gray:not(.card-outline) > .card-header { + background-color: #6c757d; +} + +.card-gray:not(.card-outline) > .card-header, +.card-gray:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-gray:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-gray.card-outline { + border-top: 3px solid #6c757d; +} + +.card-gray.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-gray.card-outline-tabs > .card-header a.active { + border-top: 3px solid #6c757d; +} + +.bg-gray .btn-tool, +.bg-gradient-gray .btn-tool, +.card-gray:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-gray .btn-tool:hover, +.bg-gradient-gray .btn-tool:hover, +.card-gray:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-gray .bootstrap-datetimepicker-widget .table td, +.card.bg-gray .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover { + background: #596167; + color: #ffffff; +} + +.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-gray .bootstrap-datetimepicker-widget table td.active, +.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover { + background: #868e96; + color: #ffffff; +} + +.card-gray-dark:not(.card-outline) > .card-header { + background-color: #343a40; +} + +.card-gray-dark:not(.card-outline) > .card-header, +.card-gray-dark:not(.card-outline) > .card-header a { + color: #ffffff; +} + +.card-gray-dark:not(.card-outline) > .card-header a.active { + color: #1F2D3D; +} + +.card-gray-dark.card-outline { + border-top: 3px solid #343a40; +} + +.card-gray-dark.card-outline-tabs > .card-header a:hover { + border-top: 3px solid #dee2e6; +} + +.card-gray-dark.card-outline-tabs > .card-header a.active { + border-top: 3px solid #343a40; +} + +.bg-gray-dark .btn-tool, +.bg-gradient-gray-dark .btn-tool, +.card-gray-dark:not(.card-outline) .btn-tool { + color: rgba(255, 255, 255, 0.8); +} + +.bg-gray-dark .btn-tool:hover, +.bg-gradient-gray-dark .btn-tool:hover, +.card-gray-dark:not(.card-outline) .btn-tool:hover { + color: #ffffff; +} + +.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td, +.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th { + border: none; +} + +.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover { + background: #222629; + color: #ffffff; +} + +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before { + border-bottom-color: #ffffff; +} + +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active, +.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active, +.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover { + background: #4b545c; + color: #ffffff; +} + +.card-default .nav-item:first-child .nav-link { + border-left: 0; +} + +.modal-dialog .overlay { + background-color: #000; + display: block; + height: 100%; + left: 0; + opacity: .7; + position: absolute; + top: 0; + width: 100%; + z-index: 1052; +} + +.modal-content.bg-warning .modal-header, +.modal-content.bg-warning .modal-footer { + border-color: #343a40; +} + +.modal-content.bg-primary .close, .modal-content.bg-primary .mailbox-attachment-close, .modal-content.bg-secondary .close, .modal-content.bg-secondary .mailbox-attachment-close, .modal-content.bg-info .close, .modal-content.bg-info .mailbox-attachment-close, .modal-content.bg-danger .close, .modal-content.bg-danger .mailbox-attachment-close, .modal-content.bg-success .close, .modal-content.bg-success .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toasts-top-right { + position: absolute; + right: 0; + top: 0; + z-index: 1040; +} + +.toasts-top-right.fixed { + position: fixed; +} + +.toasts-top-left { + left: 0; + position: absolute; + top: 0; + z-index: 1040; +} + +.toasts-top-left.fixed { + position: fixed; +} + +.toasts-bottom-right { + bottom: 0; + position: absolute; + right: 0; + z-index: 1040; +} + +.toasts-bottom-right.fixed { + position: fixed; +} + +.toasts-bottom-left { + bottom: 0; + left: 0; + position: absolute; + z-index: 1040; +} + +.toasts-bottom-left.fixed { + position: fixed; +} + +.toast.bg-primary { + background: rgba(0, 123, 255, 0.9) !important; +} + +.toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-primary .toast-header { + background: rgba(0, 123, 255, 0.85); + color: #ffffff; +} + +.toast.bg-secondary { + background: rgba(108, 117, 125, 0.9) !important; +} + +.toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-secondary .toast-header { + background: rgba(108, 117, 125, 0.85); + color: #ffffff; +} + +.toast.bg-success { + background: rgba(40, 167, 69, 0.9) !important; +} + +.toast.bg-success .close, .toast.bg-success .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-success .toast-header { + background: rgba(40, 167, 69, 0.85); + color: #ffffff; +} + +.toast.bg-info { + background: rgba(23, 162, 184, 0.9) !important; +} + +.toast.bg-info .close, .toast.bg-info .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-info .toast-header { + background: rgba(23, 162, 184, 0.85); + color: #ffffff; +} + +.toast.bg-warning { + background: rgba(255, 193, 7, 0.9) !important; +} + +.toast.bg-warning .toast-header { + background: rgba(255, 193, 7, 0.85); + color: #1F2D3D; +} + +.toast.bg-danger { + background: rgba(220, 53, 69, 0.9) !important; +} + +.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-danger .toast-header { + background: rgba(220, 53, 69, 0.85); + color: #ffffff; +} + +.toast.bg-light { + background: rgba(248, 249, 250, 0.9) !important; +} + +.toast.bg-light .toast-header { + background: rgba(248, 249, 250, 0.85); + color: #1F2D3D; +} + +.toast.bg-dark { + background: rgba(52, 58, 64, 0.9) !important; +} + +.toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-dark .toast-header { + background: rgba(52, 58, 64, 0.85); + color: #ffffff; +} + +.toast.bg-lightblue { + background: rgba(60, 141, 188, 0.9) !important; +} + +.toast.bg-lightblue .close, .toast.bg-lightblue .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-lightblue .toast-header { + background: rgba(60, 141, 188, 0.85); + color: #ffffff; +} + +.toast.bg-navy { + background: rgba(0, 31, 63, 0.9) !important; +} + +.toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-navy .toast-header { + background: rgba(0, 31, 63, 0.85); + color: #ffffff; +} + +.toast.bg-olive { + background: rgba(61, 153, 112, 0.9) !important; +} + +.toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-olive .toast-header { + background: rgba(61, 153, 112, 0.85); + color: #ffffff; +} + +.toast.bg-lime { + background: rgba(1, 255, 112, 0.9) !important; +} + +.toast.bg-lime .toast-header { + background: rgba(1, 255, 112, 0.85); + color: #1F2D3D; +} + +.toast.bg-fuchsia { + background: rgba(240, 18, 190, 0.9) !important; +} + +.toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-fuchsia .toast-header { + background: rgba(240, 18, 190, 0.85); + color: #ffffff; +} + +.toast.bg-maroon { + background: rgba(216, 27, 96, 0.9) !important; +} + +.toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-maroon .toast-header { + background: rgba(216, 27, 96, 0.85); + color: #ffffff; +} + +.toast.bg-blue { + background: rgba(0, 123, 255, 0.9) !important; +} + +.toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-blue .toast-header { + background: rgba(0, 123, 255, 0.85); + color: #ffffff; +} + +.toast.bg-indigo { + background: rgba(102, 16, 242, 0.9) !important; +} + +.toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-indigo .toast-header { + background: rgba(102, 16, 242, 0.85); + color: #ffffff; +} + +.toast.bg-purple { + background: rgba(111, 66, 193, 0.9) !important; +} + +.toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-purple .toast-header { + background: rgba(111, 66, 193, 0.85); + color: #ffffff; +} + +.toast.bg-pink { + background: rgba(232, 62, 140, 0.9) !important; +} + +.toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-pink .toast-header { + background: rgba(232, 62, 140, 0.85); + color: #ffffff; +} + +.toast.bg-red { + background: rgba(220, 53, 69, 0.9) !important; +} + +.toast.bg-red .close, .toast.bg-red .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-red .toast-header { + background: rgba(220, 53, 69, 0.85); + color: #ffffff; +} + +.toast.bg-orange { + background: rgba(253, 126, 20, 0.9) !important; +} + +.toast.bg-orange .toast-header { + background: rgba(253, 126, 20, 0.85); + color: #1F2D3D; +} + +.toast.bg-yellow { + background: rgba(255, 193, 7, 0.9) !important; +} + +.toast.bg-yellow .toast-header { + background: rgba(255, 193, 7, 0.85); + color: #1F2D3D; +} + +.toast.bg-green { + background: rgba(40, 167, 69, 0.9) !important; +} + +.toast.bg-green .close, .toast.bg-green .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-green .toast-header { + background: rgba(40, 167, 69, 0.85); + color: #ffffff; +} + +.toast.bg-teal { + background: rgba(32, 201, 151, 0.9) !important; +} + +.toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-teal .toast-header { + background: rgba(32, 201, 151, 0.85); + color: #ffffff; +} + +.toast.bg-cyan { + background: rgba(23, 162, 184, 0.9) !important; +} + +.toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-cyan .toast-header { + background: rgba(23, 162, 184, 0.85); + color: #ffffff; +} + +.toast.bg-white { + background: rgba(255, 255, 255, 0.9) !important; +} + +.toast.bg-white .toast-header { + background: rgba(255, 255, 255, 0.85); + color: #1F2D3D; +} + +.toast.bg-gray { + background: rgba(108, 117, 125, 0.9) !important; +} + +.toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-gray .toast-header { + background: rgba(108, 117, 125, 0.85); + color: #ffffff; +} + +.toast.bg-gray-dark { + background: rgba(52, 58, 64, 0.9) !important; +} + +.toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close { + color: #ffffff; + text-shadow: 0 1px 0 #000; +} + +.toast.bg-gray-dark .toast-header { + background: rgba(52, 58, 64, 0.85); + color: #ffffff; +} + +.btn.disabled, .btn:disabled { + cursor: not-allowed; +} + +.btn.btn-flat { + border-radius: 0; + border-width: 1px; + box-shadow: none; +} + +.btn.btn-file { + overflow: hidden; + position: relative; +} + +.btn.btn-file > input[type='file'] { + background: #ffffff; + cursor: inherit; + display: block; + font-size: 100px; + min-height: 100%; + min-width: 100%; + opacity: 0; + outline: none; + position: absolute; + right: 0; + text-align: right; + top: 0; +} + +.text-sm .btn { + font-size: 0.875rem !important; +} + +.btn-default { + background-color: #f8f9fa; + border-color: #ddd; + color: #444; +} + +.btn-default:hover, .btn-default:active, .btn-default.hover { + background-color: #e9ecef; + color: #2b2b2b; +} + +.btn-app { + border-radius: 3px; + background-color: #f8f9fa; + border: 1px solid #ddd; + color: #6c757d; + font-size: 12px; + height: 60px; + margin: 0 0 10px 10px; + min-width: 80px; + padding: 15px 5px; + position: relative; + text-align: center; +} + +.btn-app > .fa, +.btn-app > .fas, +.btn-app > .far, +.btn-app > .fab, +.btn-app > .glyphicon, +.btn-app > .ion { + display: block; + font-size: 20px; +} + +.btn-app:hover { + background: #f8f9fa; + border-color: #aaaaaa; + color: #444; +} + +.btn-app:active, .btn-app:focus { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn-app > .badge { + font-size: 10px; + font-weight: 400; + position: absolute; + right: -10px; + top: -3px; +} + +.btn-xs { + padding: 0.125rem 0.25rem; + font-size: 0.75rem; + line-height: 1.5; + border-radius: 0.15rem; +} + +.callout { + border-radius: 0.25rem; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + background-color: #ffffff; + border-left: 5px solid #e9ecef; + margin-bottom: 1rem; + padding: 1rem; +} + +.callout a { + color: #495057; + text-decoration: underline; +} + +.callout a:hover { + color: #e9ecef; +} + +.callout p:last-child { + margin-bottom: 0; +} + +.callout.callout-danger { + border-left-color: #bd2130; +} + +.callout.callout-warning { + border-left-color: #d39e00; +} + +.callout.callout-info { + border-left-color: #117a8b; +} + +.callout.callout-success { + border-left-color: #1e7e34; +} + +.alert .icon { + margin-right: 10px; +} + +.alert .close, .alert .mailbox-attachment-close { + color: #000; + opacity: .2; +} + +.alert .close:hover, .alert .mailbox-attachment-close:hover { + opacity: .5; +} + +.alert a { + color: #ffffff; + text-decoration: underline; +} + +.alert-primary { + color: #ffffff; + background: #007bff; + border-color: #006fe6; +} + +.alert-default-primary { + color: #004085; + background-color: #cce5ff; + border-color: #b8daff; +} + +.alert-default-primary hr { + border-top-color: #9fcdff; +} + +.alert-default-primary .alert-link { + color: #002752; +} + +.alert-secondary { + color: #ffffff; + background: #6c757d; + border-color: #60686f; +} + +.alert-default-secondary { + color: #383d41; + background-color: #e2e3e5; + border-color: #d6d8db; +} + +.alert-default-secondary hr { + border-top-color: #c8cbcf; +} + +.alert-default-secondary .alert-link { + color: #202326; +} + +.alert-success { + color: #ffffff; + background: #28a745; + border-color: #23923d; +} + +.alert-default-success { + color: #155724; + background-color: #d4edda; + border-color: #c3e6cb; +} + +.alert-default-success hr { + border-top-color: #b1dfbb; +} + +.alert-default-success .alert-link { + color: #0b2e13; +} + +.alert-info { + color: #ffffff; + background: #17a2b8; + border-color: #148ea1; +} + +.alert-default-info { + color: #0c5460; + background-color: #d1ecf1; + border-color: #bee5eb; +} + +.alert-default-info hr { + border-top-color: #abdde5; +} + +.alert-default-info .alert-link { + color: #062c33; +} + +.alert-warning { + color: #1F2D3D; + background: #ffc107; + border-color: #edb100; +} + +.alert-default-warning { + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba; +} + +.alert-default-warning hr { + border-top-color: #ffe8a1; +} + +.alert-default-warning .alert-link { + color: #533f03; +} + +.alert-danger { + color: #ffffff; + background: #dc3545; + border-color: #d32535; +} + +.alert-default-danger { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; +} + +.alert-default-danger hr { + border-top-color: #f1b0b7; +} + +.alert-default-danger .alert-link { + color: #491217; +} + +.alert-light { + color: #1F2D3D; + background: #f8f9fa; + border-color: #e9ecef; +} + +.alert-default-light { + color: #818182; + background-color: #fefefe; + border-color: #fdfdfe; +} + +.alert-default-light hr { + border-top-color: #ececf6; +} + +.alert-default-light .alert-link { + color: #686868; +} + +.alert-dark { + color: #ffffff; + background: #343a40; + border-color: #292d32; +} + +.alert-default-dark { + color: #1b1e21; + background-color: #d6d8d9; + border-color: #c6c8ca; +} + +.alert-default-dark hr { + border-top-color: #b9bbbe; +} + +.alert-default-dark .alert-link { + color: #040505; +} + +.table:not(.table-dark) { + color: inherit; +} + +.table.table-head-fixed thead tr:nth-child(1) th { + background-color: #ffffff; + border-bottom: 0; + box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6; + position: sticky; + top: 0; + z-index: 10; +} + +.table.table-head-fixed.table-dark thead tr:nth-child(1) th { + background-color: #212529; + box-shadow: inset 0 1px 0 #383f45, inset 0 -1px 0 #383f45; +} + +.table.no-border, +.table.no-border td, +.table.no-border th { + border: 0; +} + +.table.text-center, +.table.text-center td, +.table.text-center th { + text-align: center; +} + +.table.table-valign-middle thead > tr > th, +.table.table-valign-middle thead > tr > td, +.table.table-valign-middle tbody > tr > th, +.table.table-valign-middle tbody > tr > td { + vertical-align: middle; +} + +.card-body.p-0 .table thead > tr > th:first-of-type, +.card-body.p-0 .table thead > tr > td:first-of-type, +.card-body.p-0 .table tbody > tr > th:first-of-type, +.card-body.p-0 .table tbody > tr > td:first-of-type { + padding-right: 1.5rem; +} + +.card-body.p-0 .table thead > tr > th:last-of-type, +.card-body.p-0 .table thead > tr > td:last-of-type, +.card-body.p-0 .table tbody > tr > th:last-of-type, +.card-body.p-0 .table tbody > tr > td:last-of-type { + padding-left: 1.5rem; +} + +.carousel-control.left, .carousel-control.right { + background-image: none; +} + +.carousel-control > .fa, +.carousel-control > .fas, +.carousel-control > .far, +.carousel-control > .fab, +.carousel-control > .glyphicon, +.carousel-control > .ion { + display: inline-block; + font-size: 40px; + margin-top: -20px; + position: absolute; + top: 50%; + z-index: 5; +} + +.small-box { + border-radius: 0.25rem; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + display: block; + margin-bottom: 20px; + position: relative; +} + +.small-box > .inner { + padding: 10px; +} + +.small-box > .small-box-footer { + background: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); + display: block; + padding: 3px 0; + position: relative; + text-align: center; + text-decoration: none; + z-index: 10; +} + +.small-box > .small-box-footer:hover { + background: rgba(0, 0, 0, 0.15); + color: #ffffff; +} + +.small-box h3 { + font-size: 2.2rem; + font-weight: bold; + margin: 0 0 10px 0; + padding: 0; + white-space: nowrap; +} + +@media (min-width: 992px) { + .col-xl-2 .small-box h3, + .col-lg-2 .small-box h3, + .col-md-2 .small-box h3 { + font-size: 1.6rem; + } + .col-xl-3 .small-box h3, + .col-lg-3 .small-box h3, + .col-md-3 .small-box h3 { + font-size: 1.6rem; + } +} + +@media (min-width: 1200px) { + .col-xl-2 .small-box h3, + .col-lg-2 .small-box h3, + .col-md-2 .small-box h3 { + font-size: 2.2rem; + } + .col-xl-3 .small-box h3, + .col-lg-3 .small-box h3, + .col-md-3 .small-box h3 { + font-size: 2.2rem; + } +} + +.small-box p { + font-size: 1rem; +} + +.small-box p > small { + color: #f8f9fa; + display: block; + font-size: 0.9rem; + margin-top: 5px; +} + +.small-box h3, +.small-box p { + z-index: 5; +} + +.small-box .icon { + color: rgba(0, 0, 0, 0.15); + z-index: 0; +} + +.small-box .icon > i { + font-size: 90px; + position: absolute; + right: 15px; + top: 15px; + transition: all 0.3s linear; +} + +.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.glyphicon, .small-box .icon > i.ion { + font-size: 70px; + top: 20px; +} + +.small-box:hover { + text-decoration: none; +} + +.small-box:hover .icon > i { + font-size: 95px; +} + +.small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion { + font-size: 75px; +} + +@media (max-width: 767.98px) { + .small-box { + text-align: center; + } + .small-box .icon { + display: none; + } + .small-box p { + font-size: 12px; + } +} + +.info-box { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + border-radius: 0.25rem; + background: #ffffff; + display: flex; + margin-bottom: 1rem; + min-height: 80px; + padding: .5rem; + position: relative; +} + +.info-box .progress { + background-color: rgba(0, 0, 0, 0.125); + height: 2px; + margin: 5px 0; +} + +.info-box .progress .progress-bar { + background-color: #ffffff; +} + +.info-box .info-box-icon { + border-radius: 0.25rem; + align-items: center; + display: flex; + font-size: 1.875rem; + justify-content: center; + text-align: center; + width: 70px; +} + +.info-box .info-box-icon > img { + max-width: 100%; +} + +.info-box .info-box-content { + flex: 1; + padding: 5px 10px; +} + +.info-box .info-box-number { + display: block; + font-weight: 700; +} + +.info-box .progress-description, +.info-box .info-box-text { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.info-box .info-box .bg-primary, +.info-box .info-box .bg-gradient-primary { + color: #ffffff; +} + +.info-box .info-box .bg-primary .progress-bar, +.info-box .info-box .bg-gradient-primary .progress-bar { + background-color: #ffffff; +} + +.info-box .info-box .bg-secondary, +.info-box .info-box .bg-gradient-secondary { + color: #ffffff; +} + +.info-box .info-box .bg-secondary .progress-bar, +.info-box .info-box .bg-gradient-secondary .progress-bar { + background-color: #ffffff; +} + +.info-box .info-box .bg-success, +.info-box .info-box .bg-gradient-success { + color: #ffffff; +} + +.info-box .info-box .bg-success .progress-bar, +.info-box .info-box .bg-gradient-success .progress-bar { + background-color: #ffffff; +} + +.info-box .info-box .bg-info, +.info-box .info-box .bg-gradient-info { + color: #ffffff; +} + +.info-box .info-box .bg-info .progress-bar, +.info-box .info-box .bg-gradient-info .progress-bar { + background-color: #ffffff; +} + +.info-box .info-box .bg-warning, +.info-box .info-box .bg-gradient-warning { + color: #1F2D3D; +} + +.info-box .info-box .bg-warning .progress-bar, +.info-box .info-box .bg-gradient-warning .progress-bar { + background-color: #1F2D3D; +} + +.info-box .info-box .bg-danger, +.info-box .info-box .bg-gradient-danger { + color: #ffffff; +} + +.info-box .info-box .bg-danger .progress-bar, +.info-box .info-box .bg-gradient-danger .progress-bar { + background-color: #ffffff; +} + +.info-box .info-box .bg-light, +.info-box .info-box .bg-gradient-light { + color: #1F2D3D; +} + +.info-box .info-box .bg-light .progress-bar, +.info-box .info-box .bg-gradient-light .progress-bar { + background-color: #1F2D3D; +} + +.info-box .info-box .bg-dark, +.info-box .info-box .bg-gradient-dark { + color: #ffffff; +} + +.info-box .info-box .bg-dark .progress-bar, +.info-box .info-box .bg-gradient-dark .progress-bar { + background-color: #ffffff; +} + +.info-box .info-box-more { + display: block; +} + +.info-box .progress-description { + margin: 0; +} + +@media (min-width: 768px) { + .col-xl-2 .info-box .progress-description, + .col-lg-2 .info-box .progress-description, + .col-md-2 .info-box .progress-description { + display: none; + } + .col-xl-3 .info-box .progress-description, + .col-lg-3 .info-box .progress-description, + .col-md-3 .info-box .progress-description { + display: none; + } +} + +@media (min-width: 992px) { + .col-xl-2 .info-box .progress-description, + .col-lg-2 .info-box .progress-description, + .col-md-2 .info-box .progress-description { + font-size: 0.75rem; + display: block; + } + .col-xl-3 .info-box .progress-description, + .col-lg-3 .info-box .progress-description, + .col-md-3 .info-box .progress-description { + font-size: 0.75rem; + display: block; + } +} + +@media (min-width: 1200px) { + .col-xl-2 .info-box .progress-description, + .col-lg-2 .info-box .progress-description, + .col-md-2 .info-box .progress-description { + font-size: 1rem; + display: block; + } + .col-xl-3 .info-box .progress-description, + .col-lg-3 .info-box .progress-description, + .col-md-3 .info-box .progress-description { + font-size: 1rem; + display: block; + } +} + +.timeline { + margin: 0 0 45px; + padding: 0; + position: relative; +} + +.timeline::before { + border-radius: 0.25rem; + background: #dee2e6; + bottom: 0; + content: ''; + left: 31px; + margin: 0; + position: absolute; + top: 0; + width: 4px; +} + +.timeline > div { + margin-bottom: 15px; + margin-right: 10px; + position: relative; +} + +.timeline > div::before, .timeline > div::after { + content: ""; + display: table; +} + +.timeline > div > .timeline-item { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + border-radius: 0.25rem; + background: #ffffff; + color: #495057; + margin-left: 60px; + margin-right: 15px; + margin-top: 0; + padding: 0; + position: relative; +} + +.timeline > div > .timeline-item > .time { + color: #999; + float: right; + font-size: 12px; + padding: 10px; +} + +.timeline > div > .timeline-item > .timeline-header { + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + color: #495057; + font-size: 16px; + line-height: 1.1; + margin: 0; + padding: 10px; +} + +.timeline > div > .timeline-item > .timeline-header > a { + font-weight: 600; +} + +.timeline > div > .timeline-item > .timeline-body, +.timeline > div > .timeline-item > .timeline-footer { + padding: 10px; +} + +.timeline > div > .timeline-item > .timeline-body > img { + margin: 10px; +} + +.timeline > div > .timeline-item > .timeline-body > dl, .timeline > div > .timeline-item > .timeline-body ol, .timeline > div > .timeline-item > .timeline-body ul { + margin: 0; +} + +.timeline > div > .timeline-item > .timeline-footer > a { + color: #ffffff; +} + +.timeline > div > .fa, +.timeline > div > .fas, +.timeline > div > .far, +.timeline > div > .fab, +.timeline > div > .glyphicon, +.timeline > div > .ion { + background: #adb5bd; + border-radius: 50%; + font-size: 15px; + height: 30px; + left: 18px; + line-height: 30px; + position: absolute; + text-align: center; + top: 0; + width: 30px; +} + +.timeline > .time-label > span { + border-radius: 4px; + background-color: #ffffff; + display: inline-block; + font-weight: 600; + padding: 5px; +} + +.timeline-inverse > div > .timeline-item { + box-shadow: none; + background: #f8f9fa; + border: 1px solid #dee2e6; +} + +.timeline-inverse > div > .timeline-item > .timeline-header { + border-bottom-color: #dee2e6; +} + +.products-list { + list-style: none; + margin: 0; + padding: 0; +} + +.products-list > .item { + border-radius: 0.25rem; + background: #ffffff; + padding: 10px 0; +} + +.products-list > .item::after { + display: block; + clear: both; + content: ""; +} + +.products-list .product-img { + float: left; +} + +.products-list .product-img img { + height: 50px; + width: 50px; +} + +.products-list .product-info { + margin-left: 60px; +} + +.products-list .product-title { + font-weight: 600; +} + +.products-list .product-description { + color: #6c757d; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.product-list-in-card > .item { + border-radius: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.product-list-in-card > .item:last-of-type { + border-bottom-width: 0; +} + +.direct-chat .card-body { + overflow-x: hidden; + padding: 0; + position: relative; +} + +.direct-chat.chat-pane-open .direct-chat-contacts { + transform: translate(0, 0); +} + +.direct-chat.timestamp-light .direct-chat-timestamp { + color: #30465f; +} + +.direct-chat.timestamp-dark .direct-chat-timestamp { + color: #cccccc; +} + +.direct-chat-messages { + transform: translate(0, 0); + height: 250px; + overflow: auto; + padding: 10px; +} + +.direct-chat-msg, +.direct-chat-text { + display: block; +} + +.direct-chat-msg { + margin-bottom: 10px; +} + +.direct-chat-msg::after { + display: block; + clear: both; + content: ""; +} + +.direct-chat-messages, +.direct-chat-contacts { + transition: transform .5s ease-in-out; +} + +.direct-chat-text { + border-radius: 0.3rem; + background: #d2d6de; + border: 1px solid #d2d6de; + color: #444; + margin: 5px 0 0 50px; + padding: 5px 10px; + position: relative; +} + +.direct-chat-text::after, .direct-chat-text::before { + border: solid transparent; + border-right-color: #d2d6de; + content: ' '; + height: 0; + pointer-events: none; + position: absolute; + right: 100%; + top: 15px; + width: 0; +} + +.direct-chat-text::after { + border-width: 5px; + margin-top: -5px; +} + +.direct-chat-text::before { + border-width: 6px; + margin-top: -6px; +} + +.right .direct-chat-text { + margin-left: 0; + margin-right: 50px; +} + +.right .direct-chat-text::after, .right .direct-chat-text::before { + border-left-color: #d2d6de; + border-right-color: transparent; + left: 100%; + right: auto; +} + +.direct-chat-img { + border-radius: 50%; + float: left; + height: 40px; + width: 40px; +} + +.right .direct-chat-img { + float: right; +} + +.direct-chat-infos { + display: block; + font-size: 0.875rem; + margin-bottom: 2px; +} + +.direct-chat-name { + font-weight: 600; +} + +.direct-chat-timestamp { + color: #697582; +} + +.direct-chat-contacts-open .direct-chat-contacts { + transform: translate(0, 0); +} + +.direct-chat-contacts { + transform: translate(101%, 0); + background: #343a40; + bottom: 0; + color: #ffffff; + height: 250px; + overflow: auto; + position: absolute; + top: 0; + width: 100%; +} + +.direct-chat-contacts-light { + background: #f8f9fa; +} + +.direct-chat-contacts-light .contacts-list-name { + color: #495057; +} + +.direct-chat-contacts-light .contacts-list-date { + color: #6c757d; +} + +.direct-chat-contacts-light .contacts-list-msg { + color: #545b62; +} + +.contacts-list { + padding-left: 0; + list-style: none; +} + +.contacts-list > li { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + margin: 0; + padding: 10px; +} + +.contacts-list > li::after { + display: block; + clear: both; + content: ""; +} + +.contacts-list > li:last-of-type { + border-bottom: 0; +} + +.contacts-list-img { + border-radius: 50%; + float: left; + width: 40px; +} + +.contacts-list-info { + color: #ffffff; + margin-left: 45px; +} + +.contacts-list-name, +.contacts-list-status { + display: block; +} + +.contacts-list-name { + font-weight: 600; +} + +.contacts-list-status { + font-size: 0.875rem; +} + +.contacts-list-date { + color: #ced4da; + font-weight: normal; +} + +.contacts-list-msg { + color: #b1bbc4; +} + +.direct-chat-primary .right > .direct-chat-text { + background: #007bff; + border-color: #007bff; + color: #ffffff; +} + +.direct-chat-primary .right > .direct-chat-text::after, .direct-chat-primary .right > .direct-chat-text::before { + border-left-color: #007bff; +} + +.direct-chat-secondary .right > .direct-chat-text { + background: #6c757d; + border-color: #6c757d; + color: #ffffff; +} + +.direct-chat-secondary .right > .direct-chat-text::after, .direct-chat-secondary .right > .direct-chat-text::before { + border-left-color: #6c757d; +} + +.direct-chat-success .right > .direct-chat-text { + background: #28a745; + border-color: #28a745; + color: #ffffff; +} + +.direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before { + border-left-color: #28a745; +} + +.direct-chat-info .right > .direct-chat-text { + background: #17a2b8; + border-color: #17a2b8; + color: #ffffff; +} + +.direct-chat-info .right > .direct-chat-text::after, .direct-chat-info .right > .direct-chat-text::before { + border-left-color: #17a2b8; +} + +.direct-chat-warning .right > .direct-chat-text { + background: #ffc107; + border-color: #ffc107; + color: #1F2D3D; +} + +.direct-chat-warning .right > .direct-chat-text::after, .direct-chat-warning .right > .direct-chat-text::before { + border-left-color: #ffc107; +} + +.direct-chat-danger .right > .direct-chat-text { + background: #dc3545; + border-color: #dc3545; + color: #ffffff; +} + +.direct-chat-danger .right > .direct-chat-text::after, .direct-chat-danger .right > .direct-chat-text::before { + border-left-color: #dc3545; +} + +.direct-chat-light .right > .direct-chat-text { + background: #f8f9fa; + border-color: #f8f9fa; + color: #1F2D3D; +} + +.direct-chat-light .right > .direct-chat-text::after, .direct-chat-light .right > .direct-chat-text::before { + border-left-color: #f8f9fa; +} + +.direct-chat-dark .right > .direct-chat-text { + background: #343a40; + border-color: #343a40; + color: #ffffff; +} + +.direct-chat-dark .right > .direct-chat-text::after, .direct-chat-dark .right > .direct-chat-text::before { + border-left-color: #343a40; +} + +.direct-chat-lightblue .right > .direct-chat-text { + background: #3c8dbc; + border-color: #3c8dbc; + color: #ffffff; +} + +.direct-chat-lightblue .right > .direct-chat-text::after, .direct-chat-lightblue .right > .direct-chat-text::before { + border-left-color: #3c8dbc; +} + +.direct-chat-navy .right > .direct-chat-text { + background: #001f3f; + border-color: #001f3f; + color: #ffffff; +} + +.direct-chat-navy .right > .direct-chat-text::after, .direct-chat-navy .right > .direct-chat-text::before { + border-left-color: #001f3f; +} + +.direct-chat-olive .right > .direct-chat-text { + background: #3d9970; + border-color: #3d9970; + color: #ffffff; +} + +.direct-chat-olive .right > .direct-chat-text::after, .direct-chat-olive .right > .direct-chat-text::before { + border-left-color: #3d9970; +} + +.direct-chat-lime .right > .direct-chat-text { + background: #01ff70; + border-color: #01ff70; + color: #1F2D3D; +} + +.direct-chat-lime .right > .direct-chat-text::after, .direct-chat-lime .right > .direct-chat-text::before { + border-left-color: #01ff70; +} + +.direct-chat-fuchsia .right > .direct-chat-text { + background: #f012be; + border-color: #f012be; + color: #ffffff; +} + +.direct-chat-fuchsia .right > .direct-chat-text::after, .direct-chat-fuchsia .right > .direct-chat-text::before { + border-left-color: #f012be; +} + +.direct-chat-maroon .right > .direct-chat-text { + background: #d81b60; + border-color: #d81b60; + color: #ffffff; +} + +.direct-chat-maroon .right > .direct-chat-text::after, .direct-chat-maroon .right > .direct-chat-text::before { + border-left-color: #d81b60; +} + +.direct-chat-blue .right > .direct-chat-text { + background: #007bff; + border-color: #007bff; + color: #ffffff; +} + +.direct-chat-blue .right > .direct-chat-text::after, .direct-chat-blue .right > .direct-chat-text::before { + border-left-color: #007bff; +} + +.direct-chat-indigo .right > .direct-chat-text { + background: #6610f2; + border-color: #6610f2; + color: #ffffff; +} + +.direct-chat-indigo .right > .direct-chat-text::after, .direct-chat-indigo .right > .direct-chat-text::before { + border-left-color: #6610f2; +} + +.direct-chat-purple .right > .direct-chat-text { + background: #6f42c1; + border-color: #6f42c1; + color: #ffffff; +} + +.direct-chat-purple .right > .direct-chat-text::after, .direct-chat-purple .right > .direct-chat-text::before { + border-left-color: #6f42c1; +} + +.direct-chat-pink .right > .direct-chat-text { + background: #e83e8c; + border-color: #e83e8c; + color: #ffffff; +} + +.direct-chat-pink .right > .direct-chat-text::after, .direct-chat-pink .right > .direct-chat-text::before { + border-left-color: #e83e8c; +} + +.direct-chat-red .right > .direct-chat-text { + background: #dc3545; + border-color: #dc3545; + color: #ffffff; +} + +.direct-chat-red .right > .direct-chat-text::after, .direct-chat-red .right > .direct-chat-text::before { + border-left-color: #dc3545; +} + +.direct-chat-orange .right > .direct-chat-text { + background: #fd7e14; + border-color: #fd7e14; + color: #1F2D3D; +} + +.direct-chat-orange .right > .direct-chat-text::after, .direct-chat-orange .right > .direct-chat-text::before { + border-left-color: #fd7e14; +} + +.direct-chat-yellow .right > .direct-chat-text { + background: #ffc107; + border-color: #ffc107; + color: #1F2D3D; +} + +.direct-chat-yellow .right > .direct-chat-text::after, .direct-chat-yellow .right > .direct-chat-text::before { + border-left-color: #ffc107; +} + +.direct-chat-green .right > .direct-chat-text { + background: #28a745; + border-color: #28a745; + color: #ffffff; +} + +.direct-chat-green .right > .direct-chat-text::after, .direct-chat-green .right > .direct-chat-text::before { + border-left-color: #28a745; +} + +.direct-chat-teal .right > .direct-chat-text { + background: #20c997; + border-color: #20c997; + color: #ffffff; +} + +.direct-chat-teal .right > .direct-chat-text::after, .direct-chat-teal .right > .direct-chat-text::before { + border-left-color: #20c997; +} + +.direct-chat-cyan .right > .direct-chat-text { + background: #17a2b8; + border-color: #17a2b8; + color: #ffffff; +} + +.direct-chat-cyan .right > .direct-chat-text::after, .direct-chat-cyan .right > .direct-chat-text::before { + border-left-color: #17a2b8; +} + +.direct-chat-white .right > .direct-chat-text { + background: #ffffff; + border-color: #ffffff; + color: #1F2D3D; +} + +.direct-chat-white .right > .direct-chat-text::after, .direct-chat-white .right > .direct-chat-text::before { + border-left-color: #ffffff; +} + +.direct-chat-gray .right > .direct-chat-text { + background: #6c757d; + border-color: #6c757d; + color: #ffffff; +} + +.direct-chat-gray .right > .direct-chat-text::after, .direct-chat-gray .right > .direct-chat-text::before { + border-left-color: #6c757d; +} + +.direct-chat-gray-dark .right > .direct-chat-text { + background: #343a40; + border-color: #343a40; + color: #ffffff; +} + +.direct-chat-gray-dark .right > .direct-chat-text::after, .direct-chat-gray-dark .right > .direct-chat-text::before { + border-left-color: #343a40; +} + +.users-list { + padding-left: 0; + list-style: none; +} + +.users-list > li { + float: left; + padding: 10px; + text-align: center; + width: 25%; +} + +.users-list > li img { + border-radius: 50%; + height: auto; + max-width: 100%; +} + +.users-list > li > a:hover, +.users-list > li > a:hover .users-list-name { + color: #999; +} + +.users-list-name, +.users-list-date { + display: block; +} + +.users-list-name { + color: #495057; + font-size: 0.875rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.users-list-date { + color: #748290; + font-size: 12px; +} + +.card-widget { + border: 0; + position: relative; +} + +.widget-user .widget-user-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + height: 135px; + padding: 1rem; + text-align: center; +} + +.widget-user .widget-user-username { + font-size: 25px; + font-weight: 300; + margin-bottom: 0; + margin-top: 0; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); +} + +.widget-user .widget-user-desc { + margin-top: 0; +} + +.widget-user .widget-user-image { + left: 50%; + margin-left: -45px; + position: absolute; + top: 80px; +} + +.widget-user .widget-user-image > img { + border: 3px solid #ffffff; + height: auto; + width: 90px; +} + +.widget-user .card-footer { + padding-top: 50px; +} + +.widget-user-2 .widget-user-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + padding: 1rem; +} + +.widget-user-2 .widget-user-username { + font-size: 25px; + font-weight: 300; + margin-bottom: 5px; + margin-top: 5px; +} + +.widget-user-2 .widget-user-desc { + margin-top: 0; +} + +.widget-user-2 .widget-user-username, +.widget-user-2 .widget-user-desc { + margin-left: 75px; +} + +.widget-user-2 .widget-user-image > img { + float: left; + height: auto; + width: 65px; +} + +.mailbox-messages > .table { + margin: 0; +} + +.mailbox-controls { + padding: 5px; +} + +.mailbox-controls.with-border { + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} + +.mailbox-read-info { + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + padding: 10px; +} + +.mailbox-read-info h3 { + font-size: 20px; + margin: 0; +} + +.mailbox-read-info h5 { + margin: 0; + padding: 5px 0 0; +} + +.mailbox-read-time { + color: #999; + font-size: 13px; +} + +.mailbox-read-message { + padding: 10px; +} + +.mailbox-attachments { + padding-left: 0; + list-style: none; +} + +.mailbox-attachments li { + border: 1px solid #eee; + float: left; + margin-bottom: 10px; + margin-right: 10px; + width: 200px; +} + +.mailbox-attachment-name { + color: #666; + font-weight: bold; +} + +.mailbox-attachment-icon, +.mailbox-attachment-info, +.mailbox-attachment-size { + display: block; +} + +.mailbox-attachment-info { + background: #f8f9fa; + padding: 10px; +} + +.mailbox-attachment-size { + color: #999; + font-size: 12px; +} + +.mailbox-attachment-size > span { + display: inline-block; + padding-top: 0.75rem; +} + +.mailbox-attachment-icon { + color: #666; + font-size: 65px; + max-height: 132.5px; + padding: 20px 10px; + text-align: center; +} + +.mailbox-attachment-icon.has-img { + padding: 0; +} + +.mailbox-attachment-icon.has-img > img { + height: auto; + max-width: 100%; +} + +.lockscreen { + background: #e9ecef; +} + +.lockscreen .lockscreen-name { + font-weight: 600; + text-align: center; +} + +.lockscreen-logo { + font-size: 35px; + font-weight: 300; + margin-bottom: 25px; + text-align: center; +} + +.lockscreen-logo a { + color: #495057; +} + +.lockscreen-wrapper { + margin: 0 auto; + margin-top: 10%; + max-width: 400px; +} + +.lockscreen-item { + border-radius: 4px; + background: #ffffff; + margin: 10px auto 30px; + padding: 0; + position: relative; + width: 290px; +} + +.lockscreen-image { + border-radius: 50%; + background: #ffffff; + left: -10px; + padding: 5px; + position: absolute; + top: -25px; + z-index: 10; +} + +.lockscreen-image > img { + border-radius: 50%; + height: 70px; + width: 70px; +} + +.lockscreen-credentials { + margin-left: 70px; +} + +.lockscreen-credentials .form-control { + border: 0; +} + +.lockscreen-credentials .btn { + background-color: #ffffff; + border: 0; + padding: 0 10px; +} + +.lockscreen-footer { + margin-top: 10px; +} + +.login-page { + align-items: center; + display: flex; + height: 100vh; + justify-content: center; + background: url("../images/road_construction.jpg"); + background-size: cover; + background-repeat: no-repeat; + font-size: 0.8rem; +} + +.login-page .login-logo, +.login-page .register-logo { + font-size: 2.1rem; + font-weight: 300; + margin-bottom: 2rem; + text-align: center; +} + +.login-page .login-box, +.login-page .register-box { + width: 360px; +} + +@media (max-width: 576px) { + .login-page .login-box, + .login-page .register-box { + margin-top: 20px; + width: 90%; + } +} + +.login-page .login-card-body, +.login-page .register-card-body { + border-top: 0; + padding: 20px; + background-color: rgba(255, 255, 255, 0.6); +} + +.login-page .login-card-body .input-group .form-control, +.login-page .register-card-body .input-group .form-control { + border-left: 0; + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; + height: 40px; +} + +.login-page .login-card-body .input-group .form-control:focus, +.login-page .register-card-body .input-group .form-control:focus { + box-shadow: none; +} + +.login-page .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text, +.login-page .register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text { + border-color: #80bdff; +} + +.login-page .login-card-body .input-group .form-control.is-valid:focus, +.login-page .register-card-body .input-group .form-control.is-valid:focus { + box-shadow: none; +} + +.login-page .login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text, +.login-page .register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text { + border-color: #28a745; +} + +.login-page .login-card-body .input-group .form-control.is-invalid:focus, +.login-page .register-card-body .input-group .form-control.is-invalid:focus { + box-shadow: none; +} + +.login-page .login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text, +.login-page .register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text { + border-color: #dc3545; +} + +.login-page .login-card-body .input-group .input-group-text, +.login-page .register-card-body .input-group .input-group-text { + background-color: transparent; + border-bottom-left-radius: 0.25rem; + border-right: 0; + border-top-left-radius: 0.25rem; + color: #777; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.login-page .login-box-msg, +.login-page .register-box-msg { + margin: 0; + padding: 10px 10px; + text-align: center; + color: #ffffff; +} + +.login-page .social-auth-links { + margin: 10px 0; +} + +.login-page .login-card-header { + color: #fff; + background-color: rgba(0, 0, 0, 0.6); + border-top-right-radius: 5px; + border-top-left-radius: 5px; + padding: 8px; + font-size: 14px; + text-align: center; +} + +.login-page .login-btn { + color: #ffffff; + background-color: #00669f; + border-color: #00669f; + box-shadow: none; +} + +.login-page .btn { + font-size: 0.8rem; +} + +.login-page .btn:hover { + color: #ffffff; + background-color: #015688; + border-color: #015688; + text-decoration: none; +} + +.login-page .form-control { + font-size: 0.8rem; +} + +.login-page label:not(.form-check-label):not(.custom-file-label) { + font-weight: normal; +} + +.login-page .card-footer { + padding: 0.5rem 1rem; + background-color: rgba(0, 0, 0, 0.6); +} + +.login-page .card-footer a { + font-size: 0.6rem; + color: #fff; +} + +.login-page .card-footer a:hover { + color: #FF5722; +} + +.login-page .card { + animation-duration: 2s; +} + +.error-page { + margin: 20px auto 0; + width: 600px; +} + +@media (max-width: 767.98px) { + .error-page { + width: 100%; + } +} + +.error-page > .headline { + float: left; + font-size: 100px; + font-weight: 300; +} + +@media (max-width: 767.98px) { + .error-page > .headline { + float: none; + text-align: center; + } +} + +.error-page > .error-content { + display: block; + margin-left: 190px; +} + +@media (max-width: 767.98px) { + .error-page > .error-content { + margin-left: 0; + } +} + +.error-page > .error-content > h3 { + font-size: 25px; + font-weight: 300; +} + +@media (max-width: 767.98px) { + .error-page > .error-content > h3 { + text-align: center; + } +} + +.invoice { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.125); + position: relative; +} + +.invoice-title { + margin-top: 0; +} + +.profile-user-img { + border: 3px solid #adb5bd; + margin: 0 auto; + padding: 3px; + width: 100px; +} + +.profile-username { + font-size: 21px; + margin-top: 5px; +} + +.post { + border-bottom: 1px solid #adb5bd; + color: #666; + margin-bottom: 15px; + padding-bottom: 15px; +} + +.post:last-of-type { + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 0; +} + +.post .user-block { + margin-bottom: 15px; + width: 100%; +} + +.post .row { + width: 100%; +} + +.product-image { + max-width: 100%; + height: auto; + width: 100%; +} + +.product-image-thumbs { + align-items: stretch; + display: flex; + margin-top: 2rem; +} + +.product-image-thumb { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); + border-radius: 0.25rem; + background-color: #ffffff; + border: 1px solid #dee2e6; + display: flex; + margin-right: 1rem; + max-width: 7rem; + padding: 0.5rem; +} + +.product-image-thumb img { + max-width: 100%; + height: auto; + align-self: center; +} + +.product-image-thumb:hover { + opacity: 0.5; +} + +.product-share a { + margin-right: .5rem; +} + +.projects td { + vertical-align: middle; +} + +.projects .list-inline { + margin-bottom: 0; +} + +.projects img.table-avatar, +.projects .table-avatar img { + border-radius: 50%; + display: inline; + width: 2.5rem; +} + +.projects .project-state { + text-align: center; +} + +.project-submit-page { + /*when hovering an item:*/ + /*when navigating through the items using the arrow keys:*/ +} + +.project-submit-page.layout-navbar-fixed .wrapper .content-wrapper { + margin-top: 0; + margin-right: 0 !important; +} + +.project-submit-page .project-timeline { + margin: 95px 0 35px; +} + +.project-submit-page .project-timeline > .card-timeline { + margin: 0; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header { + border: 0; + padding: 40px 20px 20px 20px; + margin-bottom: 15px; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul { + display: flex; + justify-content: space-between; + margin: 0; + padding: 0; + list-style-type: none; + position: relative; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li { + color: #d0d0d0; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li > div { + position: relative; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li > div::before { + position: absolute; + left: 50%; + transform: translateX(-50%); + content: attr(data-title); + white-space: nowrap; + top: -30px; + font-weight: bold; +} + +@media (max-width: 575.98px) { + .project-submit-page .project-timeline > .card-timeline > .card-header > ul > li > div::before { + display: none; + } +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li > div > span { + color: #696969; + font-size: 1.2rem; + font-weight: 900; + position: relative; + font-family: IRANSansOnlyNumeral, sans-serif; + right: 13.5px; + top: 7px; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.timeline-point > div { + height: 20px; + width: 20px; + background-color: #d0d0d0; + border-radius: 100%; + top: 10px; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.timeline-point > div::before { + top: -40px; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.timeline-item > div { + height: 40px; + width: 40px; + background-color: #d0d0d0; + border-radius: 100%; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.is-active { + color: #007bff; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.is-active > div { + background-color: #007bff; + animation: activeBgBlinker 2s linear infinite; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.is-active > div > span { + color: #ffffff; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.is-completed { + color: #28a745; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.is-completed > div { + background-color: #28a745; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.is-completed > div > span { + color: #ffffff; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.is-completed:hover { + color: #007bff; + cursor: pointer; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > li.is-completed:hover > div { + background-color: #007bff; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul::before { + content: ""; + width: 100%; + height: 8px; + position: absolute; + background-color: #d0d0d0; + border-radius: 1rem; + top: 16px; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > .step-progress { + position: absolute; + width: 0; + height: 8px; + background-color: #d0d0d0; + border-radius: 1rem; + top: 16px; + transition: width .6s linear; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > .step-progress > .progress { + border-radius: 1rem; + height: 8px; +} + +.project-submit-page .project-timeline > .card-timeline > .card-header > ul > .step-progress > .progress > .progress-bar { + width: 100%; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body { + margin: 15px; + border: 1px solid #dee2e6; + border-radius: .25rem; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .form-group label { + font-size: .8rem; + font-weight: 500; + color: rgba(0, 0, 0, 0.5); +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .form-group label.custom-file-label { + line-height: 24px; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .form-group label.required-label::after { + content: "*"; + position: relative; + right: 2px; + color: #dc3545; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .form-group .form-control { + font-size: .9rem; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .form-group .form-control::placeholder { + color: #b5b5b5; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .form-group small, +.project-submit-page .project-timeline > .card-timeline > .card-body .form-group .small { + font-size: 70%; + color: #8a8a8a; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .radio-header { + font-size: .8rem; + font-weight: 500; + color: rgba(0, 0, 0, 0.5); + display: inline-block; + margin-bottom: 0.5rem; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .radio-header.required-label::after { + content: "*"; + position: relative; + right: 2px; + color: #dc3545; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .radio-body { + padding: 0.375rem 0; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body > .btn.btn-sm, .project-submit-page .project-timeline > .card-timeline > .btn-group-sm.card-body > .btn { + padding: 0.4rem 0.65rem; + font-size: .8rem; + border-radius: 0.25rem; +} + +@media (max-width: 767.98px) { + .project-submit-page .project-timeline > .card-timeline > .card-body > .btn.btn-sm, .project-submit-page .project-timeline > .card-timeline > .btn-group-sm.card-body > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; + } +} + +.project-submit-page .project-timeline > .card-timeline > .card-body #submit-step-0 > ul { + list-style-type: decimal; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body #submit-step-0 > ul > li { + font-size: .8rem; + font-weight: 500; + color: rgba(0, 0, 0, 0.5); + padding: 5px 10px; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .modal-header .close, .project-submit-page .project-timeline > .card-timeline > .card-body .modal-header .mailbox-attachment-close, +.project-submit-page .project-timeline > .card-timeline > .card-body .modal-header .mailbox-attachment-close { + margin: -1rem auto -1rem -1rem; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .project-slider .slider-selection, +.project-submit-page .project-timeline > .card-timeline > .card-body .project-slider .slider-handle { + background: #c82333; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .project-slider .slider-tick:not(.in-selection) { + background: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%) !important; +} + +.project-submit-page .project-timeline > .card-timeline > .card-body .project-slider .tooltip { + font-family: IRANSansFaNum, sans-serif; +} + +@keyframes activeBgBlinker { + 50% { + background-color: #dc3545; + color: #dc3545; + } +} + +.project-submit-page .datepicker-plot-area { + font-family: IRANSansFaNum, sans-serif; +} + +.project-submit-page .select2-selection__rendered { + font-size: .9rem; +} + +.project-submit-page .select2-dropdown { + font-size: .9rem; +} + +.project-submit-page .select2-container--default .select2-selection--multiple .select2-selection__choice { + float: right; + margin-right: 0; + margin-left: 5px; +} + +.project-submit-page .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field { + text-align: right; +} + +.project-submit-page .select2-container--default .select2-selection--multiple .select2-selection__rendered { + padding: 0 0.75rem 0.375rem !important; +} + +.project-submit-page .map-layout { + position: relative; + height: 400px; +} + +@media (max-width: 1199.98px) { + .project-submit-page .map-layout { + height: 350px; + } +} + +@media (max-width: 991.98px) { + .project-submit-page .map-layout { + height: 300px; + } +} + +@media (max-width: 767.98px) { + .project-submit-page .map-layout { + height: 250px; + } +} + +.project-submit-page .map-layout > #map-layout { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} + +.project-submit-page .map-layout > .map-overlay { + background-color: rgba(0, 0, 0, 0.7); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; +} + +.project-submit-page .map-layout > .map-overlay > .map-description-container { + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.project-submit-page .map-layout > .map-overlay > .map-description-container > .map-description { + width: 85%; + height: 70%; + border-radius: 0.7rem; + background-color: white; +} + +.project-submit-page .map-layout > .map-overlay > .map-description-container > .map-description > .map-description-header-text { + font-family: "IRANSansFaNum"; + font-size: 16px; + text-align: center; + margin-top: 1rem; +} + +.project-submit-page .map-layout > .map-overlay > .map-description-container > .map-description > .map-description-body-text { + font-family: "IRANSansFaNum"; + font-size: 14px; + margin-right: 1.5rem; + margin-left: 1.5rem; +} + +.project-submit-page .map-layout > .pin-container { + position: absolute; + top: 34%; + right: 44%; + z-index: 1009; +} + +.project-submit-page .map-layout .place-search-container { + display: flex; + align-items: center; + justify-content: center; + /*the container must be positioned relative:*/ +} + +.project-submit-page .map-layout .place-search-container .autocomplete { + position: relative; + display: inline-block; +} + +.project-submit-page .map-layout .place-search-container .autocomplete > input { + border: 1px solid transparent; + background-color: #f1f1f1; + padding: 10px; + font-size: 13px; + text-align: center; +} + +.project-submit-page .map-layout .place-search-container .autocomplete > input[type=text] { + background-color: #f1f1f1; + width: 100%; +} + +.project-submit-page .map-layout .place-search-container .autocomplete > input[type=submit] { + background-color: DodgerBlue; + color: #fff; + cursor: pointer; +} + +.project-submit-page .map-layout .show-map-button-container { + display: flex; + justify-content: center; + align-items: center; + margin-top: 2rem; +} + +.project-submit-page .map-layout .show-map-button-container .show-map-button { + width: 85%; + height: 2.5rem; + cursor: pointer; + text-align: center; + border-radius: 0.2rem; + border-color: #0062cc; + background-color: #0069d9; +} + +.project-submit-page .map-layout .show-map-button-container .show-map-button .show-map-button-text { + font-size: 13px; + color: #ffffff; + line-height: 2.5rem; +} + +.project-submit-page .autocomplete-items { + position: absolute; + border: 1px solid #d4d4d4; + border-bottom: none; + border-top: none; + z-index: 99; + /*position the autocomplete items to be the same width as the container:*/ + top: 100%; + left: 0; + right: 0; +} + +.project-submit-page .autocomplete-items div { + padding: 10px; + cursor: pointer; + background-color: #fff; + border-bottom: 1px solid #d4d4d4; +} + +.project-submit-page .autocomplete-items div:hover { + background-color: #e9e9e9; +} + +.project-submit-page .autocomplete-active { + background-color: DodgerBlue !important; + color: #ffffff; +} + +.project-submit-page .customRouteEstimate .leaflet-popup-content-wrapper > div { + font-family: 'IRANSansFaNum'; + font-size: 10px; + max-width: 300px; + max-height: 150px; + direction: rtl; + line-height: 2; +} + +.project-submit-page .map-info .form-control { + font-family: IRANSans, sans-serif; + direction: ltr; + text-align: center; +} + +.project-submit-page .alert-dismissible { + padding-left: 4rem; + padding-right: 1.25rem; + font-size: 13px; + background-color: rgba(220, 53, 69, 0.9); +} + +.project-submit-page .alert-dismissible > ul { + margin: 0; + padding: 0; + padding-right: 15px; +} + +.project-submit-page .alert-dismissible > ul > li { + padding: 5px 0; +} + +.project-submit-page .alert-dismissible .close, .project-submit-page .alert-dismissible .mailbox-attachment-close, +.project-submit-page .alert-dismissible .mailbox-attachment-close { + right: auto; + left: 0; +} + +.project-submit-page .slider-button-up, +.project-submit-page .slider-button-down { + padding: 5px 20px; + line-height: 30px; + cursor: pointer; +} + +.project-submit-page .slider-button-up { + color: #28a745; +} + +.project-submit-page .slider-button-down { + color: #c82333; +} + +.project-submit-page .slider-button-div { + line-height: 40px; +} + +.project-submit-page .submit-step .form-group:hover input { + border: 1px solid red; +} + +.project-submit-page .step-title-review { + margin-bottom: 15px; +} + +.project-submit-page #map-layout-review { + height: 300px; + border: 1px solid #ced4da; + border-radius: 0.25rem; +} + +.project-submit-page .form-group-map-review { + margin-bottom: 1rem; +} + +#stepModal .btn { + padding: 3px; + width: 85px; + font-size: 14px; +} + +#stepModal .modal-footer { + padding: 5px; + border-top: 2px solid #e9ecef; +} + +#stepModal .modal-body { + padding: 1rem 1rem .5rem; +} + +.BI-page .menu_top { + position: fixed; + width: 100%; + overflow: hidden; + background-color: rgba(22, 67, 88, 0.75); + z-index: 13; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + height: 58px; +} + +.BI-page .menu_top button { + background-color: rgba(22, 67, 88, 0); + border: none; + font-family: 'IRANSans'; + float: right; +} + +.BI-page .menu_top button:hover { + background-color: rgba(22, 67, 88, 0.75); +} + +.BI-page .menu_top button:focus { + outline: none; +} + +.BI-page .menu_top button:hover { + cursor: pointer; +} + +.BI-page .menu_top a { + float: right; + display: flex; + flex-direction: column; + color: #FFFFFF; + text-align: center; + padding: 5px 10px 8px 0; + text-decoration: none; + font-size: 10px; + margin-left: 30px; +} + +.BI-page #navbarmenu_top > div:nth-child(2) > a { + padding-right: 0; +} + +.BI-page #navbarmenu_top > div:nth-child(1) > a { + padding-left: 0; +} + +.BI-page .menu_top button img { + display: block; + width: 20px; + height: 20px; + margin: 0 auto 5px auto; +} + +.BI-page .menu_top .icon { + display: none; + z-index: 13; + font-size: 10px; + padding: 20px; + z-index: 11; +} + +.BI-page .menu_top button.routinghover.topMenuActiveBtn { + background-color: #0051CD; + border-bottom: none; +} + +.BI-page .menu_top button.topMenuActiveBtn { + background-color: #161eaf; + border-bottom: 2px solid white; +} + +.BI-page .rahdariLogo { + display: initial; + height: 20px; +} + +.BI-page .rahdariLogo img { + float: right !important; + width: 40px !important; + height: auto !important; +} + +.BI-page #navbarmenu_top > div:nth-child(1) > a > img { + margin-left: 20px; +} + +.BI-page #navbarmenu_top > div:nth-child(3) { + margin-left: 20px; + margin-right: 5px; + width: auto; +} + +.BI-page .clearfix { + clear: both; +} + +.BI-page .responsiveTopMenuBtn { + float: right; + display: flex; + flex-direction: column; + color: #FFFFFF; + text-align: center; + padding: 8px 25px; + text-decoration: none; + font-size: 12px; +} + +.BI-page .top-number-box { + display: flex; + flex-direction: row; + position: fixed; + background-color: rgba(255, 255, 255, 0.5); + top: 82px; + right: 120px; + width: 1690px; + height: 245px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 12; + padding: 1rem 0; +} + +.BI-page .right-menu-map { + position: fixed; + background-color: rgba(255, 255, 255, 0.5); + top: 340px; + right: 120px; + width: 550px; + height: 580px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 12; +} + +.BI-page .right-menu-map > .menu-map-toggle { + width: 100%; + height: 100%; + padding: 5px; +} + +.BI-page .right-menu-map > .menu-map-toggle > .map-svg-box { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.BI-page .right-menu-map > .menu-map-toggle > .map-svg-box > svg { + position: relative; + height: 100vh; +} + +.BI-page .right-menu-map > .menu-map-toggle > .map-svg-box.map-svg-box-open > svg polygon:hover { + fill: #FF5630; +} + +.BI-page .right-menu-map > .menu-map-toggle > .map-svg-box.map-svg-box-open > svg path:hover { + fill: #FF5630; +} + +.BI-page .first-chart { + position: fixed; + background-color: rgba(255, 255, 255, 0.5); + top: 340px; + right: 690px; + width: 550px; + height: 280px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 12; +} + +.BI-page .second-chart { + position: fixed; + background-color: rgba(255, 255, 255, 0.5); + top: 340px; + right: 1260px; + width: 550px; + height: 280px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 12; +} + +.BI-page .third-chart { + position: fixed; + background-color: rgba(255, 255, 255, 0.5); + top: 640px; + right: 690px; + width: 550px; + height: 280px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 12; +} + +.BI-page .fourth-chart { + position: fixed; + background-color: rgba(255, 255, 255, 0.5); + top: 640px; + right: 1260px; + width: 550px; + height: 280px; + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + z-index: 12; +} + +.BI-page .number-box { + width: 20%; + height: 100%; + padding: 1rem; + border-left: 2px #CCC solid; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-size: 24px; +} + +.BI-page .number-box-end { + width: 20%; + height: 100%; + padding: 1rem; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-size: 24px; +} + +.BI-page .active-polygon { + fill: #dc3545; +} + +.road-items-page .content { + padding: 0; +} + +.road-items-page .page-container { + position: relative; +} + +.road-items-page #map { + width: 100%; + height: 100vh !important; + z-index: 10; +} + +.road-items-page #map .leaflet-control-zoom { + display: none; +} + +.road-items-page div.leaflet-popup-content-wrapper > div { + font-family: "IRANSansFaNum"; + font-size: 11px; + max-width: 300px; + max-height: 150px; + direction: rtl; + line-height: 2; +} + +.road-items-page .pin-container { + position: absolute; + top: 38%; + right: 48.5%; + z-index: 1009; +} + +.road-items-page .footer-container { + width: 100%; + height: 150px; + background-color: #ffffff; + margin-top: 5px; + margin-left: 10px; + position: absolute; + bottom: -150px; + right: 0; + left: 0; + z-index: 1009; +} + +.road-items-page .footer-container .next-button { + display: flex; + flex-direction: row-reverse; + justify-content: space-between; + align-items: center; + overflow-x: auto; +} + +.road-items-page .footer-container .next-button .item-selection-button { + width: 150px; + height: 100px; + font-size: 12px; + color: #000000; + margin-right: 15px; + border: 1px solid #0069d9; +} + +.road-items-page label:not(.form-check-label):not(.custom-file-label) { + font-weight: normal; + font-size: 14px; +} + +.road-items-page .footer_licences { + direction: rtl; + text-align: center; + font-size: 10px; + font-family: "IRANSansFaNum"; + color: #ffffff; + background-color: rgba(22, 67, 88, 0.75); + width: 100%; + height: 22px; + z-index: 13; + position: fixed; + bottom: 0; + padding: 5px 0 0 0; +} + +.road-items-page .file-input-modal-container { + width: 100%; +} + +.road-items-page .file-input-modal { + justify-content: center; + display: flex; + align-items: center; + width: 100%; + height: 100px; + cursor: pointer; + text-align: center; + border: 1px solid rgba(22, 67, 88, 0.5); + border-radius: 8px; +} + +.road-items-page .file-input { + display: none; +} + +.road-items-page .zoom-card { + margin: auto; + width: 100%; +} + +.road-items-page #uploadedItems { + font-size: 14px; + font-family: "IRANSans"; +} + +.road-items-page .modal-vertical-items { + display: block !important; +} + +.road-items-page .modal-footer { + justify-content: space-between; +} + +.road-items-page .list-project-items { + position: absolute; + width: 350px; + min-height: 50px; + background-color: transparent; + z-index: 20; + top: 78px; + right: 20px; + padding: 10px; +} + +.road-items-page .list-project-items > .project-items-list-item { + display: none; + width: 330px; + height: 40px; + background-color: rgba(255, 255, 255, 0.5); + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + margin: 5px 0; + padding: 5px 10px; + text-align: center; + font-size: 14px; + line-height: 30px; +} + +.road-items-page .list-project-items > .project-items-list-item > span { + margin: 5px 10px; +} + +@media only screen and (max-width: 576px) { + .road-items-page .footer_licences { + font-size: 8px; + } + .road-items-page .list-project-items { + width: 100%; + right: 0; + } + .road-items-page .list-project-items > .project-items-list-item { + width: 100%; + } +} + +@media only screen and (max-width: 400px) { + .road-items-page .footer_licences { + font-size: 6px; + } +} + +.road-patrol-page .content { + padding: 0; +} + +.road-patrol-page .page-container { + position: relative; +} + +.road-patrol-page #map { + width: 100%; + height: 100vh !important; + z-index: 10; +} + +.road-patrol-page #map .leaflet-control-zoom { + display: none; +} + +.road-patrol-page .pin-container { + position: absolute; + top: 37%; + right: 48%; + z-index: 1009; +} + +.road-patrol-page .modal-title { + font-size: 16px; +} + +.road-patrol-page .modal-body .plate-container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + width: 100%; +} + +.road-patrol-page .modal-body .plate-container .car-plate-container { + align-items: center; + margin: 1rem 0; + width: 100%; +} + +.road-patrol-page .modal-body .plate-container .report-item-box { + width: 100%; + height: 160px; + border-radius: 8px; + padding: 0; + margin: 1rem 0; + border: 1px solid rgba(0, 0, 0, 0.2); + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; +} + +.road-patrol-page .modal-body .plate-container .report-item-box > .report-title { + text-align: center; + font-weight: 500; + font-size: 14px; +} + +.road-patrol-page .modal-body .plate-container .report-item-box > .report-title > i { + display: block; + margin-bottom: 25px; + font-size: 50px; +} + +.road-patrol-page .modal-body .plate-container .report-item-box:hover { + background-color: rgba(0, 0, 0, 0.1); +} + +.road-patrol-page .modal-body .plate-container .plate-info-text { + font-size: 14px; +} + +.road-patrol-page .modal-body .plate-container .car-plate { + display: inline-block; + position: relative; + -webkit-box-align: center; + align-items: center; +} + +.road-patrol-page .modal-body .plate-container .car-plate img { + width: 270px; +} + +.road-patrol-page .modal-body .plate-container .car-plate-input1 { + max-width: 50px; + position: absolute; + right: 193px; + top: 7px; + background-color: transparent; + border: none; + border-bottom: 1px solid #9e9e9e; + border-radius: 0; + outline: none; + height: 3rem; + width: 100%; + font-size: 36px; + margin: 0 0 8px; + padding: 0; + box-shadow: none; + box-sizing: content-box; + text-align: center; +} + +.road-patrol-page .modal-body .plate-container .car-plate-input2 { + max-width: 80px; + position: absolute; + right: 65px; + top: 7px; + background-color: transparent; + border: none; + border-bottom: 1px solid #9e9e9e; + border-radius: 0; + outline: none; + height: 3rem; + width: 100%; + font-size: 36px; + margin: 0 0 8px; + padding: 0; + box-shadow: none; + box-sizing: content-box; + text-align: center; +} + +.road-patrol-page .modal-body .plate-container .plate-alphabet { + max-width: 50px; + position: absolute; + right: 142px; + top: 5px; + text-align: center; +} + +.road-patrol-page .modal-body .plate-container .plate-select { + background-color: rgba(255, 255, 255, 0.9); + width: 100%; + border: 1px solid #f2f2f2; + border-radius: 2px; + height: 3rem; + font-size: 19px; + font-weight: 500; +} + +.road-patrol-page .modal-body .plate-container .car-plate-input3 { + max-width: 50px; + position: absolute; + right: 16px; + top: 8px; + background-color: transparent; + border: none; + border-bottom: 1px solid #9e9e9e; + border-radius: 0; + outline: none; + height: 3rem; + width: 100%; + font-size: 34px; + margin: 0 0 8px; + padding: 0; + box-shadow: none; + box-sizing: content-box; + text-align: center; +} + +.road-patrol-page .modal-body .plate-container .error-alert { + display: none; + width: 100%; + text-align: center; + margin: 0.5rem auto; +} + +.road-patrol-page .modal-body .plate-container .phone-number-input { + padding: 0.5rem; + border-radius: 0.2rem; + background-color: white; + border: 1px #000 solid; + width: 270px; + display: block; + text-align: center; + font-size: 18px; +} + +.road-patrol-page .footer-container { + width: 100%; + height: 150px; + background-color: #ffffff; + margin-top: 5px; + margin-left: 10px; + position: absolute; + bottom: -150px; + right: 0; + left: 0; + z-index: 1009; +} + +.road-patrol-page .footer-container .next-button { + display: flex; + flex-direction: row-reverse; + justify-content: space-between; + align-items: center; + overflow-x: auto; +} + +.road-patrol-page .footer-container .next-button .item-selection-button { + width: 150px; + height: 100px; + font-size: 12px; + color: #000000; + margin-right: 15px; + border: 1px solid #0069d9; +} + +.road-patrol-page label:not(.form-check-label):not(.custom-file-label) { + font-weight: normal; + font-size: 14px; +} + +.road-patrol-page .leaflet-popup-content { + font-family: 'IRANSansFaNum'; + font-size: 11px; +} + +.road-patrol-page .leaflet-popup-content .distanceStyle { + color: #FF5630; +} + +.road-patrol-page .add-pins { + display: none; + position: absolute; + top: 65px; + right: 10px; + background-color: #FFFFFF; + width: 250px; + height: 160px; + z-index: 1000; + padding: 1rem; + border-radius: 0.5rem; +} + +.road-patrol-page .pins-add-row { + display: flex; + flex-direction: row; + align-items: center; + margin-bottom: 1rem; + cursor: pointer; +} + +.road-patrol-page .pins-add-row img { + margin-left: 0.5rem; +} + +.road-patrol-page .pins-add-row span { + font-size: 14px; +} + +.road-patrol-page .pins-submit { + display: flex; +} + +.road-patrol-page .submit-button { + border: none; + background-color: #17a2b8; + font-size: 14px; + font-family: "IRANSansFaNum"; + padding: 0.5rem; + margin: 0 auto; + border-radius: 0.4rem; + color: #FFFFFF; + width: 100px; +} + +.road-patrol-page .file-input-modal-container { + width: 100%; +} + +.road-patrol-page .file-input-modal { + justify-content: center; + display: flex; + align-items: center; + width: 100%; + height: 100px; + cursor: pointer; + text-align: center; + border: 1px solid rgba(22, 67, 88, 0.5); + border-radius: 8px; +} + +.road-patrol-page .file-input { + display: none; +} + +.road-patrol-page .starter-loader-container { + display: none; + justify-content: center; + align-items: center; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 10; +} + +.road-patrol-page .starter-loader-container > .starter-loader { + border: 8px solid #f3f3f3; + border-radius: 50%; + border-top: 8px solid rgba(22, 67, 88, 0.75); + width: 75px; + height: 75px; + animation: spin 2s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +.road-patrol-page #uploadedItems { + font-size: 14px; + font-family: "IRANSans"; +} + +.road-patrol-page #vertical-menu .modal-vertical-items { + display: block !important; +} + +.road-patrol-page #vertical-menu .modal-footer { + justify-content: space-between; +} + +.road-patrol-page .modal-body .report-item-box { + width: 100%; + height: 140px; + border-radius: 8px; + padding: 10px; + margin: 15px; + border: 1px solid rgba(0, 0, 0, 0.2); + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; +} + +.road-patrol-page .modal-body .report-item-box .report-title p { + font-size: 14px; + font-weight: normal; +} + +.road-patrol-page .bottom-item-selection { + display: none; +} + +.road-patrol-page .bottom-item-selection .item-container { + background-color: #fff; + overflow: auto; + white-space: nowrap; + position: absolute; + bottom: 7%; + right: 0; + left: 0; + z-index: 1000; + display: flex; + flex-direction: row; +} + +.road-patrol-page .bottom-item-selection .item-container .item-box { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 14px; + cursor: pointer; +} + +.road-patrol-page .bottom-item-selection .item-container .item-box img { + width: 64px; + height: 64px; +} + +.road-patrol-page .bottom-item-selection .item-container .item-box span { + font-size: 12px; + color: black; + text-align: center; + margin-top: 10px; +} + +.road-patrol-page .bottom-item-selection .submit-item { + background-color: #ccc; + position: absolute; + bottom: 0; + right: 0; + left: 0; + z-index: 1000; + height: 7%; + display: flex; + justify-content: center; + align-items: center; +} + +.road-patrol-page .bottom-item-selection .submit-item .submit-item-button { + width: 100%; + height: 100%; + background-color: #CCC; + color: white; + border: none; +} + +.accident-point-251-page form { + width: 100%; +} + +.accident-point-251-page .form-control { + font-size: 13px; + background-color: #ebebeb; +} + +.accident-point-251-page .content { + padding: 0; +} + +.accident-point-251-page .page-container { + position: relative; +} + +.accident-point-251-page #map { + width: 100%; + height: 100vh !important; + z-index: 10; +} + +.accident-point-251-page #map .leaflet-control-zoom { + display: none; +} + +.accident-point-251-page .project-slider .slider-selection, +.accident-point-251-page .project-slider .slider-handle { + background: #256fbf; +} + +.accident-point-251-page .project-slider .slider-tick:not(.in-selection) { + background: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%) !important; +} + +.accident-point-251-page .project-slider .tooltip { + font-family: IRANSansFaNum, sans-serif; +} + +.accident-point-251-page .pin-container { + position: absolute; + top: 38%; + right: 48.5%; + z-index: 1009; +} + +.accident-point-251-page .footer-container { + width: 100%; + height: 150px; + background-color: #ffffff; + margin-top: 5px; + margin-left: 10px; + position: absolute; + bottom: -150px; + right: 0; + left: 0; + z-index: 1009; +} + +.accident-point-251-page .footer-container .next-button { + display: flex; + flex-direction: row-reverse; + justify-content: space-between; + align-items: center; + overflow-x: auto; +} + +.accident-point-251-page .footer-container .next-button .item-selection-button { + width: 150px; + height: 100px; + font-size: 12px; + color: #000000; + margin-right: 15px; + border: 1px solid #0069d9; +} + +.accident-point-251-page label:not(.form-check-label):not(.custom-file-label) { + font-weight: 500; + font-size: 12px; +} + +.accident-point-251-page .footer_licences { + direction: rtl; + text-align: center; + font-size: 10px; + font-family: 'IRANSansFaNum'; + color: #FFFFFF; + background-color: rgba(22, 67, 88, 0.75); + width: 100%; + height: 22px; + z-index: 13; + position: fixed; + bottom: 0; + padding: 5px 0 0 0; +} + +.accident-point-251-page .zoom-card { + margin: auto; + width: 100%; +} + +.accident-point-251-page #uploadedItems { + font-size: 14px; + font-family: "IRANSans"; +} + +.accident-point-251-page .modal-vertical-items { + display: block !important; +} + +.accident-point-251-page .modal-footer { + justify-content: space-between; +} + +.accident-point-251-page .list-project-items { + position: absolute; + width: 350px; + min-height: 50px; + background-color: transparent; + z-index: 20; + top: 78px; + right: 20px; + padding: 10px; +} + +.accident-point-251-page .list-project-items > .project-items-list-item { + display: none; + width: 330px; + height: 40px; + background-color: rgba(255, 255, 255, 0.5); + border-radius: 8px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + margin: 5px 0; + padding: 5px 10px; + text-align: center; + font-size: 14px; + line-height: 30px; +} + +.accident-point-251-page .list-project-items > .project-items-list-item > span { + margin: 5px 10px; +} + +@media only screen and (max-width: 576px) { + .accident-point-251-page .footer_licences { + font-size: 8px; + } + .accident-point-251-page .list-project-items { + width: 100%; + right: 0; + } + .accident-point-251-page .list-project-items > .project-items-list-item { + width: 100%; + } +} + +@media only screen and (max-width: 400px) { + .accident-point-251-page .footer_licences { + font-size: 6px; + } +} + +.accident-point-251-page .file-input-modal-container { + width: 100%; +} + +.accident-point-251-page .file-input-modal { + justify-content: center; + display: flex; + align-items: center; + width: 100%; + height: 60px; + cursor: pointer; + text-align: center; + border: 1px solid #ced4da; + border-radius: 0.25rem; + margin-top: 20px; +} + +.accident-point-251-page .file-input { + display: none; +} + +.upload-admin-page .content { + padding: 0; +} + +.upload-admin-page .content-wrapper { + background-color: white; +} + +.upload-admin-page .upload-admin-card { + margin-top: 100px; +} + +.upload-admin-page .file-input-modal { + background-color: #ffffff; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); +} + +.upload-admin-page label:not(.form-check-label):not(.custom-file-label) { + font-weight: 400; +} + +.upload-admin-page .file-input-modal-container { + width: 100%; +} + +.upload-admin-page #carddata { + width: 90%; + margin: 0 auto; +} + +.upload-admin-page #describe { + height: 100px; +} + +.upload-admin-page #send-data { + margin-right: 1%; + width: 101px; +} + +.upload-admin-page .file-input-modal { + justify-content: center; + font-size: 11px; + display: flex; + align-items: center; + width: 100%; + height: 100px; + cursor: pointer; + text-align: center; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); +} + +.upload-admin-page .file-input { + display: none; +} + +@media only screen and (max-width: 750px) { + .upload-admin-page label:not(.form-check-label):not(.custom-file-label) { + font-weight: 400; + font-size: 12px; + } +} + +.upload-body { + margin-top: 95px; + padding: 0 10px; +} + +.upload-body .files-image { + margin-bottom: 20px; +} + +@media only screen and (min-width: 768px) and (max-width: 980px) { + .upload-body .files-image { + width: 200px; + } +} + +@media only screen and (min-width: 981px) and (max-width: 1270px) { + .upload-body .files-image { + width: 300px; + } +} + +.upload-body .button-style { + width: 45%; + height: 33px; + padding: 0 1rem; + border: 1px solid rgba(22, 67, 88, 0.75); + border-radius: 4px; + background-color: white; + float: right; + cursor: pointer; + color: rgba(22, 67, 88, 0.75); + font-size: 12px; +} + +.upload-body .button-style:hover { + background-image: none; + background-color: rgba(22, 67, 88, 0.75); + color: #fff; +} + +.upload-body .upload-label { + font-size: 12px; + color: #007bff; + font-weight: normal !important; + display: unset; + cursor: pointer; +} + +.upload-body .upload-label:hover { + color: #ffffff; + background-color: #007bff; + border-color: #007bff; +} + +.upload-body .label-style { + vertical-align: middle; + text-align: center; + padding-top: 5px; +} + +.upload-body .card-container { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + margin-bottom: 1rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #ffffff; + background-clip: border-box; + border: 0 solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; +} + +.upload-body .card-container .card-headers { + padding: 0.75rem 1.25rem 0.2rem; + background-color: transparent; + border-bottom: 1px solid rgba(0, 0, 0, 0.125); + position: relative; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + margin-bottom: 0; +} + +.upload-body .card-container .card-headers .card-titles { + float: right; + font-size: 1.1rem; + font-weight: 400; + margin-bottom: 0.75rem; +} + +.upload-body .card-container .card-body-container { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} + +.panel-managment-page .card-header { + padding: 1.75rem 1.25rem 0.2rem; +} + +.panel-managment-page th { + font-size: 13px; +} + +.panel-managment-page td { + font-size: 14px; +} + +.panel-managment-page button.btn { + font-size: 12px; +} + +.panel-managment-page i { + font-size: 10px; +} + +.panel-managment-page .manag-main { + margin-top: 95px; + padding: 0 10px; +} + +.panel-managment-page .manage-main { + margin-top: 36px; + padding: 0 10px; +} + +.panel-managment-page .find-date { + margin-top: 4px; +} + +.panel-managment-page label { + font-size: 0.8rem; + font-weight: 500 !important; + color: rgba(0, 0, 0, 0.5); +} + +.panel-managment-page .form-control { + font-size: 13px; +} + +.panel-managment-page .required-label::after { + content: "*"; + position: relative; + right: 2px; + color: #dc3545; +} + +.panel-managment-page div.dataTables_wrapper div.dataTables_filter { + text-align: left; +} + +.panel-managment-page div.dt-buttons { + position: relative; + float: right; +} + +.panel-managment-page button.dt-button, .panel-managment-page div.dt-button, .panel-managment-page a.dt-button { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.panel-managment-page button.dt-button:hover:not(.disabled), .panel-managment-page div.dt-button:hover:not(.disabled), .panel-managment-page a.dt-button:hover:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.panel-managment-page button.dt-button:active:not(.disabled), .panel-managment-page button.dt-button.active:not(.disabled), .panel-managment-page div.dt-button:active:not(.disabled), .panel-managment-page div.dt-button.active:not(.disabled), .panel-managment-page a.dt-button:active:not(.disabled), .panel-managment-page a.dt-button.active:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.admin-panel-managment-page .card-header { + padding: 1.75rem 1.25rem 0.2rem; +} + +.admin-panel-managment-page th { + font-size: 13px; +} + +.admin-panel-managment-page td { + font-size: 14px; +} + +.admin-panel-managment-page button.btn { + font-size: 12px; +} + +.admin-panel-managment-page i { + font-size: 10px; +} + +.admin-panel-managment-page .keshvar-main { + margin-top: 95px; + padding: 0 10px; +} + +.admin-panel-managment-page .admin-main { + margin-top: 36px; + padding: 0 10px; +} + +.admin-panel-managment-page .ostan-main { + margin-top: 36px; + padding: 0 10px; +} + +.admin-panel-managment-page .riz-main { + margin-top: 36px; + padding: 0 10px; +} + +.admin-panel-managment-page .find-date { + margin-top: 4px; +} + +.admin-panel-managment-page button.btn { + font-size: 12px; +} + +.admin-panel-managment-page label { + font-size: 0.8rem; + font-weight: 500 !important; + color: rgba(0, 0, 0, 0.5); +} + +.admin-panel-managment-page .form-control { + font-size: 13px; +} + +.admin-panel-managment-page .required-label::after { + content: "*"; + position: relative; + right: 2px; + color: #dc3545; +} + +.admin-panel-managment-page div.dataTables_wrapper div.dataTables_filter { + text-align: left; +} + +.admin-panel-managment-page div.dt-buttons { + position: relative; + float: right; +} + +.admin-panel-managment-page button.dt-button, .admin-panel-managment-page div.dt-button, .admin-panel-managment-page a.dt-button { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.admin-panel-managment-page button.dt-button:hover:not(.disabled), .admin-panel-managment-page div.dt-button:hover:not(.disabled), .admin-panel-managment-page a.dt-button:hover:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.admin-panel-managment-page button.dt-button:active:not(.disabled), .admin-panel-managment-page button.dt-button.active:not(.disabled), .admin-panel-managment-page div.dt-button:active:not(.disabled), .admin-panel-managment-page div.dt-button.active:not(.disabled), .admin-panel-managment-page a.dt-button:active:not(.disabled), .admin-panel-managment-page a.dt-button.active:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.admin-panel-managment-page div.dataTables_wrapper div.dataTables_processing { + top: 66%; +} + +.karbar-panel-page .card-header { + padding: 1.75rem 1.25rem 0.2rem; +} + +.karbar-panel-page th { + font-size: 13px; +} + +.karbar-panel-page td { + font-size: 14px; +} + +.karbar-panel-page button.btn { + font-size: 12px; +} + +.karbar-panel-page i { + font-size: 10px; +} + +.karbar-panel-page .starter-loader-container { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 1051; +} + +.karbar-panel-page .users-main { + margin-top: 96px; + padding: 0 10px; +} + +.karbar-panel-page .find-date { + margin-top: 4px; +} + +.karbar-panel-page label { + font-size: 0.8rem; + font-weight: 500 !important; + color: rgba(0, 0, 0, 0.5); +} + +.karbar-panel-page .form-control { + font-size: 13px; +} + +.karbar-panel-page .required-label::after { + content: "*"; + position: relative; + right: 2px; + color: #dc3545; +} + +.karbar-panel-page div.dataTables_wrapper div.dataTables_filter { + text-align: left; +} + +.karbar-panel-page div.dt-buttons { + position: relative; + float: right; +} + +.karbar-panel-page button.dt-button, .karbar-panel-page div.dt-button, .karbar-panel-page a.dt-button { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.karbar-panel-page button.dt-button:hover:not(.disabled), .karbar-panel-page div.dt-button:hover:not(.disabled), .karbar-panel-page a.dt-button:hover:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.karbar-panel-page button.dt-button:active:not(.disabled), .karbar-panel-page button.dt-button.active:not(.disabled), .karbar-panel-page div.dt-button:active:not(.disabled), .karbar-panel-page div.dt-button.active:not(.disabled), .karbar-panel-page a.dt-button:active:not(.disabled), .karbar-panel-page a.dt-button.active:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.karbar-panel-page div.dataTables_wrapper div.dataTables_processing { + position: absolute; + top: 73%; + left: 50%; + width: 200px; + margin-left: -100px; + margin-top: -26px; + text-align: center; + padding: 1em 0; +} + +.karbar-panel-page .file-input-modal-container { + width: 100%; +} + +.karbar-panel-page .file-input-modal { + justify-content: center; + font-size: 11px; + display: flex; + align-items: center; + width: 100%; + height: 100px; + cursor: pointer; + text-align: center; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); +} + +.karbar-panel-page .file-input { + display: none; +} + +.archive-panel-page .card-header { + padding: 1.75rem 1.25rem 0.2rem; +} + +.archive-panel-page th { + font-size: 13px; +} + +.archive-panel-page td { + font-size: 14px; +} + +.archive-panel-page button.btn { + font-size: 12px; +} + +.archive-panel-page i { + font-size: 10px; +} + +.archive-panel-page .archive-main { + margin-top: 96px; + padding: 0 10px; +} + +.archive-panel-page .find-date { + margin-top: 4px; +} + +.archive-panel-page label { + font-size: 0.8rem; + font-weight: 500 !important; + color: rgba(0, 0, 0, 0.5); +} + +.archive-panel-page .form-control { + font-size: 13px; +} + +.archive-panel-page .required-label::after { + content: "*"; + position: relative; + right: 2px; + color: #dc3545; +} + +.archive-panel-page div.dataTables_wrapper div.dataTables_filter { + text-align: left; +} + +.archive-panel-page div.dt-buttons { + position: relative; + float: right; +} + +.archive-panel-page button.dt-button, .archive-panel-page div.dt-button, .archive-panel-page a.dt-button { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.archive-panel-page button.dt-button:hover:not(.disabled), .archive-panel-page div.dt-button:hover:not(.disabled), .archive-panel-page a.dt-button:hover:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.archive-panel-page button.dt-button:active:not(.disabled), .archive-panel-page button.dt-button.active:not(.disabled), .archive-panel-page div.dt-button:active:not(.disabled), .archive-panel-page div.dt-button.active:not(.disabled), .archive-panel-page a.dt-button:active:not(.disabled), .archive-panel-page a.dt-button.active:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; +} + +.archive-panel-page div.dataTables_wrapper div.dataTables_processing { + position: absolute; + top: 73%; + left: 50%; + width: 200px; + margin-left: -100px; + margin-top: -26px; + text-align: center; + padding: 1em 0; +} + +.road-items-show .content { + padding: 0; +} + +.road-items-show .page-container { + position: relative; +} + +.road-items-show #map { + width: 100%; + height: 100vh !important; + z-index: 10; +} + +.road-items-show #map .leaflet-control-zoom { + display: none; +} + +.road-items-show div.leaflet-popup-content-wrapper > div { + font-family: "IRANSansFaNum"; + font-size: 11px; + max-width: 300px; + max-height: 150px; + direction: rtl; + line-height: 2; +} + +.road-items-show .pin-container { + position: absolute; + top: 38%; + right: 48.5%; + z-index: 1009; +} + +.road-items-show .footer_licences { + direction: rtl; + text-align: center; + font-size: 10px; + font-family: "IRANSansFaNum"; + color: #ffffff; + background-color: rgba(22, 67, 88, 0.75); + width: 100%; + height: 22px; + z-index: 13; + position: fixed; + bottom: 0; + padding: 5px 0 0 0; +} + +.road-items-show .projectInfo { + top: 75px; + right: -40%; + background-color: #fff; + z-index: 12; + position: absolute; + padding: 25px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + width: 30%; + max-height: 75%; + transition-duration: 1s; + transition-property: right; + opacity: 0.9; +} + +.jahesh_panel_page .jahesh-main { + margin-top: 96px; + padding: 0 10px; +} + +.jahesh_panel_page #ex1Slider1 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider2 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider3 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider4 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider5 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider6 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider7 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider8 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider9 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider10 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider11 .slider-selection { + background: #c82333; +} + +.jahesh_panel_page #ex1Slider12 .slider-selection { + background: #c82333; +} + +.fc-button { + background: #f8f9fa; + background-image: none; + border-bottom-color: #ddd; + border-color: #ddd; + color: #495057; +} + +.fc-button:hover, .fc-button:active, .fc-button.hover { + background-color: #e9e9e9; +} + +.fc-header-title h2 { + color: #666; + font-size: 15px; + line-height: 1.6em; + margin-left: 10px; +} + +.fc-header-right { + padding-right: 10px; +} + +.fc-header-left { + padding-left: 10px; +} + +.fc-widget-header { + background: #fafafa; +} + +.fc-grid { + border: 0; + width: 100%; +} + +.fc-widget-header:first-of-type, +.fc-widget-content:first-of-type { + border-left: 0; + border-right: 0; +} + +.fc-widget-header:last-of-type, +.fc-widget-content:last-of-type { + border-right: 0; +} + +.fc-toolbar { + margin: 0; + padding: 1rem; +} + +.fc-day-number { + font-size: 20px; + font-weight: 300; + padding-right: 10px; +} + +.fc-color-picker { + list-style: none; + margin: 0; + padding: 0; +} + +.fc-color-picker > li { + float: left; + font-size: 30px; + line-height: 30px; + margin-right: 5px; +} + +.fc-color-picker > li .fa, +.fc-color-picker > li .fas, +.fc-color-picker > li .far, +.fc-color-picker > li .fab, +.fc-color-picker > li .glyphicon, +.fc-color-picker > li .ion { + transition: transform linear .3s; +} + +.fc-color-picker > li .fa:hover, +.fc-color-picker > li .fas:hover, +.fc-color-picker > li .far:hover, +.fc-color-picker > li .fab:hover, +.fc-color-picker > li .glyphicon:hover, +.fc-color-picker > li .ion:hover { + transform: rotate(30deg); +} + +#add-new-event { + transition: all linear .3s; +} + +.external-event { + box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); + border-radius: 0.25rem; + cursor: move; + font-weight: bold; + margin-bottom: 4px; + padding: 5px 10px; +} + +.external-event:hover { + box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); +} + +.select2-container--default .select2-selection--single { + border: 1px solid #ced4da; + padding: 0.46875rem 0.75rem; + height: calc(2.25rem + 2px); +} + +.select2-container--default.select2-container--open { + border-color: #007bff; +} + +.select2-container--default .select2-dropdown { + border: 1px solid #ced4da; +} + +.select2-container--default .select2-results__option { + padding: 6px 12px; + user-select: none; + -webkit-user-select: none; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered { + padding-left: 0; + height: auto; + margin-top: -3px; +} + +.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered { + padding-right: 6px; + padding-left: 20px; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow { + height: 31px; + right: 6px; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow b { + margin-top: 0; +} + +.select2-container--default .select2-dropdown .select2-search__field, +.select2-container--default .select2-search--inline .select2-search__field { + border: 1px solid #ced4da; +} + +.select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-search--inline .select2-search__field:focus { + outline: none; + border: 1px solid #80bdff; +} + +.select2-container--default .select2-dropdown.select2-dropdown--below { + border-top: 0; +} + +.select2-container--default .select2-dropdown.select2-dropdown--above { + border-bottom: 0; +} + +.select2-container--default .select2-results__option[aria-disabled='true'] { + color: #6c757d; +} + +.select2-container--default .select2-results__option[aria-selected='true'] { + background-color: #dee2e6; +} + +.select2-container--default .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true']:hover { + color: #1F2D3D; +} + +.select2-container--default .select2-results__option--highlighted { + background-color: #007bff; + color: #ffffff; +} + +.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #0074f0; + color: #ffffff; +} + +.select2-container--default .select2-selection--multiple { + border: 1px solid #ced4da; + min-height: calc(2.25rem + 2px); +} + +.select2-container--default .select2-selection--multiple:focus { + border-color: #80bdff; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered { + padding: 0 0.375rem 0.375rem; + margin-bottom: -0.375rem; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline { + width: 100%; + margin-left: 0.375rem; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field { + width: 100% !important; +} + +.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field { + border: 0; + margin-top: 6px; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #007bff; + border-color: #006fe6; + color: #ffffff; + padding: 0 10px; + margin-top: .31rem; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); + float: right; + margin-left: 5px; + margin-right: -2px; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.text-sm .select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--default .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field { + margin-top: 8px; +} + +.text-sm .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple.text-sm .select2-selection__choice { + margin-top: .4rem; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple .select2-search__field { + border: 0; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered li { + padding-right: 10px; +} + +.input-group-prepend ~ .select2-container--default .select2-selection { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.input-group > .select2-container--default:not(:last-child) .select2-selection { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.select2-container--bootstrap4.select2-container--focus .select2-selection { + box-shadow: none; +} + +.select2-container--default .select2-primary.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-primary .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-primary .select2-search--inline .select2-search__field:focus, +.select2-primary .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-primary .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-primary .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #80bdff; +} + +.select2-container--default .select2-primary .select2-results__option--highlighted, +.select2-primary .select2-container--default .select2-results__option--highlighted { + background-color: #007bff; + color: #ffffff; +} + +.select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-primary .select2-results__option--highlighted[aria-selected]:hover, +.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-primary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #0074f0; + color: #ffffff; +} + +.select2-container--default .select2-primary .select2-selection--multiple:focus, +.select2-primary .select2-container--default .select2-selection--multiple:focus { + border-color: #80bdff; +} + +.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice, +.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #007bff; + border-color: #006fe6; + color: #ffffff; +} + +.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove, +.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-primary .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-primary.select2-container--focus .select2-selection--multiple, +.select2-primary .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; +} + +.select2-container--default .select2-secondary.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-secondary .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-secondary .select2-search--inline .select2-search__field:focus, +.select2-secondary .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-secondary .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-secondary .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #afb5ba; +} + +.select2-container--default .select2-secondary .select2-results__option--highlighted, +.select2-secondary .select2-container--default .select2-results__option--highlighted { + background-color: #6c757d; + color: #ffffff; +} + +.select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-secondary .select2-results__option--highlighted[aria-selected]:hover, +.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-secondary .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #656d75; + color: #ffffff; +} + +.select2-container--default .select2-secondary .select2-selection--multiple:focus, +.select2-secondary .select2-container--default .select2-selection--multiple:focus { + border-color: #afb5ba; +} + +.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice, +.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6c757d; + border-color: #60686f; + color: #ffffff; +} + +.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove, +.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-secondary .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-secondary.select2-container--focus .select2-selection--multiple, +.select2-secondary .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #afb5ba; +} + +.select2-container--default .select2-success.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-success .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-success .select2-search--inline .select2-search__field:focus, +.select2-success .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-success .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-success .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #71dd8a; +} + +.select2-container--default .select2-success .select2-results__option--highlighted, +.select2-success .select2-container--default .select2-results__option--highlighted { + background-color: #28a745; + color: #ffffff; +} + +.select2-container--default .select2-success .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-success .select2-results__option--highlighted[aria-selected]:hover, +.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-success .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #259b40; + color: #ffffff; +} + +.select2-container--default .select2-success .select2-selection--multiple:focus, +.select2-success .select2-container--default .select2-selection--multiple:focus { + border-color: #71dd8a; +} + +.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice, +.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #28a745; + border-color: #23923d; + color: #ffffff; +} + +.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove, +.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-success .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-success.select2-container--focus .select2-selection--multiple, +.select2-success .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #71dd8a; +} + +.select2-container--default .select2-info.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-info .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-info .select2-search--inline .select2-search__field:focus, +.select2-info .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-info .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-info .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #63d9ec; +} + +.select2-container--default .select2-info .select2-results__option--highlighted, +.select2-info .select2-container--default .select2-results__option--highlighted { + background-color: #17a2b8; + color: #ffffff; +} + +.select2-container--default .select2-info .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-info .select2-results__option--highlighted[aria-selected]:hover, +.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-info .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #1596aa; + color: #ffffff; +} + +.select2-container--default .select2-info .select2-selection--multiple:focus, +.select2-info .select2-container--default .select2-selection--multiple:focus { + border-color: #63d9ec; +} + +.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice, +.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #17a2b8; + border-color: #148ea1; + color: #ffffff; +} + +.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove, +.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-info .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-info.select2-container--focus .select2-selection--multiple, +.select2-info .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #63d9ec; +} + +.select2-container--default .select2-warning.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-warning .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-warning .select2-search--inline .select2-search__field:focus, +.select2-warning .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-warning .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-warning .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #ffe187; +} + +.select2-container--default .select2-warning .select2-results__option--highlighted, +.select2-warning .select2-container--default .select2-results__option--highlighted { + background-color: #ffc107; + color: #1F2D3D; +} + +.select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-warning .select2-results__option--highlighted[aria-selected]:hover, +.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-warning .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #f7b900; + color: #1F2D3D; +} + +.select2-container--default .select2-warning .select2-selection--multiple:focus, +.select2-warning .select2-container--default .select2-selection--multiple:focus { + border-color: #ffe187; +} + +.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice, +.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #ffc107; + border-color: #edb100; + color: #1F2D3D; +} + +.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove, +.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-warning .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1F2D3D; +} + +.select2-container--default .select2-warning.select2-container--focus .select2-selection--multiple, +.select2-warning .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #ffe187; +} + +.select2-container--default .select2-danger.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-danger .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-danger .select2-search--inline .select2-search__field:focus, +.select2-danger .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-danger .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-danger .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #efa2a9; +} + +.select2-container--default .select2-danger .select2-results__option--highlighted, +.select2-danger .select2-container--default .select2-results__option--highlighted { + background-color: #dc3545; + color: #ffffff; +} + +.select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-danger .select2-results__option--highlighted[aria-selected]:hover, +.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-danger .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #da2839; + color: #ffffff; +} + +.select2-container--default .select2-danger .select2-selection--multiple:focus, +.select2-danger .select2-container--default .select2-selection--multiple:focus { + border-color: #efa2a9; +} + +.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice, +.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #dc3545; + border-color: #d32535; + color: #ffffff; +} + +.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove, +.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-danger .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-danger.select2-container--focus .select2-selection--multiple, +.select2-danger .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #efa2a9; +} + +.select2-container--default .select2-light.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-light .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-light .select2-search--inline .select2-search__field:focus, +.select2-light .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-light .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-light .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid white; +} + +.select2-container--default .select2-light .select2-results__option--highlighted, +.select2-light .select2-container--default .select2-results__option--highlighted { + background-color: #f8f9fa; + color: #1F2D3D; +} + +.select2-container--default .select2-light .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-light .select2-results__option--highlighted[aria-selected]:hover, +.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-light .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #eff1f4; + color: #1F2D3D; +} + +.select2-container--default .select2-light .select2-selection--multiple:focus, +.select2-light .select2-container--default .select2-selection--multiple:focus { + border-color: white; +} + +.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice, +.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #f8f9fa; + border-color: #e9ecef; + color: #1F2D3D; +} + +.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove, +.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-light .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1F2D3D; +} + +.select2-container--default .select2-light.select2-container--focus .select2-selection--multiple, +.select2-light .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: white; +} + +.select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-dark .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-dark .select2-search--inline .select2-search__field:focus, +.select2-dark .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-dark .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-dark .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #6d7a86; +} + +.select2-container--default .select2-dark .select2-results__option--highlighted, +.select2-dark .select2-container--default .select2-results__option--highlighted { + background-color: #343a40; + color: #ffffff; +} + +.select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dark .select2-results__option--highlighted[aria-selected]:hover, +.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #2d3238; + color: #ffffff; +} + +.select2-container--default .select2-dark .select2-selection--multiple:focus, +.select2-dark .select2-container--default .select2-selection--multiple:focus { + border-color: #6d7a86; +} + +.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice, +.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #343a40; + border-color: #292d32; + color: #ffffff; +} + +.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove, +.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-dark .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-dark.select2-container--focus .select2-selection--multiple, +.select2-dark .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #6d7a86; +} + +.select2-container--default .select2-lightblue.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-lightblue .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-lightblue .select2-search--inline .select2-search__field:focus, +.select2-lightblue .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-lightblue .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-lightblue .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #99c5de; +} + +.select2-container--default .select2-lightblue .select2-results__option--highlighted, +.select2-lightblue .select2-container--default .select2-results__option--highlighted { + background-color: #3c8dbc; + color: #ffffff; +} + +.select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lightblue .select2-results__option--highlighted[aria-selected]:hover, +.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-lightblue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #3884b0; + color: #ffffff; +} + +.select2-container--default .select2-lightblue .select2-selection--multiple:focus, +.select2-lightblue .select2-container--default .select2-selection--multiple:focus { + border-color: #99c5de; +} + +.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice, +.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #3c8dbc; + border-color: #367fa9; + color: #ffffff; +} + +.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove, +.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-lightblue .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-lightblue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-lightblue.select2-container--focus .select2-selection--multiple, +.select2-lightblue .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #99c5de; +} + +.select2-container--default .select2-navy.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-navy .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-navy .select2-search--inline .select2-search__field:focus, +.select2-navy .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-navy .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-navy .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #005ebf; +} + +.select2-container--default .select2-navy .select2-results__option--highlighted, +.select2-navy .select2-container--default .select2-results__option--highlighted { + background-color: #001f3f; + color: #ffffff; +} + +.select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-navy .select2-results__option--highlighted[aria-selected]:hover, +.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-navy .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #001730; + color: #ffffff; +} + +.select2-container--default .select2-navy .select2-selection--multiple:focus, +.select2-navy .select2-container--default .select2-selection--multiple:focus { + border-color: #005ebf; +} + +.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice, +.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #001f3f; + border-color: #001226; + color: #ffffff; +} + +.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove, +.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-navy .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-navy .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-navy.select2-container--focus .select2-selection--multiple, +.select2-navy .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #005ebf; +} + +.select2-container--default .select2-olive.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-olive .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-olive .select2-search--inline .select2-search__field:focus, +.select2-olive .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-olive .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-olive .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #87cfaf; +} + +.select2-container--default .select2-olive .select2-results__option--highlighted, +.select2-olive .select2-container--default .select2-results__option--highlighted { + background-color: #3d9970; + color: #ffffff; +} + +.select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-olive .select2-results__option--highlighted[aria-selected]:hover, +.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-olive .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #398e68; + color: #ffffff; +} + +.select2-container--default .select2-olive .select2-selection--multiple:focus, +.select2-olive .select2-container--default .select2-selection--multiple:focus { + border-color: #87cfaf; +} + +.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice, +.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #3d9970; + border-color: #368763; + color: #ffffff; +} + +.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove, +.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-olive .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-olive .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-olive.select2-container--focus .select2-selection--multiple, +.select2-olive .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #87cfaf; +} + +.select2-container--default .select2-lime.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-lime .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-lime .select2-search--inline .select2-search__field:focus, +.select2-lime .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-lime .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-lime .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #81ffb8; +} + +.select2-container--default .select2-lime .select2-results__option--highlighted, +.select2-lime .select2-container--default .select2-results__option--highlighted { + background-color: #01ff70; + color: #1F2D3D; +} + +.select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-lime .select2-results__option--highlighted[aria-selected]:hover, +.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-lime .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #00f169; + color: #1F2D3D; +} + +.select2-container--default .select2-lime .select2-selection--multiple:focus, +.select2-lime .select2-container--default .select2-selection--multiple:focus { + border-color: #81ffb8; +} + +.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice, +.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #01ff70; + border-color: #00e765; + color: #1F2D3D; +} + +.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove, +.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-lime .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-lime .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1F2D3D; +} + +.select2-container--default .select2-lime.select2-container--focus .select2-selection--multiple, +.select2-lime .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #81ffb8; +} + +.select2-container--default .select2-fuchsia.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-fuchsia .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-fuchsia .select2-search--inline .select2-search__field:focus, +.select2-fuchsia .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-fuchsia .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-fuchsia .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f88adf; +} + +.select2-container--default .select2-fuchsia .select2-results__option--highlighted, +.select2-fuchsia .select2-container--default .select2-results__option--highlighted { + background-color: #f012be; + color: #ffffff; +} + +.select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-fuchsia .select2-results__option--highlighted[aria-selected]:hover, +.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-fuchsia .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #e40eb4; + color: #ffffff; +} + +.select2-container--default .select2-fuchsia .select2-selection--multiple:focus, +.select2-fuchsia .select2-container--default .select2-selection--multiple:focus { + border-color: #f88adf; +} + +.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice, +.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #f012be; + border-color: #db0ead; + color: #ffffff; +} + +.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove, +.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-fuchsia .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-fuchsia .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-fuchsia.select2-container--focus .select2-selection--multiple, +.select2-fuchsia .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f88adf; +} + +.select2-container--default .select2-maroon.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-maroon .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-maroon .select2-search--inline .select2-search__field:focus, +.select2-maroon .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-maroon .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-maroon .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f083ab; +} + +.select2-container--default .select2-maroon .select2-results__option--highlighted, +.select2-maroon .select2-container--default .select2-results__option--highlighted { + background-color: #d81b60; + color: #ffffff; +} + +.select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-maroon .select2-results__option--highlighted[aria-selected]:hover, +.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-maroon .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #ca195a; + color: #ffffff; +} + +.select2-container--default .select2-maroon .select2-selection--multiple:focus, +.select2-maroon .select2-container--default .select2-selection--multiple:focus { + border-color: #f083ab; +} + +.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice, +.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #d81b60; + border-color: #c11856; + color: #ffffff; +} + +.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove, +.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-maroon .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-maroon .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-maroon.select2-container--focus .select2-selection--multiple, +.select2-maroon .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f083ab; +} + +.select2-container--default .select2-blue.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-blue .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-blue .select2-search--inline .select2-search__field:focus, +.select2-blue .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-blue .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-blue .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #80bdff; +} + +.select2-container--default .select2-blue .select2-results__option--highlighted, +.select2-blue .select2-container--default .select2-results__option--highlighted { + background-color: #007bff; + color: #ffffff; +} + +.select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-blue .select2-results__option--highlighted[aria-selected]:hover, +.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-blue .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #0074f0; + color: #ffffff; +} + +.select2-container--default .select2-blue .select2-selection--multiple:focus, +.select2-blue .select2-container--default .select2-selection--multiple:focus { + border-color: #80bdff; +} + +.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice, +.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #007bff; + border-color: #006fe6; + color: #ffffff; +} + +.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove, +.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-blue .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-blue.select2-container--focus .select2-selection--multiple, +.select2-blue .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; +} + +.select2-container--default .select2-indigo.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-indigo .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-indigo .select2-search--inline .select2-search__field:focus, +.select2-indigo .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-indigo .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-indigo .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #b389f9; +} + +.select2-container--default .select2-indigo .select2-results__option--highlighted, +.select2-indigo .select2-container--default .select2-results__option--highlighted { + background-color: #6610f2; + color: #ffffff; +} + +.select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-indigo .select2-results__option--highlighted[aria-selected]:hover, +.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-indigo .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #5f0de6; + color: #ffffff; +} + +.select2-container--default .select2-indigo .select2-selection--multiple:focus, +.select2-indigo .select2-container--default .select2-selection--multiple:focus { + border-color: #b389f9; +} + +.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice, +.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6610f2; + border-color: #5b0cdd; + color: #ffffff; +} + +.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove, +.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-indigo .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-indigo .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-indigo.select2-container--focus .select2-selection--multiple, +.select2-indigo .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #b389f9; +} + +.select2-container--default .select2-purple.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-purple .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-purple .select2-search--inline .select2-search__field:focus, +.select2-purple .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-purple .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-purple .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #b8a2e0; +} + +.select2-container--default .select2-purple .select2-results__option--highlighted, +.select2-purple .select2-container--default .select2-results__option--highlighted { + background-color: #6f42c1; + color: #ffffff; +} + +.select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-purple .select2-results__option--highlighted[aria-selected]:hover, +.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-purple .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #683cb8; + color: #ffffff; +} + +.select2-container--default .select2-purple .select2-selection--multiple:focus, +.select2-purple .select2-container--default .select2-selection--multiple:focus { + border-color: #b8a2e0; +} + +.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice, +.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6f42c1; + border-color: #643ab0; + color: #ffffff; +} + +.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove, +.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-purple .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-purple .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-purple.select2-container--focus .select2-selection--multiple, +.select2-purple .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #b8a2e0; +} + +.select2-container--default .select2-pink.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-pink .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-pink .select2-search--inline .select2-search__field:focus, +.select2-pink .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-pink .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-pink .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #f6b0d0; +} + +.select2-container--default .select2-pink .select2-results__option--highlighted, +.select2-pink .select2-container--default .select2-results__option--highlighted { + background-color: #e83e8c; + color: #ffffff; +} + +.select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-pink .select2-results__option--highlighted[aria-selected]:hover, +.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-pink .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #e63084; + color: #ffffff; +} + +.select2-container--default .select2-pink .select2-selection--multiple:focus, +.select2-pink .select2-container--default .select2-selection--multiple:focus { + border-color: #f6b0d0; +} + +.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice, +.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #e83e8c; + border-color: #e5277e; + color: #ffffff; +} + +.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove, +.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-pink .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-pink .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-pink.select2-container--focus .select2-selection--multiple, +.select2-pink .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f6b0d0; +} + +.select2-container--default .select2-red.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-red .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-red .select2-search--inline .select2-search__field:focus, +.select2-red .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-red .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-red .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #efa2a9; +} + +.select2-container--default .select2-red .select2-results__option--highlighted, +.select2-red .select2-container--default .select2-results__option--highlighted { + background-color: #dc3545; + color: #ffffff; +} + +.select2-container--default .select2-red .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-red .select2-results__option--highlighted[aria-selected]:hover, +.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-red .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #da2839; + color: #ffffff; +} + +.select2-container--default .select2-red .select2-selection--multiple:focus, +.select2-red .select2-container--default .select2-selection--multiple:focus { + border-color: #efa2a9; +} + +.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice, +.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #dc3545; + border-color: #d32535; + color: #ffffff; +} + +.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove, +.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-red .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-red .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-red.select2-container--focus .select2-selection--multiple, +.select2-red .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #efa2a9; +} + +.select2-container--default .select2-orange.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-orange .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-orange .select2-search--inline .select2-search__field:focus, +.select2-orange .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-orange .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-orange .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #fec392; +} + +.select2-container--default .select2-orange .select2-results__option--highlighted, +.select2-orange .select2-container--default .select2-results__option--highlighted { + background-color: #fd7e14; + color: #1F2D3D; +} + +.select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-orange .select2-results__option--highlighted[aria-selected]:hover, +.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-orange .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #fd7605; + color: #ffffff; +} + +.select2-container--default .select2-orange .select2-selection--multiple:focus, +.select2-orange .select2-container--default .select2-selection--multiple:focus { + border-color: #fec392; +} + +.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice, +.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #fd7e14; + border-color: #f57102; + color: #1F2D3D; +} + +.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove, +.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-orange .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-orange .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1F2D3D; +} + +.select2-container--default .select2-orange.select2-container--focus .select2-selection--multiple, +.select2-orange .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #fec392; +} + +.select2-container--default .select2-yellow.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-yellow .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-yellow .select2-search--inline .select2-search__field:focus, +.select2-yellow .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-yellow .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-yellow .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #ffe187; +} + +.select2-container--default .select2-yellow .select2-results__option--highlighted, +.select2-yellow .select2-container--default .select2-results__option--highlighted { + background-color: #ffc107; + color: #1F2D3D; +} + +.select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-yellow .select2-results__option--highlighted[aria-selected]:hover, +.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-yellow .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #f7b900; + color: #1F2D3D; +} + +.select2-container--default .select2-yellow .select2-selection--multiple:focus, +.select2-yellow .select2-container--default .select2-selection--multiple:focus { + border-color: #ffe187; +} + +.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice, +.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #ffc107; + border-color: #edb100; + color: #1F2D3D; +} + +.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove, +.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-yellow .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-yellow .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1F2D3D; +} + +.select2-container--default .select2-yellow.select2-container--focus .select2-selection--multiple, +.select2-yellow .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #ffe187; +} + +.select2-container--default .select2-green.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-green .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-green .select2-search--inline .select2-search__field:focus, +.select2-green .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-green .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-green .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #71dd8a; +} + +.select2-container--default .select2-green .select2-results__option--highlighted, +.select2-green .select2-container--default .select2-results__option--highlighted { + background-color: #28a745; + color: #ffffff; +} + +.select2-container--default .select2-green .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-green .select2-results__option--highlighted[aria-selected]:hover, +.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-green .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #259b40; + color: #ffffff; +} + +.select2-container--default .select2-green .select2-selection--multiple:focus, +.select2-green .select2-container--default .select2-selection--multiple:focus { + border-color: #71dd8a; +} + +.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice, +.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #28a745; + border-color: #23923d; + color: #ffffff; +} + +.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove, +.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-green .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-green .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-green.select2-container--focus .select2-selection--multiple, +.select2-green .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #71dd8a; +} + +.select2-container--default .select2-teal.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-teal .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-teal .select2-search--inline .select2-search__field:focus, +.select2-teal .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-teal .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-teal .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #7eeaca; +} + +.select2-container--default .select2-teal .select2-results__option--highlighted, +.select2-teal .select2-container--default .select2-results__option--highlighted { + background-color: #20c997; + color: #ffffff; +} + +.select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-teal .select2-results__option--highlighted[aria-selected]:hover, +.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-teal .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #1ebc8d; + color: #ffffff; +} + +.select2-container--default .select2-teal .select2-selection--multiple:focus, +.select2-teal .select2-container--default .select2-selection--multiple:focus { + border-color: #7eeaca; +} + +.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice, +.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #20c997; + border-color: #1cb386; + color: #ffffff; +} + +.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove, +.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-teal .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-teal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-teal.select2-container--focus .select2-selection--multiple, +.select2-teal .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #7eeaca; +} + +.select2-container--default .select2-cyan.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-cyan .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-cyan .select2-search--inline .select2-search__field:focus, +.select2-cyan .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-cyan .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-cyan .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #63d9ec; +} + +.select2-container--default .select2-cyan .select2-results__option--highlighted, +.select2-cyan .select2-container--default .select2-results__option--highlighted { + background-color: #17a2b8; + color: #ffffff; +} + +.select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-cyan .select2-results__option--highlighted[aria-selected]:hover, +.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-cyan .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #1596aa; + color: #ffffff; +} + +.select2-container--default .select2-cyan .select2-selection--multiple:focus, +.select2-cyan .select2-container--default .select2-selection--multiple:focus { + border-color: #63d9ec; +} + +.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice, +.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #17a2b8; + border-color: #148ea1; + color: #ffffff; +} + +.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove, +.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-cyan .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-cyan .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-cyan.select2-container--focus .select2-selection--multiple, +.select2-cyan .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #63d9ec; +} + +.select2-container--default .select2-white.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-white .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-white .select2-search--inline .select2-search__field:focus, +.select2-white .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-white .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-white .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid white; +} + +.select2-container--default .select2-white .select2-results__option--highlighted, +.select2-white .select2-container--default .select2-results__option--highlighted { + background-color: #ffffff; + color: #1F2D3D; +} + +.select2-container--default .select2-white .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-white .select2-results__option--highlighted[aria-selected]:hover, +.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-white .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #f7f7f7; + color: #1F2D3D; +} + +.select2-container--default .select2-white .select2-selection--multiple:focus, +.select2-white .select2-container--default .select2-selection--multiple:focus { + border-color: white; +} + +.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice, +.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #ffffff; + border-color: #f2f2f2; + color: #1F2D3D; +} + +.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove, +.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(31, 45, 61, 0.7); +} + +.select2-container--default .select2-white .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-white .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #1F2D3D; +} + +.select2-container--default .select2-white.select2-container--focus .select2-selection--multiple, +.select2-white .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: white; +} + +.select2-container--default .select2-gray.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-gray .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-gray .select2-search--inline .select2-search__field:focus, +.select2-gray .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-gray .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-gray .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #afb5ba; +} + +.select2-container--default .select2-gray .select2-results__option--highlighted, +.select2-gray .select2-container--default .select2-results__option--highlighted { + background-color: #6c757d; + color: #ffffff; +} + +.select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray .select2-results__option--highlighted[aria-selected]:hover, +.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-gray .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #656d75; + color: #ffffff; +} + +.select2-container--default .select2-gray .select2-selection--multiple:focus, +.select2-gray .select2-container--default .select2-selection--multiple:focus { + border-color: #afb5ba; +} + +.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice, +.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #6c757d; + border-color: #60686f; + color: #ffffff; +} + +.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove, +.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-gray .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-gray.select2-container--focus .select2-selection--multiple, +.select2-gray .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #afb5ba; +} + +.select2-container--default .select2-gray-dark.select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-gray-dark .select2-dropdown .select2-search__field:focus, +.select2-container--default .select2-gray-dark .select2-search--inline .select2-search__field:focus, +.select2-gray-dark .select2-container--default.select2-dropdown .select2-search__field:focus, +.select2-gray-dark .select2-container--default .select2-dropdown .select2-search__field:focus, +.select2-gray-dark .select2-container--default .select2-search--inline .select2-search__field:focus { + border: 1px solid #6d7a86; +} + +.select2-container--default .select2-gray-dark .select2-results__option--highlighted, +.select2-gray-dark .select2-container--default .select2-results__option--highlighted { + background-color: #343a40; + color: #ffffff; +} + +.select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-gray-dark .select2-results__option--highlighted[aria-selected]:hover, +.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected], +.select2-gray-dark .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { + background-color: #2d3238; + color: #ffffff; +} + +.select2-container--default .select2-gray-dark .select2-selection--multiple:focus, +.select2-gray-dark .select2-container--default .select2-selection--multiple:focus { + border-color: #6d7a86; +} + +.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice, +.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #343a40; + border-color: #292d32; + color: #ffffff; +} + +.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove, +.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: rgba(255, 255, 255, 0.7); +} + +.select2-container--default .select2-gray-dark .select2-selection--multiple .select2-selection__choice__remove:hover, +.select2-gray-dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { + color: #ffffff; +} + +.select2-container--default .select2-gray-dark.select2-container--focus .select2-selection--multiple, +.select2-gray-dark .select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #6d7a86; +} + +.slider .tooltip.in { + opacity: 0.9; +} + +.slider.slider-vertical { + height: 100%; +} + +.slider.slider-horizontal { + width: 100%; +} + +.slider-primary .slider .slider-selection { + background: #007bff; +} + +.slider-secondary .slider .slider-selection { + background: #6c757d; +} + +.slider-success .slider .slider-selection { + background: #28a745; +} + +.slider-info .slider .slider-selection { + background: #17a2b8; +} + +.slider-warning .slider .slider-selection { + background: #ffc107; +} + +.slider-danger .slider .slider-selection { + background: #dc3545; +} + +.slider-light .slider .slider-selection { + background: #f8f9fa; +} + +.slider-dark .slider .slider-selection { + background: #343a40; +} + +.slider-lightblue .slider .slider-selection { + background: #3c8dbc; +} + +.slider-navy .slider .slider-selection { + background: #001f3f; +} + +.slider-olive .slider .slider-selection { + background: #3d9970; +} + +.slider-lime .slider .slider-selection { + background: #01ff70; +} + +.slider-fuchsia .slider .slider-selection { + background: #f012be; +} + +.slider-maroon .slider .slider-selection { + background: #d81b60; +} + +.slider-blue .slider .slider-selection { + background: #007bff; +} + +.slider-indigo .slider .slider-selection { + background: #6610f2; +} + +.slider-purple .slider .slider-selection { + background: #6f42c1; +} + +.slider-pink .slider .slider-selection { + background: #e83e8c; +} + +.slider-red .slider .slider-selection { + background: #dc3545; +} + +.slider-orange .slider .slider-selection { + background: #fd7e14; +} + +.slider-yellow .slider .slider-selection { + background: #ffc107; +} + +.slider-green .slider .slider-selection { + background: #28a745; +} + +.slider-teal .slider .slider-selection { + background: #20c997; +} + +.slider-cyan .slider .slider-selection { + background: #17a2b8; +} + +.slider-white .slider .slider-selection { + background: #ffffff; +} + +.slider-gray .slider .slider-selection { + background: #6c757d; +} + +.slider-gray-dark .slider .slider-selection { + background: #343a40; +} + +.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #007bff; +} + +.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-primary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #007bff; +} + +.icheck-primary > input:first-child:checked + label::before, +.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #007bff; + border-color: #007bff; +} + +.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-secondary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-secondary > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.icheck-secondary > input:first-child:checked + label::before, +.icheck-secondary > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6c757d; + border-color: #6c757d; +} + +.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #28a745; +} + +.icheck-success > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-success > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #28a745; +} + +.icheck-success > input:first-child:checked + label::before, +.icheck-success > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #28a745; + border-color: #28a745; +} + +.icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #17a2b8; +} + +.icheck-info > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-info > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #17a2b8; +} + +.icheck-info > input:first-child:checked + label::before, +.icheck-info > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #17a2b8; + border-color: #17a2b8; +} + +.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #ffc107; +} + +.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-warning > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #ffc107; +} + +.icheck-warning > input:first-child:checked + label::before, +.icheck-warning > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #ffc107; + border-color: #ffc107; +} + +.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #dc3545; +} + +.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-danger > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #dc3545; +} + +.icheck-danger > input:first-child:checked + label::before, +.icheck-danger > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #dc3545; + border-color: #dc3545; +} + +.icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #f8f9fa; +} + +.icheck-light > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-light > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #f8f9fa; +} + +.icheck-light > input:first-child:checked + label::before, +.icheck-light > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.icheck-dark > input:first-child:checked + label::before, +.icheck-dark > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #343a40; + border-color: #343a40; +} + +.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-lightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #3c8dbc; +} + +.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-lightblue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #3c8dbc; +} + +.icheck-lightblue > input:first-child:checked + label::before, +.icheck-lightblue > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #3c8dbc; + border-color: #3c8dbc; +} + +.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-navy > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #001f3f; +} + +.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-navy > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #001f3f; +} + +.icheck-navy > input:first-child:checked + label::before, +.icheck-navy > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #001f3f; + border-color: #001f3f; +} + +.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-olive > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #3d9970; +} + +.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-olive > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #3d9970; +} + +.icheck-olive > input:first-child:checked + label::before, +.icheck-olive > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #3d9970; + border-color: #3d9970; +} + +.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-lime > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #01ff70; +} + +.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-lime > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #01ff70; +} + +.icheck-lime > input:first-child:checked + label::before, +.icheck-lime > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #01ff70; + border-color: #01ff70; +} + +.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #f012be; +} + +.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-fuchsia > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #f012be; +} + +.icheck-fuchsia > input:first-child:checked + label::before, +.icheck-fuchsia > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #f012be; + border-color: #f012be; +} + +.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-maroon > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #d81b60; +} + +.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-maroon > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #d81b60; +} + +.icheck-maroon > input:first-child:checked + label::before, +.icheck-maroon > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #d81b60; + border-color: #d81b60; +} + +.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #007bff; +} + +.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-blue > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #007bff; +} + +.icheck-blue > input:first-child:checked + label::before, +.icheck-blue > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #007bff; + border-color: #007bff; +} + +.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-indigo > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6610f2; +} + +.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-indigo > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6610f2; +} + +.icheck-indigo > input:first-child:checked + label::before, +.icheck-indigo > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6610f2; + border-color: #6610f2; +} + +.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6f42c1; +} + +.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-purple > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6f42c1; +} + +.icheck-purple > input:first-child:checked + label::before, +.icheck-purple > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6f42c1; + border-color: #6f42c1; +} + +.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #e83e8c; +} + +.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-pink > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #e83e8c; +} + +.icheck-pink > input:first-child:checked + label::before, +.icheck-pink > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #e83e8c; + border-color: #e83e8c; +} + +.icheck-red > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-red > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #dc3545; +} + +.icheck-red > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-red > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #dc3545; +} + +.icheck-red > input:first-child:checked + label::before, +.icheck-red > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #dc3545; + border-color: #dc3545; +} + +.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #fd7e14; +} + +.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-orange > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #fd7e14; +} + +.icheck-orange > input:first-child:checked + label::before, +.icheck-orange > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #fd7e14; + border-color: #fd7e14; +} + +.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #ffc107; +} + +.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-yellow > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #ffc107; +} + +.icheck-yellow > input:first-child:checked + label::before, +.icheck-yellow > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #ffc107; + border-color: #ffc107; +} + +.icheck-green > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #28a745; +} + +.icheck-green > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-green > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #28a745; +} + +.icheck-green > input:first-child:checked + label::before, +.icheck-green > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #28a745; + border-color: #28a745; +} + +.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-teal > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #20c997; +} + +.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-teal > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #20c997; +} + +.icheck-teal > input:first-child:checked + label::before, +.icheck-teal > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #20c997; + border-color: #20c997; +} + +.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-cyan > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #17a2b8; +} + +.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-cyan > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #17a2b8; +} + +.icheck-cyan > input:first-child:checked + label::before, +.icheck-cyan > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #17a2b8; + border-color: #17a2b8; +} + +.icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #ffffff; +} + +.icheck-white > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-white > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #ffffff; +} + +.icheck-white > input:first-child:checked + label::before, +.icheck-white > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #ffffff; + border-color: #ffffff; +} + +.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-gray > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-gray > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #6c757d; +} + +.icheck-gray > input:first-child:checked + label::before, +.icheck-gray > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #6c757d; + border-color: #6c757d; +} + +.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + label::before, +.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + label::before, +.icheck-gray-dark > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before { + border-color: #343a40; +} + +.icheck-gray-dark > input:first-child:checked + label::before, +.icheck-gray-dark > input:first-child:checked + input[type="hidden"] + label::before { + background-color: #343a40; + border-color: #343a40; +} + +.mapael .map { + position: relative; +} + +.mapael .mapTooltip { + font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + 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; + border-radius: 0.25rem; + font-size: 0.875rem; + background-color: #000; + color: #ffffff; + display: block; + max-width: 200px; + padding: 0.25rem 0.5rem; + position: absolute; + text-align: center; + word-wrap: break-word; + z-index: 1070; +} + +.mapael .myLegend { + background-color: #f8f9fa; + border: 1px solid #adb5bd; + padding: 10px; + width: 600px; +} + +.mapael .zoomButton { + background-color: #f8f9fa; + border: 1px solid #ddd; + border-radius: 0.25rem; + color: #444; + cursor: pointer; + font-weight: bold; + height: 16px; + left: 10px; + line-height: 14px; + padding-left: 1px; + position: absolute; + text-align: center; + top: 0; + user-select: none; + width: 16px; +} + +.mapael .zoomButton:hover, .mapael .zoomButton:active, .mapael .zoomButton.hover { + background-color: #e9ecef; + color: #2b2b2b; +} + +.mapael .zoomReset { + line-height: 12px; + top: 10px; +} + +.mapael .zoomIn { + top: 30px; +} + +.mapael .zoomOut { + top: 50px; +} + +.jqvmap-zoomin, +.jqvmap-zoomout { + background-color: #f8f9fa; + border: 1px solid #ddd; + border-radius: 0.25rem; + color: #444; + height: 15px; + width: 15px; +} + +.jqvmap-zoomin:hover, .jqvmap-zoomin:active, .jqvmap-zoomin.hover, +.jqvmap-zoomout:hover, +.jqvmap-zoomout:active, +.jqvmap-zoomout.hover { + background-color: #e9ecef; + color: #2b2b2b; +} + +.swal2-icon.swal2-info { + border-color: ligthen(#17a2b8, 20%); + color: #17a2b8; +} + +.swal2-icon.swal2-warning { + border-color: ligthen(#ffc107, 20%); + color: #ffc107; +} + +.swal2-icon.swal2-error { + border-color: ligthen(#dc3545, 20%); + color: #dc3545; +} + +.swal2-icon.swal2-question { + border-color: ligthen(#6c757d, 20%); + color: #6c757d; +} + +.swal2-icon.swal2-success { + border-color: ligthen(#28a745, 20%); + color: #28a745; +} + +.swal2-icon.swal2-success .swal2-success-ring { + border-color: ligthen(#28a745, 20%); +} + +.swal2-icon.swal2-success [class^='swal2-success-line'] { + background-color: #28a745; +} + +#toast-container .toast { + background-color: #007bff; +} + +#toast-container .toast-success { + background-color: #28a745; +} + +#toast-container .toast-error { + background-color: #dc3545; +} + +#toast-container .toast-info { + background-color: #17a2b8; +} + +#toast-container .toast-warning { + background-color: #ffc107; +} + +.pace { + z-index: 1048; +} + +.pace .pace-progress { + z-index: 1049; +} + +.pace .pace-activity { + z-index: 1050; +} + +.pace-primary .pace .pace-progress { + background: #007bff; +} + +.pace-barber-shop-primary .pace { + background: #ffffff; +} + +.pace-barber-shop-primary .pace .pace-progress { + background: #007bff; +} + +.pace-barber-shop-primary .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-primary .pace .pace-progress::after { + color: rgba(0, 123, 255, 0.2); +} + +.pace-bounce-primary .pace .pace-activity { + background: #007bff; +} + +.pace-center-atom-primary .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-primary .pace-progress::before { + background: #007bff; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-primary .pace-activity { + border-color: #007bff; +} + +.pace-center-atom-primary .pace-activity::after, .pace-center-atom-primary .pace-activity::before { + border-color: #007bff; +} + +.pace-center-circle-primary .pace .pace-progress { + background: rgba(0, 123, 255, 0.8); + color: #ffffff; +} + +.pace-center-radar-primary .pace .pace-activity { + border-color: #007bff transparent transparent; +} + +.pace-center-radar-primary .pace .pace-activity::before { + border-color: #007bff transparent transparent; +} + +.pace-center-simple-primary .pace { + background: #ffffff; + border-color: #007bff; +} + +.pace-center-simple-primary .pace .pace-progress { + background: #007bff; +} + +.pace-material-primary .pace { + color: #007bff; +} + +.pace-corner-indicator-primary .pace .pace-activity { + background: #007bff; +} + +.pace-corner-indicator-primary .pace .pace-activity::after, +.pace-corner-indicator-primary .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-primary .pace .pace-activity::before { + border-right-color: rgba(0, 123, 255, 0.2); + border-left-color: rgba(0, 123, 255, 0.2); +} + +.pace-corner-indicator-primary .pace .pace-activity::after { + border-top-color: rgba(0, 123, 255, 0.2); + border-bottom-color: rgba(0, 123, 255, 0.2); +} + +.pace-fill-left-primary .pace .pace-progress { + background-color: rgba(0, 123, 255, 0.2); +} + +.pace-flash-primary .pace .pace-progress { + background: #007bff; +} + +.pace-flash-primary .pace .pace-progress-inner { + box-shadow: 0 0 10px #007bff, 0 0 5px #007bff; +} + +.pace-flash-primary .pace .pace-activity { + border-top-color: #007bff; + border-left-color: #007bff; +} + +.pace-loading-bar-primary .pace .pace-progress { + background: #007bff; + color: #007bff; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-primary .pace .pace-activity { + box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-primary .pace .pace-progress { + background-color: #007bff; + box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-primary .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-primary .pace-progress { + color: #007bff; +} + +.pace-secondary .pace .pace-progress { + background: #6c757d; +} + +.pace-barber-shop-secondary .pace { + background: #ffffff; +} + +.pace-barber-shop-secondary .pace .pace-progress { + background: #6c757d; +} + +.pace-barber-shop-secondary .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-secondary .pace .pace-progress::after { + color: rgba(108, 117, 125, 0.2); +} + +.pace-bounce-secondary .pace .pace-activity { + background: #6c757d; +} + +.pace-center-atom-secondary .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-secondary .pace-progress::before { + background: #6c757d; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-secondary .pace-activity { + border-color: #6c757d; +} + +.pace-center-atom-secondary .pace-activity::after, .pace-center-atom-secondary .pace-activity::before { + border-color: #6c757d; +} + +.pace-center-circle-secondary .pace .pace-progress { + background: rgba(108, 117, 125, 0.8); + color: #ffffff; +} + +.pace-center-radar-secondary .pace .pace-activity { + border-color: #6c757d transparent transparent; +} + +.pace-center-radar-secondary .pace .pace-activity::before { + border-color: #6c757d transparent transparent; +} + +.pace-center-simple-secondary .pace { + background: #ffffff; + border-color: #6c757d; +} + +.pace-center-simple-secondary .pace .pace-progress { + background: #6c757d; +} + +.pace-material-secondary .pace { + color: #6c757d; +} + +.pace-corner-indicator-secondary .pace .pace-activity { + background: #6c757d; +} + +.pace-corner-indicator-secondary .pace .pace-activity::after, +.pace-corner-indicator-secondary .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-secondary .pace .pace-activity::before { + border-right-color: rgba(108, 117, 125, 0.2); + border-left-color: rgba(108, 117, 125, 0.2); +} + +.pace-corner-indicator-secondary .pace .pace-activity::after { + border-top-color: rgba(108, 117, 125, 0.2); + border-bottom-color: rgba(108, 117, 125, 0.2); +} + +.pace-fill-left-secondary .pace .pace-progress { + background-color: rgba(108, 117, 125, 0.2); +} + +.pace-flash-secondary .pace .pace-progress { + background: #6c757d; +} + +.pace-flash-secondary .pace .pace-progress-inner { + box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d; +} + +.pace-flash-secondary .pace .pace-activity { + border-top-color: #6c757d; + border-left-color: #6c757d; +} + +.pace-loading-bar-secondary .pace .pace-progress { + background: #6c757d; + color: #6c757d; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-secondary .pace .pace-activity { + box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-secondary .pace .pace-progress { + background-color: #6c757d; + box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-secondary .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-secondary .pace-progress { + color: #6c757d; +} + +.pace-success .pace .pace-progress { + background: #28a745; +} + +.pace-barber-shop-success .pace { + background: #ffffff; +} + +.pace-barber-shop-success .pace .pace-progress { + background: #28a745; +} + +.pace-barber-shop-success .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-success .pace .pace-progress::after { + color: rgba(40, 167, 69, 0.2); +} + +.pace-bounce-success .pace .pace-activity { + background: #28a745; +} + +.pace-center-atom-success .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-success .pace-progress::before { + background: #28a745; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-success .pace-activity { + border-color: #28a745; +} + +.pace-center-atom-success .pace-activity::after, .pace-center-atom-success .pace-activity::before { + border-color: #28a745; +} + +.pace-center-circle-success .pace .pace-progress { + background: rgba(40, 167, 69, 0.8); + color: #ffffff; +} + +.pace-center-radar-success .pace .pace-activity { + border-color: #28a745 transparent transparent; +} + +.pace-center-radar-success .pace .pace-activity::before { + border-color: #28a745 transparent transparent; +} + +.pace-center-simple-success .pace { + background: #ffffff; + border-color: #28a745; +} + +.pace-center-simple-success .pace .pace-progress { + background: #28a745; +} + +.pace-material-success .pace { + color: #28a745; +} + +.pace-corner-indicator-success .pace .pace-activity { + background: #28a745; +} + +.pace-corner-indicator-success .pace .pace-activity::after, +.pace-corner-indicator-success .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-success .pace .pace-activity::before { + border-right-color: rgba(40, 167, 69, 0.2); + border-left-color: rgba(40, 167, 69, 0.2); +} + +.pace-corner-indicator-success .pace .pace-activity::after { + border-top-color: rgba(40, 167, 69, 0.2); + border-bottom-color: rgba(40, 167, 69, 0.2); +} + +.pace-fill-left-success .pace .pace-progress { + background-color: rgba(40, 167, 69, 0.2); +} + +.pace-flash-success .pace .pace-progress { + background: #28a745; +} + +.pace-flash-success .pace .pace-progress-inner { + box-shadow: 0 0 10px #28a745, 0 0 5px #28a745; +} + +.pace-flash-success .pace .pace-activity { + border-top-color: #28a745; + border-left-color: #28a745; +} + +.pace-loading-bar-success .pace .pace-progress { + background: #28a745; + color: #28a745; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-success .pace .pace-activity { + box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-success .pace .pace-progress { + background-color: #28a745; + box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-success .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-success .pace-progress { + color: #28a745; +} + +.pace-info .pace .pace-progress { + background: #17a2b8; +} + +.pace-barber-shop-info .pace { + background: #ffffff; +} + +.pace-barber-shop-info .pace .pace-progress { + background: #17a2b8; +} + +.pace-barber-shop-info .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-info .pace .pace-progress::after { + color: rgba(23, 162, 184, 0.2); +} + +.pace-bounce-info .pace .pace-activity { + background: #17a2b8; +} + +.pace-center-atom-info .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-info .pace-progress::before { + background: #17a2b8; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-info .pace-activity { + border-color: #17a2b8; +} + +.pace-center-atom-info .pace-activity::after, .pace-center-atom-info .pace-activity::before { + border-color: #17a2b8; +} + +.pace-center-circle-info .pace .pace-progress { + background: rgba(23, 162, 184, 0.8); + color: #ffffff; +} + +.pace-center-radar-info .pace .pace-activity { + border-color: #17a2b8 transparent transparent; +} + +.pace-center-radar-info .pace .pace-activity::before { + border-color: #17a2b8 transparent transparent; +} + +.pace-center-simple-info .pace { + background: #ffffff; + border-color: #17a2b8; +} + +.pace-center-simple-info .pace .pace-progress { + background: #17a2b8; +} + +.pace-material-info .pace { + color: #17a2b8; +} + +.pace-corner-indicator-info .pace .pace-activity { + background: #17a2b8; +} + +.pace-corner-indicator-info .pace .pace-activity::after, +.pace-corner-indicator-info .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-info .pace .pace-activity::before { + border-right-color: rgba(23, 162, 184, 0.2); + border-left-color: rgba(23, 162, 184, 0.2); +} + +.pace-corner-indicator-info .pace .pace-activity::after { + border-top-color: rgba(23, 162, 184, 0.2); + border-bottom-color: rgba(23, 162, 184, 0.2); +} + +.pace-fill-left-info .pace .pace-progress { + background-color: rgba(23, 162, 184, 0.2); +} + +.pace-flash-info .pace .pace-progress { + background: #17a2b8; +} + +.pace-flash-info .pace .pace-progress-inner { + box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8; +} + +.pace-flash-info .pace .pace-activity { + border-top-color: #17a2b8; + border-left-color: #17a2b8; +} + +.pace-loading-bar-info .pace .pace-progress { + background: #17a2b8; + color: #17a2b8; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-info .pace .pace-activity { + box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-info .pace .pace-progress { + background-color: #17a2b8; + box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-info .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-info .pace-progress { + color: #17a2b8; +} + +.pace-warning .pace .pace-progress { + background: #ffc107; +} + +.pace-barber-shop-warning .pace { + background: #1F2D3D; +} + +.pace-barber-shop-warning .pace .pace-progress { + background: #ffc107; +} + +.pace-barber-shop-warning .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-warning .pace .pace-progress::after { + color: rgba(255, 193, 7, 0.2); +} + +.pace-bounce-warning .pace .pace-activity { + background: #ffc107; +} + +.pace-center-atom-warning .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-warning .pace-progress::before { + background: #ffc107; + color: #1F2D3D; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-warning .pace-activity { + border-color: #ffc107; +} + +.pace-center-atom-warning .pace-activity::after, .pace-center-atom-warning .pace-activity::before { + border-color: #ffc107; +} + +.pace-center-circle-warning .pace .pace-progress { + background: rgba(255, 193, 7, 0.8); + color: #1F2D3D; +} + +.pace-center-radar-warning .pace .pace-activity { + border-color: #ffc107 transparent transparent; +} + +.pace-center-radar-warning .pace .pace-activity::before { + border-color: #ffc107 transparent transparent; +} + +.pace-center-simple-warning .pace { + background: #1F2D3D; + border-color: #ffc107; +} + +.pace-center-simple-warning .pace .pace-progress { + background: #ffc107; +} + +.pace-material-warning .pace { + color: #ffc107; +} + +.pace-corner-indicator-warning .pace .pace-activity { + background: #ffc107; +} + +.pace-corner-indicator-warning .pace .pace-activity::after, +.pace-corner-indicator-warning .pace .pace-activity::before  { + border: 5px solid #1F2D3D; +} + +.pace-corner-indicator-warning .pace .pace-activity::before { + border-right-color: rgba(255, 193, 7, 0.2); + border-left-color: rgba(255, 193, 7, 0.2); +} + +.pace-corner-indicator-warning .pace .pace-activity::after { + border-top-color: rgba(255, 193, 7, 0.2); + border-bottom-color: rgba(255, 193, 7, 0.2); +} + +.pace-fill-left-warning .pace .pace-progress { + background-color: rgba(255, 193, 7, 0.2); +} + +.pace-flash-warning .pace .pace-progress { + background: #ffc107; +} + +.pace-flash-warning .pace .pace-progress-inner { + box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107; +} + +.pace-flash-warning .pace .pace-activity { + border-top-color: #ffc107; + border-left-color: #ffc107; +} + +.pace-loading-bar-warning .pace .pace-progress { + background: #ffc107; + color: #ffc107; + box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; +} + +.pace-loading-bar-warning .pace .pace-activity { + box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1F2D3D; +} + +.pace-mac-osx-warning .pace .pace-progress { + background-color: #ffc107; + box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-warning .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-warning .pace-progress { + color: #ffc107; +} + +.pace-danger .pace .pace-progress { + background: #dc3545; +} + +.pace-barber-shop-danger .pace { + background: #ffffff; +} + +.pace-barber-shop-danger .pace .pace-progress { + background: #dc3545; +} + +.pace-barber-shop-danger .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-danger .pace .pace-progress::after { + color: rgba(220, 53, 69, 0.2); +} + +.pace-bounce-danger .pace .pace-activity { + background: #dc3545; +} + +.pace-center-atom-danger .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-danger .pace-progress::before { + background: #dc3545; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-danger .pace-activity { + border-color: #dc3545; +} + +.pace-center-atom-danger .pace-activity::after, .pace-center-atom-danger .pace-activity::before { + border-color: #dc3545; +} + +.pace-center-circle-danger .pace .pace-progress { + background: rgba(220, 53, 69, 0.8); + color: #ffffff; +} + +.pace-center-radar-danger .pace .pace-activity { + border-color: #dc3545 transparent transparent; +} + +.pace-center-radar-danger .pace .pace-activity::before { + border-color: #dc3545 transparent transparent; +} + +.pace-center-simple-danger .pace { + background: #ffffff; + border-color: #dc3545; +} + +.pace-center-simple-danger .pace .pace-progress { + background: #dc3545; +} + +.pace-material-danger .pace { + color: #dc3545; +} + +.pace-corner-indicator-danger .pace .pace-activity { + background: #dc3545; +} + +.pace-corner-indicator-danger .pace .pace-activity::after, +.pace-corner-indicator-danger .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-danger .pace .pace-activity::before { + border-right-color: rgba(220, 53, 69, 0.2); + border-left-color: rgba(220, 53, 69, 0.2); +} + +.pace-corner-indicator-danger .pace .pace-activity::after { + border-top-color: rgba(220, 53, 69, 0.2); + border-bottom-color: rgba(220, 53, 69, 0.2); +} + +.pace-fill-left-danger .pace .pace-progress { + background-color: rgba(220, 53, 69, 0.2); +} + +.pace-flash-danger .pace .pace-progress { + background: #dc3545; +} + +.pace-flash-danger .pace .pace-progress-inner { + box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545; +} + +.pace-flash-danger .pace .pace-activity { + border-top-color: #dc3545; + border-left-color: #dc3545; +} + +.pace-loading-bar-danger .pace .pace-progress { + background: #dc3545; + color: #dc3545; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-danger .pace .pace-activity { + box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-danger .pace .pace-progress { + background-color: #dc3545; + box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-danger .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-danger .pace-progress { + color: #dc3545; +} + +.pace-light .pace .pace-progress { + background: #f8f9fa; +} + +.pace-barber-shop-light .pace { + background: #1F2D3D; +} + +.pace-barber-shop-light .pace .pace-progress { + background: #f8f9fa; +} + +.pace-barber-shop-light .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-light .pace .pace-progress::after { + color: rgba(248, 249, 250, 0.2); +} + +.pace-bounce-light .pace .pace-activity { + background: #f8f9fa; +} + +.pace-center-atom-light .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-light .pace-progress::before { + background: #f8f9fa; + color: #1F2D3D; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-light .pace-activity { + border-color: #f8f9fa; +} + +.pace-center-atom-light .pace-activity::after, .pace-center-atom-light .pace-activity::before { + border-color: #f8f9fa; +} + +.pace-center-circle-light .pace .pace-progress { + background: rgba(248, 249, 250, 0.8); + color: #1F2D3D; +} + +.pace-center-radar-light .pace .pace-activity { + border-color: #f8f9fa transparent transparent; +} + +.pace-center-radar-light .pace .pace-activity::before { + border-color: #f8f9fa transparent transparent; +} + +.pace-center-simple-light .pace { + background: #1F2D3D; + border-color: #f8f9fa; +} + +.pace-center-simple-light .pace .pace-progress { + background: #f8f9fa; +} + +.pace-material-light .pace { + color: #f8f9fa; +} + +.pace-corner-indicator-light .pace .pace-activity { + background: #f8f9fa; +} + +.pace-corner-indicator-light .pace .pace-activity::after, +.pace-corner-indicator-light .pace .pace-activity::before  { + border: 5px solid #1F2D3D; +} + +.pace-corner-indicator-light .pace .pace-activity::before { + border-right-color: rgba(248, 249, 250, 0.2); + border-left-color: rgba(248, 249, 250, 0.2); +} + +.pace-corner-indicator-light .pace .pace-activity::after { + border-top-color: rgba(248, 249, 250, 0.2); + border-bottom-color: rgba(248, 249, 250, 0.2); +} + +.pace-fill-left-light .pace .pace-progress { + background-color: rgba(248, 249, 250, 0.2); +} + +.pace-flash-light .pace .pace-progress { + background: #f8f9fa; +} + +.pace-flash-light .pace .pace-progress-inner { + box-shadow: 0 0 10px #f8f9fa, 0 0 5px #f8f9fa; +} + +.pace-flash-light .pace .pace-activity { + border-top-color: #f8f9fa; + border-left-color: #f8f9fa; +} + +.pace-loading-bar-light .pace .pace-progress { + background: #f8f9fa; + color: #f8f9fa; + box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; +} + +.pace-loading-bar-light .pace .pace-activity { + box-shadow: inset 0 0 0 2px #f8f9fa, inset 0 0 0 7px #1F2D3D; +} + +.pace-mac-osx-light .pace .pace-progress { + background-color: #f8f9fa; + box-shadow: inset -1px 0 #f8f9fa, inset 0 -1px #f8f9fa, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-light .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-light .pace-progress { + color: #f8f9fa; +} + +.pace-dark .pace .pace-progress { + background: #343a40; +} + +.pace-barber-shop-dark .pace { + background: #ffffff; +} + +.pace-barber-shop-dark .pace .pace-progress { + background: #343a40; +} + +.pace-barber-shop-dark .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-dark .pace .pace-progress::after { + color: rgba(52, 58, 64, 0.2); +} + +.pace-bounce-dark .pace .pace-activity { + background: #343a40; +} + +.pace-center-atom-dark .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-dark .pace-progress::before { + background: #343a40; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-dark .pace-activity { + border-color: #343a40; +} + +.pace-center-atom-dark .pace-activity::after, .pace-center-atom-dark .pace-activity::before { + border-color: #343a40; +} + +.pace-center-circle-dark .pace .pace-progress { + background: rgba(52, 58, 64, 0.8); + color: #ffffff; +} + +.pace-center-radar-dark .pace .pace-activity { + border-color: #343a40 transparent transparent; +} + +.pace-center-radar-dark .pace .pace-activity::before { + border-color: #343a40 transparent transparent; +} + +.pace-center-simple-dark .pace { + background: #ffffff; + border-color: #343a40; +} + +.pace-center-simple-dark .pace .pace-progress { + background: #343a40; +} + +.pace-material-dark .pace { + color: #343a40; +} + +.pace-corner-indicator-dark .pace .pace-activity { + background: #343a40; +} + +.pace-corner-indicator-dark .pace .pace-activity::after, +.pace-corner-indicator-dark .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-dark .pace .pace-activity::before { + border-right-color: rgba(52, 58, 64, 0.2); + border-left-color: rgba(52, 58, 64, 0.2); +} + +.pace-corner-indicator-dark .pace .pace-activity::after { + border-top-color: rgba(52, 58, 64, 0.2); + border-bottom-color: rgba(52, 58, 64, 0.2); +} + +.pace-fill-left-dark .pace .pace-progress { + background-color: rgba(52, 58, 64, 0.2); +} + +.pace-flash-dark .pace .pace-progress { + background: #343a40; +} + +.pace-flash-dark .pace .pace-progress-inner { + box-shadow: 0 0 10px #343a40, 0 0 5px #343a40; +} + +.pace-flash-dark .pace .pace-activity { + border-top-color: #343a40; + border-left-color: #343a40; +} + +.pace-loading-bar-dark .pace .pace-progress { + background: #343a40; + color: #343a40; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-dark .pace .pace-activity { + box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-dark .pace .pace-progress { + background-color: #343a40; + box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-dark .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-dark .pace-progress { + color: #343a40; +} + +.pace-lightblue .pace .pace-progress { + background: #3c8dbc; +} + +.pace-barber-shop-lightblue .pace { + background: #ffffff; +} + +.pace-barber-shop-lightblue .pace .pace-progress { + background: #3c8dbc; +} + +.pace-barber-shop-lightblue .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-lightblue .pace .pace-progress::after { + color: rgba(60, 141, 188, 0.2); +} + +.pace-bounce-lightblue .pace .pace-activity { + background: #3c8dbc; +} + +.pace-center-atom-lightblue .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-lightblue .pace-progress::before { + background: #3c8dbc; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-lightblue .pace-activity { + border-color: #3c8dbc; +} + +.pace-center-atom-lightblue .pace-activity::after, .pace-center-atom-lightblue .pace-activity::before { + border-color: #3c8dbc; +} + +.pace-center-circle-lightblue .pace .pace-progress { + background: rgba(60, 141, 188, 0.8); + color: #ffffff; +} + +.pace-center-radar-lightblue .pace .pace-activity { + border-color: #3c8dbc transparent transparent; +} + +.pace-center-radar-lightblue .pace .pace-activity::before { + border-color: #3c8dbc transparent transparent; +} + +.pace-center-simple-lightblue .pace { + background: #ffffff; + border-color: #3c8dbc; +} + +.pace-center-simple-lightblue .pace .pace-progress { + background: #3c8dbc; +} + +.pace-material-lightblue .pace { + color: #3c8dbc; +} + +.pace-corner-indicator-lightblue .pace .pace-activity { + background: #3c8dbc; +} + +.pace-corner-indicator-lightblue .pace .pace-activity::after, +.pace-corner-indicator-lightblue .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-lightblue .pace .pace-activity::before { + border-right-color: rgba(60, 141, 188, 0.2); + border-left-color: rgba(60, 141, 188, 0.2); +} + +.pace-corner-indicator-lightblue .pace .pace-activity::after { + border-top-color: rgba(60, 141, 188, 0.2); + border-bottom-color: rgba(60, 141, 188, 0.2); +} + +.pace-fill-left-lightblue .pace .pace-progress { + background-color: rgba(60, 141, 188, 0.2); +} + +.pace-flash-lightblue .pace .pace-progress { + background: #3c8dbc; +} + +.pace-flash-lightblue .pace .pace-progress-inner { + box-shadow: 0 0 10px #3c8dbc, 0 0 5px #3c8dbc; +} + +.pace-flash-lightblue .pace .pace-activity { + border-top-color: #3c8dbc; + border-left-color: #3c8dbc; +} + +.pace-loading-bar-lightblue .pace .pace-progress { + background: #3c8dbc; + color: #3c8dbc; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-lightblue .pace .pace-activity { + box-shadow: inset 0 0 0 2px #3c8dbc, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-lightblue .pace .pace-progress { + background-color: #3c8dbc; + box-shadow: inset -1px 0 #3c8dbc, inset 0 -1px #3c8dbc, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-lightblue .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-lightblue .pace-progress { + color: #3c8dbc; +} + +.pace-navy .pace .pace-progress { + background: #001f3f; +} + +.pace-barber-shop-navy .pace { + background: #ffffff; +} + +.pace-barber-shop-navy .pace .pace-progress { + background: #001f3f; +} + +.pace-barber-shop-navy .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-navy .pace .pace-progress::after { + color: rgba(0, 31, 63, 0.2); +} + +.pace-bounce-navy .pace .pace-activity { + background: #001f3f; +} + +.pace-center-atom-navy .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-navy .pace-progress::before { + background: #001f3f; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-navy .pace-activity { + border-color: #001f3f; +} + +.pace-center-atom-navy .pace-activity::after, .pace-center-atom-navy .pace-activity::before { + border-color: #001f3f; +} + +.pace-center-circle-navy .pace .pace-progress { + background: rgba(0, 31, 63, 0.8); + color: #ffffff; +} + +.pace-center-radar-navy .pace .pace-activity { + border-color: #001f3f transparent transparent; +} + +.pace-center-radar-navy .pace .pace-activity::before { + border-color: #001f3f transparent transparent; +} + +.pace-center-simple-navy .pace { + background: #ffffff; + border-color: #001f3f; +} + +.pace-center-simple-navy .pace .pace-progress { + background: #001f3f; +} + +.pace-material-navy .pace { + color: #001f3f; +} + +.pace-corner-indicator-navy .pace .pace-activity { + background: #001f3f; +} + +.pace-corner-indicator-navy .pace .pace-activity::after, +.pace-corner-indicator-navy .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-navy .pace .pace-activity::before { + border-right-color: rgba(0, 31, 63, 0.2); + border-left-color: rgba(0, 31, 63, 0.2); +} + +.pace-corner-indicator-navy .pace .pace-activity::after { + border-top-color: rgba(0, 31, 63, 0.2); + border-bottom-color: rgba(0, 31, 63, 0.2); +} + +.pace-fill-left-navy .pace .pace-progress { + background-color: rgba(0, 31, 63, 0.2); +} + +.pace-flash-navy .pace .pace-progress { + background: #001f3f; +} + +.pace-flash-navy .pace .pace-progress-inner { + box-shadow: 0 0 10px #001f3f, 0 0 5px #001f3f; +} + +.pace-flash-navy .pace .pace-activity { + border-top-color: #001f3f; + border-left-color: #001f3f; +} + +.pace-loading-bar-navy .pace .pace-progress { + background: #001f3f; + color: #001f3f; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-navy .pace .pace-activity { + box-shadow: inset 0 0 0 2px #001f3f, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-navy .pace .pace-progress { + background-color: #001f3f; + box-shadow: inset -1px 0 #001f3f, inset 0 -1px #001f3f, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-navy .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-navy .pace-progress { + color: #001f3f; +} + +.pace-olive .pace .pace-progress { + background: #3d9970; +} + +.pace-barber-shop-olive .pace { + background: #ffffff; +} + +.pace-barber-shop-olive .pace .pace-progress { + background: #3d9970; +} + +.pace-barber-shop-olive .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-olive .pace .pace-progress::after { + color: rgba(61, 153, 112, 0.2); +} + +.pace-bounce-olive .pace .pace-activity { + background: #3d9970; +} + +.pace-center-atom-olive .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-olive .pace-progress::before { + background: #3d9970; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-olive .pace-activity { + border-color: #3d9970; +} + +.pace-center-atom-olive .pace-activity::after, .pace-center-atom-olive .pace-activity::before { + border-color: #3d9970; +} + +.pace-center-circle-olive .pace .pace-progress { + background: rgba(61, 153, 112, 0.8); + color: #ffffff; +} + +.pace-center-radar-olive .pace .pace-activity { + border-color: #3d9970 transparent transparent; +} + +.pace-center-radar-olive .pace .pace-activity::before { + border-color: #3d9970 transparent transparent; +} + +.pace-center-simple-olive .pace { + background: #ffffff; + border-color: #3d9970; +} + +.pace-center-simple-olive .pace .pace-progress { + background: #3d9970; +} + +.pace-material-olive .pace { + color: #3d9970; +} + +.pace-corner-indicator-olive .pace .pace-activity { + background: #3d9970; +} + +.pace-corner-indicator-olive .pace .pace-activity::after, +.pace-corner-indicator-olive .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-olive .pace .pace-activity::before { + border-right-color: rgba(61, 153, 112, 0.2); + border-left-color: rgba(61, 153, 112, 0.2); +} + +.pace-corner-indicator-olive .pace .pace-activity::after { + border-top-color: rgba(61, 153, 112, 0.2); + border-bottom-color: rgba(61, 153, 112, 0.2); +} + +.pace-fill-left-olive .pace .pace-progress { + background-color: rgba(61, 153, 112, 0.2); +} + +.pace-flash-olive .pace .pace-progress { + background: #3d9970; +} + +.pace-flash-olive .pace .pace-progress-inner { + box-shadow: 0 0 10px #3d9970, 0 0 5px #3d9970; +} + +.pace-flash-olive .pace .pace-activity { + border-top-color: #3d9970; + border-left-color: #3d9970; +} + +.pace-loading-bar-olive .pace .pace-progress { + background: #3d9970; + color: #3d9970; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-olive .pace .pace-activity { + box-shadow: inset 0 0 0 2px #3d9970, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-olive .pace .pace-progress { + background-color: #3d9970; + box-shadow: inset -1px 0 #3d9970, inset 0 -1px #3d9970, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-olive .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-olive .pace-progress { + color: #3d9970; +} + +.pace-lime .pace .pace-progress { + background: #01ff70; +} + +.pace-barber-shop-lime .pace { + background: #1F2D3D; +} + +.pace-barber-shop-lime .pace .pace-progress { + background: #01ff70; +} + +.pace-barber-shop-lime .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-lime .pace .pace-progress::after { + color: rgba(1, 255, 112, 0.2); +} + +.pace-bounce-lime .pace .pace-activity { + background: #01ff70; +} + +.pace-center-atom-lime .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-lime .pace-progress::before { + background: #01ff70; + color: #1F2D3D; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-lime .pace-activity { + border-color: #01ff70; +} + +.pace-center-atom-lime .pace-activity::after, .pace-center-atom-lime .pace-activity::before { + border-color: #01ff70; +} + +.pace-center-circle-lime .pace .pace-progress { + background: rgba(1, 255, 112, 0.8); + color: #1F2D3D; +} + +.pace-center-radar-lime .pace .pace-activity { + border-color: #01ff70 transparent transparent; +} + +.pace-center-radar-lime .pace .pace-activity::before { + border-color: #01ff70 transparent transparent; +} + +.pace-center-simple-lime .pace { + background: #1F2D3D; + border-color: #01ff70; +} + +.pace-center-simple-lime .pace .pace-progress { + background: #01ff70; +} + +.pace-material-lime .pace { + color: #01ff70; +} + +.pace-corner-indicator-lime .pace .pace-activity { + background: #01ff70; +} + +.pace-corner-indicator-lime .pace .pace-activity::after, +.pace-corner-indicator-lime .pace .pace-activity::before  { + border: 5px solid #1F2D3D; +} + +.pace-corner-indicator-lime .pace .pace-activity::before { + border-right-color: rgba(1, 255, 112, 0.2); + border-left-color: rgba(1, 255, 112, 0.2); +} + +.pace-corner-indicator-lime .pace .pace-activity::after { + border-top-color: rgba(1, 255, 112, 0.2); + border-bottom-color: rgba(1, 255, 112, 0.2); +} + +.pace-fill-left-lime .pace .pace-progress { + background-color: rgba(1, 255, 112, 0.2); +} + +.pace-flash-lime .pace .pace-progress { + background: #01ff70; +} + +.pace-flash-lime .pace .pace-progress-inner { + box-shadow: 0 0 10px #01ff70, 0 0 5px #01ff70; +} + +.pace-flash-lime .pace .pace-activity { + border-top-color: #01ff70; + border-left-color: #01ff70; +} + +.pace-loading-bar-lime .pace .pace-progress { + background: #01ff70; + color: #01ff70; + box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; +} + +.pace-loading-bar-lime .pace .pace-activity { + box-shadow: inset 0 0 0 2px #01ff70, inset 0 0 0 7px #1F2D3D; +} + +.pace-mac-osx-lime .pace .pace-progress { + background-color: #01ff70; + box-shadow: inset -1px 0 #01ff70, inset 0 -1px #01ff70, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-lime .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-lime .pace-progress { + color: #01ff70; +} + +.pace-fuchsia .pace .pace-progress { + background: #f012be; +} + +.pace-barber-shop-fuchsia .pace { + background: #ffffff; +} + +.pace-barber-shop-fuchsia .pace .pace-progress { + background: #f012be; +} + +.pace-barber-shop-fuchsia .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-fuchsia .pace .pace-progress::after { + color: rgba(240, 18, 190, 0.2); +} + +.pace-bounce-fuchsia .pace .pace-activity { + background: #f012be; +} + +.pace-center-atom-fuchsia .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-fuchsia .pace-progress::before { + background: #f012be; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-fuchsia .pace-activity { + border-color: #f012be; +} + +.pace-center-atom-fuchsia .pace-activity::after, .pace-center-atom-fuchsia .pace-activity::before { + border-color: #f012be; +} + +.pace-center-circle-fuchsia .pace .pace-progress { + background: rgba(240, 18, 190, 0.8); + color: #ffffff; +} + +.pace-center-radar-fuchsia .pace .pace-activity { + border-color: #f012be transparent transparent; +} + +.pace-center-radar-fuchsia .pace .pace-activity::before { + border-color: #f012be transparent transparent; +} + +.pace-center-simple-fuchsia .pace { + background: #ffffff; + border-color: #f012be; +} + +.pace-center-simple-fuchsia .pace .pace-progress { + background: #f012be; +} + +.pace-material-fuchsia .pace { + color: #f012be; +} + +.pace-corner-indicator-fuchsia .pace .pace-activity { + background: #f012be; +} + +.pace-corner-indicator-fuchsia .pace .pace-activity::after, +.pace-corner-indicator-fuchsia .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-fuchsia .pace .pace-activity::before { + border-right-color: rgba(240, 18, 190, 0.2); + border-left-color: rgba(240, 18, 190, 0.2); +} + +.pace-corner-indicator-fuchsia .pace .pace-activity::after { + border-top-color: rgba(240, 18, 190, 0.2); + border-bottom-color: rgba(240, 18, 190, 0.2); +} + +.pace-fill-left-fuchsia .pace .pace-progress { + background-color: rgba(240, 18, 190, 0.2); +} + +.pace-flash-fuchsia .pace .pace-progress { + background: #f012be; +} + +.pace-flash-fuchsia .pace .pace-progress-inner { + box-shadow: 0 0 10px #f012be, 0 0 5px #f012be; +} + +.pace-flash-fuchsia .pace .pace-activity { + border-top-color: #f012be; + border-left-color: #f012be; +} + +.pace-loading-bar-fuchsia .pace .pace-progress { + background: #f012be; + color: #f012be; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-fuchsia .pace .pace-activity { + box-shadow: inset 0 0 0 2px #f012be, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-fuchsia .pace .pace-progress { + background-color: #f012be; + box-shadow: inset -1px 0 #f012be, inset 0 -1px #f012be, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-fuchsia .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-fuchsia .pace-progress { + color: #f012be; +} + +.pace-maroon .pace .pace-progress { + background: #d81b60; +} + +.pace-barber-shop-maroon .pace { + background: #ffffff; +} + +.pace-barber-shop-maroon .pace .pace-progress { + background: #d81b60; +} + +.pace-barber-shop-maroon .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-maroon .pace .pace-progress::after { + color: rgba(216, 27, 96, 0.2); +} + +.pace-bounce-maroon .pace .pace-activity { + background: #d81b60; +} + +.pace-center-atom-maroon .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-maroon .pace-progress::before { + background: #d81b60; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-maroon .pace-activity { + border-color: #d81b60; +} + +.pace-center-atom-maroon .pace-activity::after, .pace-center-atom-maroon .pace-activity::before { + border-color: #d81b60; +} + +.pace-center-circle-maroon .pace .pace-progress { + background: rgba(216, 27, 96, 0.8); + color: #ffffff; +} + +.pace-center-radar-maroon .pace .pace-activity { + border-color: #d81b60 transparent transparent; +} + +.pace-center-radar-maroon .pace .pace-activity::before { + border-color: #d81b60 transparent transparent; +} + +.pace-center-simple-maroon .pace { + background: #ffffff; + border-color: #d81b60; +} + +.pace-center-simple-maroon .pace .pace-progress { + background: #d81b60; +} + +.pace-material-maroon .pace { + color: #d81b60; +} + +.pace-corner-indicator-maroon .pace .pace-activity { + background: #d81b60; +} + +.pace-corner-indicator-maroon .pace .pace-activity::after, +.pace-corner-indicator-maroon .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-maroon .pace .pace-activity::before { + border-right-color: rgba(216, 27, 96, 0.2); + border-left-color: rgba(216, 27, 96, 0.2); +} + +.pace-corner-indicator-maroon .pace .pace-activity::after { + border-top-color: rgba(216, 27, 96, 0.2); + border-bottom-color: rgba(216, 27, 96, 0.2); +} + +.pace-fill-left-maroon .pace .pace-progress { + background-color: rgba(216, 27, 96, 0.2); +} + +.pace-flash-maroon .pace .pace-progress { + background: #d81b60; +} + +.pace-flash-maroon .pace .pace-progress-inner { + box-shadow: 0 0 10px #d81b60, 0 0 5px #d81b60; +} + +.pace-flash-maroon .pace .pace-activity { + border-top-color: #d81b60; + border-left-color: #d81b60; +} + +.pace-loading-bar-maroon .pace .pace-progress { + background: #d81b60; + color: #d81b60; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-maroon .pace .pace-activity { + box-shadow: inset 0 0 0 2px #d81b60, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-maroon .pace .pace-progress { + background-color: #d81b60; + box-shadow: inset -1px 0 #d81b60, inset 0 -1px #d81b60, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-maroon .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-maroon .pace-progress { + color: #d81b60; +} + +.pace-blue .pace .pace-progress { + background: #007bff; +} + +.pace-barber-shop-blue .pace { + background: #ffffff; +} + +.pace-barber-shop-blue .pace .pace-progress { + background: #007bff; +} + +.pace-barber-shop-blue .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-blue .pace .pace-progress::after { + color: rgba(0, 123, 255, 0.2); +} + +.pace-bounce-blue .pace .pace-activity { + background: #007bff; +} + +.pace-center-atom-blue .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-blue .pace-progress::before { + background: #007bff; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-blue .pace-activity { + border-color: #007bff; +} + +.pace-center-atom-blue .pace-activity::after, .pace-center-atom-blue .pace-activity::before { + border-color: #007bff; +} + +.pace-center-circle-blue .pace .pace-progress { + background: rgba(0, 123, 255, 0.8); + color: #ffffff; +} + +.pace-center-radar-blue .pace .pace-activity { + border-color: #007bff transparent transparent; +} + +.pace-center-radar-blue .pace .pace-activity::before { + border-color: #007bff transparent transparent; +} + +.pace-center-simple-blue .pace { + background: #ffffff; + border-color: #007bff; +} + +.pace-center-simple-blue .pace .pace-progress { + background: #007bff; +} + +.pace-material-blue .pace { + color: #007bff; +} + +.pace-corner-indicator-blue .pace .pace-activity { + background: #007bff; +} + +.pace-corner-indicator-blue .pace .pace-activity::after, +.pace-corner-indicator-blue .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-blue .pace .pace-activity::before { + border-right-color: rgba(0, 123, 255, 0.2); + border-left-color: rgba(0, 123, 255, 0.2); +} + +.pace-corner-indicator-blue .pace .pace-activity::after { + border-top-color: rgba(0, 123, 255, 0.2); + border-bottom-color: rgba(0, 123, 255, 0.2); +} + +.pace-fill-left-blue .pace .pace-progress { + background-color: rgba(0, 123, 255, 0.2); +} + +.pace-flash-blue .pace .pace-progress { + background: #007bff; +} + +.pace-flash-blue .pace .pace-progress-inner { + box-shadow: 0 0 10px #007bff, 0 0 5px #007bff; +} + +.pace-flash-blue .pace .pace-activity { + border-top-color: #007bff; + border-left-color: #007bff; +} + +.pace-loading-bar-blue .pace .pace-progress { + background: #007bff; + color: #007bff; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-blue .pace .pace-activity { + box-shadow: inset 0 0 0 2px #007bff, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-blue .pace .pace-progress { + background-color: #007bff; + box-shadow: inset -1px 0 #007bff, inset 0 -1px #007bff, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-blue .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-blue .pace-progress { + color: #007bff; +} + +.pace-indigo .pace .pace-progress { + background: #6610f2; +} + +.pace-barber-shop-indigo .pace { + background: #ffffff; +} + +.pace-barber-shop-indigo .pace .pace-progress { + background: #6610f2; +} + +.pace-barber-shop-indigo .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-indigo .pace .pace-progress::after { + color: rgba(102, 16, 242, 0.2); +} + +.pace-bounce-indigo .pace .pace-activity { + background: #6610f2; +} + +.pace-center-atom-indigo .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-indigo .pace-progress::before { + background: #6610f2; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-indigo .pace-activity { + border-color: #6610f2; +} + +.pace-center-atom-indigo .pace-activity::after, .pace-center-atom-indigo .pace-activity::before { + border-color: #6610f2; +} + +.pace-center-circle-indigo .pace .pace-progress { + background: rgba(102, 16, 242, 0.8); + color: #ffffff; +} + +.pace-center-radar-indigo .pace .pace-activity { + border-color: #6610f2 transparent transparent; +} + +.pace-center-radar-indigo .pace .pace-activity::before { + border-color: #6610f2 transparent transparent; +} + +.pace-center-simple-indigo .pace { + background: #ffffff; + border-color: #6610f2; +} + +.pace-center-simple-indigo .pace .pace-progress { + background: #6610f2; +} + +.pace-material-indigo .pace { + color: #6610f2; +} + +.pace-corner-indicator-indigo .pace .pace-activity { + background: #6610f2; +} + +.pace-corner-indicator-indigo .pace .pace-activity::after, +.pace-corner-indicator-indigo .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-indigo .pace .pace-activity::before { + border-right-color: rgba(102, 16, 242, 0.2); + border-left-color: rgba(102, 16, 242, 0.2); +} + +.pace-corner-indicator-indigo .pace .pace-activity::after { + border-top-color: rgba(102, 16, 242, 0.2); + border-bottom-color: rgba(102, 16, 242, 0.2); +} + +.pace-fill-left-indigo .pace .pace-progress { + background-color: rgba(102, 16, 242, 0.2); +} + +.pace-flash-indigo .pace .pace-progress { + background: #6610f2; +} + +.pace-flash-indigo .pace .pace-progress-inner { + box-shadow: 0 0 10px #6610f2, 0 0 5px #6610f2; +} + +.pace-flash-indigo .pace .pace-activity { + border-top-color: #6610f2; + border-left-color: #6610f2; +} + +.pace-loading-bar-indigo .pace .pace-progress { + background: #6610f2; + color: #6610f2; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-indigo .pace .pace-activity { + box-shadow: inset 0 0 0 2px #6610f2, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-indigo .pace .pace-progress { + background-color: #6610f2; + box-shadow: inset -1px 0 #6610f2, inset 0 -1px #6610f2, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-indigo .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-indigo .pace-progress { + color: #6610f2; +} + +.pace-purple .pace .pace-progress { + background: #6f42c1; +} + +.pace-barber-shop-purple .pace { + background: #ffffff; +} + +.pace-barber-shop-purple .pace .pace-progress { + background: #6f42c1; +} + +.pace-barber-shop-purple .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-purple .pace .pace-progress::after { + color: rgba(111, 66, 193, 0.2); +} + +.pace-bounce-purple .pace .pace-activity { + background: #6f42c1; +} + +.pace-center-atom-purple .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-purple .pace-progress::before { + background: #6f42c1; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-purple .pace-activity { + border-color: #6f42c1; +} + +.pace-center-atom-purple .pace-activity::after, .pace-center-atom-purple .pace-activity::before { + border-color: #6f42c1; +} + +.pace-center-circle-purple .pace .pace-progress { + background: rgba(111, 66, 193, 0.8); + color: #ffffff; +} + +.pace-center-radar-purple .pace .pace-activity { + border-color: #6f42c1 transparent transparent; +} + +.pace-center-radar-purple .pace .pace-activity::before { + border-color: #6f42c1 transparent transparent; +} + +.pace-center-simple-purple .pace { + background: #ffffff; + border-color: #6f42c1; +} + +.pace-center-simple-purple .pace .pace-progress { + background: #6f42c1; +} + +.pace-material-purple .pace { + color: #6f42c1; +} + +.pace-corner-indicator-purple .pace .pace-activity { + background: #6f42c1; +} + +.pace-corner-indicator-purple .pace .pace-activity::after, +.pace-corner-indicator-purple .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-purple .pace .pace-activity::before { + border-right-color: rgba(111, 66, 193, 0.2); + border-left-color: rgba(111, 66, 193, 0.2); +} + +.pace-corner-indicator-purple .pace .pace-activity::after { + border-top-color: rgba(111, 66, 193, 0.2); + border-bottom-color: rgba(111, 66, 193, 0.2); +} + +.pace-fill-left-purple .pace .pace-progress { + background-color: rgba(111, 66, 193, 0.2); +} + +.pace-flash-purple .pace .pace-progress { + background: #6f42c1; +} + +.pace-flash-purple .pace .pace-progress-inner { + box-shadow: 0 0 10px #6f42c1, 0 0 5px #6f42c1; +} + +.pace-flash-purple .pace .pace-activity { + border-top-color: #6f42c1; + border-left-color: #6f42c1; +} + +.pace-loading-bar-purple .pace .pace-progress { + background: #6f42c1; + color: #6f42c1; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-purple .pace .pace-activity { + box-shadow: inset 0 0 0 2px #6f42c1, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-purple .pace .pace-progress { + background-color: #6f42c1; + box-shadow: inset -1px 0 #6f42c1, inset 0 -1px #6f42c1, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-purple .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-purple .pace-progress { + color: #6f42c1; +} + +.pace-pink .pace .pace-progress { + background: #e83e8c; +} + +.pace-barber-shop-pink .pace { + background: #ffffff; +} + +.pace-barber-shop-pink .pace .pace-progress { + background: #e83e8c; +} + +.pace-barber-shop-pink .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-pink .pace .pace-progress::after { + color: rgba(232, 62, 140, 0.2); +} + +.pace-bounce-pink .pace .pace-activity { + background: #e83e8c; +} + +.pace-center-atom-pink .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-pink .pace-progress::before { + background: #e83e8c; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-pink .pace-activity { + border-color: #e83e8c; +} + +.pace-center-atom-pink .pace-activity::after, .pace-center-atom-pink .pace-activity::before { + border-color: #e83e8c; +} + +.pace-center-circle-pink .pace .pace-progress { + background: rgba(232, 62, 140, 0.8); + color: #ffffff; +} + +.pace-center-radar-pink .pace .pace-activity { + border-color: #e83e8c transparent transparent; +} + +.pace-center-radar-pink .pace .pace-activity::before { + border-color: #e83e8c transparent transparent; +} + +.pace-center-simple-pink .pace { + background: #ffffff; + border-color: #e83e8c; +} + +.pace-center-simple-pink .pace .pace-progress { + background: #e83e8c; +} + +.pace-material-pink .pace { + color: #e83e8c; +} + +.pace-corner-indicator-pink .pace .pace-activity { + background: #e83e8c; +} + +.pace-corner-indicator-pink .pace .pace-activity::after, +.pace-corner-indicator-pink .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-pink .pace .pace-activity::before { + border-right-color: rgba(232, 62, 140, 0.2); + border-left-color: rgba(232, 62, 140, 0.2); +} + +.pace-corner-indicator-pink .pace .pace-activity::after { + border-top-color: rgba(232, 62, 140, 0.2); + border-bottom-color: rgba(232, 62, 140, 0.2); +} + +.pace-fill-left-pink .pace .pace-progress { + background-color: rgba(232, 62, 140, 0.2); +} + +.pace-flash-pink .pace .pace-progress { + background: #e83e8c; +} + +.pace-flash-pink .pace .pace-progress-inner { + box-shadow: 0 0 10px #e83e8c, 0 0 5px #e83e8c; +} + +.pace-flash-pink .pace .pace-activity { + border-top-color: #e83e8c; + border-left-color: #e83e8c; +} + +.pace-loading-bar-pink .pace .pace-progress { + background: #e83e8c; + color: #e83e8c; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-pink .pace .pace-activity { + box-shadow: inset 0 0 0 2px #e83e8c, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-pink .pace .pace-progress { + background-color: #e83e8c; + box-shadow: inset -1px 0 #e83e8c, inset 0 -1px #e83e8c, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-pink .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-pink .pace-progress { + color: #e83e8c; +} + +.pace-red .pace .pace-progress { + background: #dc3545; +} + +.pace-barber-shop-red .pace { + background: #ffffff; +} + +.pace-barber-shop-red .pace .pace-progress { + background: #dc3545; +} + +.pace-barber-shop-red .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-red .pace .pace-progress::after { + color: rgba(220, 53, 69, 0.2); +} + +.pace-bounce-red .pace .pace-activity { + background: #dc3545; +} + +.pace-center-atom-red .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-red .pace-progress::before { + background: #dc3545; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-red .pace-activity { + border-color: #dc3545; +} + +.pace-center-atom-red .pace-activity::after, .pace-center-atom-red .pace-activity::before { + border-color: #dc3545; +} + +.pace-center-circle-red .pace .pace-progress { + background: rgba(220, 53, 69, 0.8); + color: #ffffff; +} + +.pace-center-radar-red .pace .pace-activity { + border-color: #dc3545 transparent transparent; +} + +.pace-center-radar-red .pace .pace-activity::before { + border-color: #dc3545 transparent transparent; +} + +.pace-center-simple-red .pace { + background: #ffffff; + border-color: #dc3545; +} + +.pace-center-simple-red .pace .pace-progress { + background: #dc3545; +} + +.pace-material-red .pace { + color: #dc3545; +} + +.pace-corner-indicator-red .pace .pace-activity { + background: #dc3545; +} + +.pace-corner-indicator-red .pace .pace-activity::after, +.pace-corner-indicator-red .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-red .pace .pace-activity::before { + border-right-color: rgba(220, 53, 69, 0.2); + border-left-color: rgba(220, 53, 69, 0.2); +} + +.pace-corner-indicator-red .pace .pace-activity::after { + border-top-color: rgba(220, 53, 69, 0.2); + border-bottom-color: rgba(220, 53, 69, 0.2); +} + +.pace-fill-left-red .pace .pace-progress { + background-color: rgba(220, 53, 69, 0.2); +} + +.pace-flash-red .pace .pace-progress { + background: #dc3545; +} + +.pace-flash-red .pace .pace-progress-inner { + box-shadow: 0 0 10px #dc3545, 0 0 5px #dc3545; +} + +.pace-flash-red .pace .pace-activity { + border-top-color: #dc3545; + border-left-color: #dc3545; +} + +.pace-loading-bar-red .pace .pace-progress { + background: #dc3545; + color: #dc3545; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-red .pace .pace-activity { + box-shadow: inset 0 0 0 2px #dc3545, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-red .pace .pace-progress { + background-color: #dc3545; + box-shadow: inset -1px 0 #dc3545, inset 0 -1px #dc3545, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-red .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-red .pace-progress { + color: #dc3545; +} + +.pace-orange .pace .pace-progress { + background: #fd7e14; +} + +.pace-barber-shop-orange .pace { + background: #1F2D3D; +} + +.pace-barber-shop-orange .pace .pace-progress { + background: #fd7e14; +} + +.pace-barber-shop-orange .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-orange .pace .pace-progress::after { + color: rgba(253, 126, 20, 0.2); +} + +.pace-bounce-orange .pace .pace-activity { + background: #fd7e14; +} + +.pace-center-atom-orange .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-orange .pace-progress::before { + background: #fd7e14; + color: #1F2D3D; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-orange .pace-activity { + border-color: #fd7e14; +} + +.pace-center-atom-orange .pace-activity::after, .pace-center-atom-orange .pace-activity::before { + border-color: #fd7e14; +} + +.pace-center-circle-orange .pace .pace-progress { + background: rgba(253, 126, 20, 0.8); + color: #1F2D3D; +} + +.pace-center-radar-orange .pace .pace-activity { + border-color: #fd7e14 transparent transparent; +} + +.pace-center-radar-orange .pace .pace-activity::before { + border-color: #fd7e14 transparent transparent; +} + +.pace-center-simple-orange .pace { + background: #1F2D3D; + border-color: #fd7e14; +} + +.pace-center-simple-orange .pace .pace-progress { + background: #fd7e14; +} + +.pace-material-orange .pace { + color: #fd7e14; +} + +.pace-corner-indicator-orange .pace .pace-activity { + background: #fd7e14; +} + +.pace-corner-indicator-orange .pace .pace-activity::after, +.pace-corner-indicator-orange .pace .pace-activity::before  { + border: 5px solid #1F2D3D; +} + +.pace-corner-indicator-orange .pace .pace-activity::before { + border-right-color: rgba(253, 126, 20, 0.2); + border-left-color: rgba(253, 126, 20, 0.2); +} + +.pace-corner-indicator-orange .pace .pace-activity::after { + border-top-color: rgba(253, 126, 20, 0.2); + border-bottom-color: rgba(253, 126, 20, 0.2); +} + +.pace-fill-left-orange .pace .pace-progress { + background-color: rgba(253, 126, 20, 0.2); +} + +.pace-flash-orange .pace .pace-progress { + background: #fd7e14; +} + +.pace-flash-orange .pace .pace-progress-inner { + box-shadow: 0 0 10px #fd7e14, 0 0 5px #fd7e14; +} + +.pace-flash-orange .pace .pace-activity { + border-top-color: #fd7e14; + border-left-color: #fd7e14; +} + +.pace-loading-bar-orange .pace .pace-progress { + background: #fd7e14; + color: #fd7e14; + box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; +} + +.pace-loading-bar-orange .pace .pace-activity { + box-shadow: inset 0 0 0 2px #fd7e14, inset 0 0 0 7px #1F2D3D; +} + +.pace-mac-osx-orange .pace .pace-progress { + background-color: #fd7e14; + box-shadow: inset -1px 0 #fd7e14, inset 0 -1px #fd7e14, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-orange .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-orange .pace-progress { + color: #fd7e14; +} + +.pace-yellow .pace .pace-progress { + background: #ffc107; +} + +.pace-barber-shop-yellow .pace { + background: #1F2D3D; +} + +.pace-barber-shop-yellow .pace .pace-progress { + background: #ffc107; +} + +.pace-barber-shop-yellow .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-yellow .pace .pace-progress::after { + color: rgba(255, 193, 7, 0.2); +} + +.pace-bounce-yellow .pace .pace-activity { + background: #ffc107; +} + +.pace-center-atom-yellow .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-yellow .pace-progress::before { + background: #ffc107; + color: #1F2D3D; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-yellow .pace-activity { + border-color: #ffc107; +} + +.pace-center-atom-yellow .pace-activity::after, .pace-center-atom-yellow .pace-activity::before { + border-color: #ffc107; +} + +.pace-center-circle-yellow .pace .pace-progress { + background: rgba(255, 193, 7, 0.8); + color: #1F2D3D; +} + +.pace-center-radar-yellow .pace .pace-activity { + border-color: #ffc107 transparent transparent; +} + +.pace-center-radar-yellow .pace .pace-activity::before { + border-color: #ffc107 transparent transparent; +} + +.pace-center-simple-yellow .pace { + background: #1F2D3D; + border-color: #ffc107; +} + +.pace-center-simple-yellow .pace .pace-progress { + background: #ffc107; +} + +.pace-material-yellow .pace { + color: #ffc107; +} + +.pace-corner-indicator-yellow .pace .pace-activity { + background: #ffc107; +} + +.pace-corner-indicator-yellow .pace .pace-activity::after, +.pace-corner-indicator-yellow .pace .pace-activity::before  { + border: 5px solid #1F2D3D; +} + +.pace-corner-indicator-yellow .pace .pace-activity::before { + border-right-color: rgba(255, 193, 7, 0.2); + border-left-color: rgba(255, 193, 7, 0.2); +} + +.pace-corner-indicator-yellow .pace .pace-activity::after { + border-top-color: rgba(255, 193, 7, 0.2); + border-bottom-color: rgba(255, 193, 7, 0.2); +} + +.pace-fill-left-yellow .pace .pace-progress { + background-color: rgba(255, 193, 7, 0.2); +} + +.pace-flash-yellow .pace .pace-progress { + background: #ffc107; +} + +.pace-flash-yellow .pace .pace-progress-inner { + box-shadow: 0 0 10px #ffc107, 0 0 5px #ffc107; +} + +.pace-flash-yellow .pace .pace-activity { + border-top-color: #ffc107; + border-left-color: #ffc107; +} + +.pace-loading-bar-yellow .pace .pace-progress { + background: #ffc107; + color: #ffc107; + box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; +} + +.pace-loading-bar-yellow .pace .pace-activity { + box-shadow: inset 0 0 0 2px #ffc107, inset 0 0 0 7px #1F2D3D; +} + +.pace-mac-osx-yellow .pace .pace-progress { + background-color: #ffc107; + box-shadow: inset -1px 0 #ffc107, inset 0 -1px #ffc107, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-yellow .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-yellow .pace-progress { + color: #ffc107; +} + +.pace-green .pace .pace-progress { + background: #28a745; +} + +.pace-barber-shop-green .pace { + background: #ffffff; +} + +.pace-barber-shop-green .pace .pace-progress { + background: #28a745; +} + +.pace-barber-shop-green .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-green .pace .pace-progress::after { + color: rgba(40, 167, 69, 0.2); +} + +.pace-bounce-green .pace .pace-activity { + background: #28a745; +} + +.pace-center-atom-green .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-green .pace-progress::before { + background: #28a745; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-green .pace-activity { + border-color: #28a745; +} + +.pace-center-atom-green .pace-activity::after, .pace-center-atom-green .pace-activity::before { + border-color: #28a745; +} + +.pace-center-circle-green .pace .pace-progress { + background: rgba(40, 167, 69, 0.8); + color: #ffffff; +} + +.pace-center-radar-green .pace .pace-activity { + border-color: #28a745 transparent transparent; +} + +.pace-center-radar-green .pace .pace-activity::before { + border-color: #28a745 transparent transparent; +} + +.pace-center-simple-green .pace { + background: #ffffff; + border-color: #28a745; +} + +.pace-center-simple-green .pace .pace-progress { + background: #28a745; +} + +.pace-material-green .pace { + color: #28a745; +} + +.pace-corner-indicator-green .pace .pace-activity { + background: #28a745; +} + +.pace-corner-indicator-green .pace .pace-activity::after, +.pace-corner-indicator-green .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-green .pace .pace-activity::before { + border-right-color: rgba(40, 167, 69, 0.2); + border-left-color: rgba(40, 167, 69, 0.2); +} + +.pace-corner-indicator-green .pace .pace-activity::after { + border-top-color: rgba(40, 167, 69, 0.2); + border-bottom-color: rgba(40, 167, 69, 0.2); +} + +.pace-fill-left-green .pace .pace-progress { + background-color: rgba(40, 167, 69, 0.2); +} + +.pace-flash-green .pace .pace-progress { + background: #28a745; +} + +.pace-flash-green .pace .pace-progress-inner { + box-shadow: 0 0 10px #28a745, 0 0 5px #28a745; +} + +.pace-flash-green .pace .pace-activity { + border-top-color: #28a745; + border-left-color: #28a745; +} + +.pace-loading-bar-green .pace .pace-progress { + background: #28a745; + color: #28a745; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-green .pace .pace-activity { + box-shadow: inset 0 0 0 2px #28a745, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-green .pace .pace-progress { + background-color: #28a745; + box-shadow: inset -1px 0 #28a745, inset 0 -1px #28a745, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-green .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-green .pace-progress { + color: #28a745; +} + +.pace-teal .pace .pace-progress { + background: #20c997; +} + +.pace-barber-shop-teal .pace { + background: #ffffff; +} + +.pace-barber-shop-teal .pace .pace-progress { + background: #20c997; +} + +.pace-barber-shop-teal .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-teal .pace .pace-progress::after { + color: rgba(32, 201, 151, 0.2); +} + +.pace-bounce-teal .pace .pace-activity { + background: #20c997; +} + +.pace-center-atom-teal .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-teal .pace-progress::before { + background: #20c997; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-teal .pace-activity { + border-color: #20c997; +} + +.pace-center-atom-teal .pace-activity::after, .pace-center-atom-teal .pace-activity::before { + border-color: #20c997; +} + +.pace-center-circle-teal .pace .pace-progress { + background: rgba(32, 201, 151, 0.8); + color: #ffffff; +} + +.pace-center-radar-teal .pace .pace-activity { + border-color: #20c997 transparent transparent; +} + +.pace-center-radar-teal .pace .pace-activity::before { + border-color: #20c997 transparent transparent; +} + +.pace-center-simple-teal .pace { + background: #ffffff; + border-color: #20c997; +} + +.pace-center-simple-teal .pace .pace-progress { + background: #20c997; +} + +.pace-material-teal .pace { + color: #20c997; +} + +.pace-corner-indicator-teal .pace .pace-activity { + background: #20c997; +} + +.pace-corner-indicator-teal .pace .pace-activity::after, +.pace-corner-indicator-teal .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-teal .pace .pace-activity::before { + border-right-color: rgba(32, 201, 151, 0.2); + border-left-color: rgba(32, 201, 151, 0.2); +} + +.pace-corner-indicator-teal .pace .pace-activity::after { + border-top-color: rgba(32, 201, 151, 0.2); + border-bottom-color: rgba(32, 201, 151, 0.2); +} + +.pace-fill-left-teal .pace .pace-progress { + background-color: rgba(32, 201, 151, 0.2); +} + +.pace-flash-teal .pace .pace-progress { + background: #20c997; +} + +.pace-flash-teal .pace .pace-progress-inner { + box-shadow: 0 0 10px #20c997, 0 0 5px #20c997; +} + +.pace-flash-teal .pace .pace-activity { + border-top-color: #20c997; + border-left-color: #20c997; +} + +.pace-loading-bar-teal .pace .pace-progress { + background: #20c997; + color: #20c997; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-teal .pace .pace-activity { + box-shadow: inset 0 0 0 2px #20c997, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-teal .pace .pace-progress { + background-color: #20c997; + box-shadow: inset -1px 0 #20c997, inset 0 -1px #20c997, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-teal .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-teal .pace-progress { + color: #20c997; +} + +.pace-cyan .pace .pace-progress { + background: #17a2b8; +} + +.pace-barber-shop-cyan .pace { + background: #ffffff; +} + +.pace-barber-shop-cyan .pace .pace-progress { + background: #17a2b8; +} + +.pace-barber-shop-cyan .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-cyan .pace .pace-progress::after { + color: rgba(23, 162, 184, 0.2); +} + +.pace-bounce-cyan .pace .pace-activity { + background: #17a2b8; +} + +.pace-center-atom-cyan .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-cyan .pace-progress::before { + background: #17a2b8; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-cyan .pace-activity { + border-color: #17a2b8; +} + +.pace-center-atom-cyan .pace-activity::after, .pace-center-atom-cyan .pace-activity::before { + border-color: #17a2b8; +} + +.pace-center-circle-cyan .pace .pace-progress { + background: rgba(23, 162, 184, 0.8); + color: #ffffff; +} + +.pace-center-radar-cyan .pace .pace-activity { + border-color: #17a2b8 transparent transparent; +} + +.pace-center-radar-cyan .pace .pace-activity::before { + border-color: #17a2b8 transparent transparent; +} + +.pace-center-simple-cyan .pace { + background: #ffffff; + border-color: #17a2b8; +} + +.pace-center-simple-cyan .pace .pace-progress { + background: #17a2b8; +} + +.pace-material-cyan .pace { + color: #17a2b8; +} + +.pace-corner-indicator-cyan .pace .pace-activity { + background: #17a2b8; +} + +.pace-corner-indicator-cyan .pace .pace-activity::after, +.pace-corner-indicator-cyan .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-cyan .pace .pace-activity::before { + border-right-color: rgba(23, 162, 184, 0.2); + border-left-color: rgba(23, 162, 184, 0.2); +} + +.pace-corner-indicator-cyan .pace .pace-activity::after { + border-top-color: rgba(23, 162, 184, 0.2); + border-bottom-color: rgba(23, 162, 184, 0.2); +} + +.pace-fill-left-cyan .pace .pace-progress { + background-color: rgba(23, 162, 184, 0.2); +} + +.pace-flash-cyan .pace .pace-progress { + background: #17a2b8; +} + +.pace-flash-cyan .pace .pace-progress-inner { + box-shadow: 0 0 10px #17a2b8, 0 0 5px #17a2b8; +} + +.pace-flash-cyan .pace .pace-activity { + border-top-color: #17a2b8; + border-left-color: #17a2b8; +} + +.pace-loading-bar-cyan .pace .pace-progress { + background: #17a2b8; + color: #17a2b8; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-cyan .pace .pace-activity { + box-shadow: inset 0 0 0 2px #17a2b8, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-cyan .pace .pace-progress { + background-color: #17a2b8; + box-shadow: inset -1px 0 #17a2b8, inset 0 -1px #17a2b8, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-cyan .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-cyan .pace-progress { + color: #17a2b8; +} + +.pace-white .pace .pace-progress { + background: #ffffff; +} + +.pace-barber-shop-white .pace { + background: #1F2D3D; +} + +.pace-barber-shop-white .pace .pace-progress { + background: #ffffff; +} + +.pace-barber-shop-white .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(31, 45, 61, 0.2) 25%, transparent 25%, transparent 50%, rgba(31, 45, 61, 0.2) 50%, rgba(31, 45, 61, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-white .pace .pace-progress::after { + color: rgba(255, 255, 255, 0.2); +} + +.pace-bounce-white .pace .pace-activity { + background: #ffffff; +} + +.pace-center-atom-white .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-white .pace-progress::before { + background: #ffffff; + color: #1F2D3D; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-white .pace-activity { + border-color: #ffffff; +} + +.pace-center-atom-white .pace-activity::after, .pace-center-atom-white .pace-activity::before { + border-color: #ffffff; +} + +.pace-center-circle-white .pace .pace-progress { + background: rgba(255, 255, 255, 0.8); + color: #1F2D3D; +} + +.pace-center-radar-white .pace .pace-activity { + border-color: #ffffff transparent transparent; +} + +.pace-center-radar-white .pace .pace-activity::before { + border-color: #ffffff transparent transparent; +} + +.pace-center-simple-white .pace { + background: #1F2D3D; + border-color: #ffffff; +} + +.pace-center-simple-white .pace .pace-progress { + background: #ffffff; +} + +.pace-material-white .pace { + color: #ffffff; +} + +.pace-corner-indicator-white .pace .pace-activity { + background: #ffffff; +} + +.pace-corner-indicator-white .pace .pace-activity::after, +.pace-corner-indicator-white .pace .pace-activity::before  { + border: 5px solid #1F2D3D; +} + +.pace-corner-indicator-white .pace .pace-activity::before { + border-right-color: rgba(255, 255, 255, 0.2); + border-left-color: rgba(255, 255, 255, 0.2); +} + +.pace-corner-indicator-white .pace .pace-activity::after { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} + +.pace-fill-left-white .pace .pace-progress { + background-color: rgba(255, 255, 255, 0.2); +} + +.pace-flash-white .pace .pace-progress { + background: #ffffff; +} + +.pace-flash-white .pace .pace-progress-inner { + box-shadow: 0 0 10px #ffffff, 0 0 5px #ffffff; +} + +.pace-flash-white .pace .pace-activity { + border-top-color: #ffffff; + border-left-color: #ffffff; +} + +.pace-loading-bar-white .pace .pace-progress { + background: #ffffff; + color: #ffffff; + box-shadow: 120px 0 #1F2D3D, 240px 0 #1F2D3D; +} + +.pace-loading-bar-white .pace .pace-activity { + box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 7px #1F2D3D; +} + +.pace-mac-osx-white .pace .pace-progress { + background-color: #ffffff; + box-shadow: inset -1px 0 #ffffff, inset 0 -1px #ffffff, inset 0 2px rgba(31, 45, 61, 0.5), inset 0 6px rgba(31, 45, 61, 0.3); +} + +.pace-mac-osx-white .pace .pace-activity { + background-image: radial-gradient(rgba(31, 45, 61, 0.65) 0%, rgba(31, 45, 61, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-white .pace-progress { + color: #ffffff; +} + +.pace-gray .pace .pace-progress { + background: #6c757d; +} + +.pace-barber-shop-gray .pace { + background: #ffffff; +} + +.pace-barber-shop-gray .pace .pace-progress { + background: #6c757d; +} + +.pace-barber-shop-gray .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-gray .pace .pace-progress::after { + color: rgba(108, 117, 125, 0.2); +} + +.pace-bounce-gray .pace .pace-activity { + background: #6c757d; +} + +.pace-center-atom-gray .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-gray .pace-progress::before { + background: #6c757d; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-gray .pace-activity { + border-color: #6c757d; +} + +.pace-center-atom-gray .pace-activity::after, .pace-center-atom-gray .pace-activity::before { + border-color: #6c757d; +} + +.pace-center-circle-gray .pace .pace-progress { + background: rgba(108, 117, 125, 0.8); + color: #ffffff; +} + +.pace-center-radar-gray .pace .pace-activity { + border-color: #6c757d transparent transparent; +} + +.pace-center-radar-gray .pace .pace-activity::before { + border-color: #6c757d transparent transparent; +} + +.pace-center-simple-gray .pace { + background: #ffffff; + border-color: #6c757d; +} + +.pace-center-simple-gray .pace .pace-progress { + background: #6c757d; +} + +.pace-material-gray .pace { + color: #6c757d; +} + +.pace-corner-indicator-gray .pace .pace-activity { + background: #6c757d; +} + +.pace-corner-indicator-gray .pace .pace-activity::after, +.pace-corner-indicator-gray .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-gray .pace .pace-activity::before { + border-right-color: rgba(108, 117, 125, 0.2); + border-left-color: rgba(108, 117, 125, 0.2); +} + +.pace-corner-indicator-gray .pace .pace-activity::after { + border-top-color: rgba(108, 117, 125, 0.2); + border-bottom-color: rgba(108, 117, 125, 0.2); +} + +.pace-fill-left-gray .pace .pace-progress { + background-color: rgba(108, 117, 125, 0.2); +} + +.pace-flash-gray .pace .pace-progress { + background: #6c757d; +} + +.pace-flash-gray .pace .pace-progress-inner { + box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d; +} + +.pace-flash-gray .pace .pace-activity { + border-top-color: #6c757d; + border-left-color: #6c757d; +} + +.pace-loading-bar-gray .pace .pace-progress { + background: #6c757d; + color: #6c757d; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-gray .pace .pace-activity { + box-shadow: inset 0 0 0 2px #6c757d, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-gray .pace .pace-progress { + background-color: #6c757d; + box-shadow: inset -1px 0 #6c757d, inset 0 -1px #6c757d, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-gray .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-gray .pace-progress { + color: #6c757d; +} + +.pace-gray-dark .pace .pace-progress { + background: #343a40; +} + +.pace-barber-shop-gray-dark .pace { + background: #ffffff; +} + +.pace-barber-shop-gray-dark .pace .pace-progress { + background: #343a40; +} + +.pace-barber-shop-gray-dark .pace .pace-activity { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); +} + +.pace-big-counter-gray-dark .pace .pace-progress::after { + color: rgba(52, 58, 64, 0.2); +} + +.pace-bounce-gray-dark .pace .pace-activity { + background: #343a40; +} + +.pace-center-atom-gray-dark .pace-progress { + height: 100px; + width: 80px; +} + +.pace-center-atom-gray-dark .pace-progress::before { + background: #343a40; + color: #ffffff; + font-size: .8rem; + line-height: .7rem; + padding-top: 17%; +} + +.pace-center-atom-gray-dark .pace-activity { + border-color: #343a40; +} + +.pace-center-atom-gray-dark .pace-activity::after, .pace-center-atom-gray-dark .pace-activity::before { + border-color: #343a40; +} + +.pace-center-circle-gray-dark .pace .pace-progress { + background: rgba(52, 58, 64, 0.8); + color: #ffffff; +} + +.pace-center-radar-gray-dark .pace .pace-activity { + border-color: #343a40 transparent transparent; +} + +.pace-center-radar-gray-dark .pace .pace-activity::before { + border-color: #343a40 transparent transparent; +} + +.pace-center-simple-gray-dark .pace { + background: #ffffff; + border-color: #343a40; +} + +.pace-center-simple-gray-dark .pace .pace-progress { + background: #343a40; +} + +.pace-material-gray-dark .pace { + color: #343a40; +} + +.pace-corner-indicator-gray-dark .pace .pace-activity { + background: #343a40; +} + +.pace-corner-indicator-gray-dark .pace .pace-activity::after, +.pace-corner-indicator-gray-dark .pace .pace-activity::before  { + border: 5px solid #ffffff; +} + +.pace-corner-indicator-gray-dark .pace .pace-activity::before { + border-right-color: rgba(52, 58, 64, 0.2); + border-left-color: rgba(52, 58, 64, 0.2); +} + +.pace-corner-indicator-gray-dark .pace .pace-activity::after { + border-top-color: rgba(52, 58, 64, 0.2); + border-bottom-color: rgba(52, 58, 64, 0.2); +} + +.pace-fill-left-gray-dark .pace .pace-progress { + background-color: rgba(52, 58, 64, 0.2); +} + +.pace-flash-gray-dark .pace .pace-progress { + background: #343a40; +} + +.pace-flash-gray-dark .pace .pace-progress-inner { + box-shadow: 0 0 10px #343a40, 0 0 5px #343a40; +} + +.pace-flash-gray-dark .pace .pace-activity { + border-top-color: #343a40; + border-left-color: #343a40; +} + +.pace-loading-bar-gray-dark .pace .pace-progress { + background: #343a40; + color: #343a40; + box-shadow: 120px 0 #ffffff, 240px 0 #ffffff; +} + +.pace-loading-bar-gray-dark .pace .pace-activity { + box-shadow: inset 0 0 0 2px #343a40, inset 0 0 0 7px #ffffff; +} + +.pace-mac-osx-gray-dark .pace .pace-progress { + background-color: #343a40; + box-shadow: inset -1px 0 #343a40, inset 0 -1px #343a40, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3); +} + +.pace-mac-osx-gray-dark .pace .pace-activity { + background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.15) 100%); + height: 12px; +} + +.pace-progress-color-gray-dark .pace-progress { + color: #343a40; +} + +/** + * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. + * + * @version v3.4 (MODDED) + * @homepage https://bttstrp.github.io/bootstrap-switch + * @author Mattia Larentis (http://larentis.eu) + * @license MIT + */ +.bootstrap-switch { + border: 1px solid #ced4da; + border-radius: 0.25rem; + cursor: pointer; + direction: ltr; + display: inline-block; + line-height: .5rem; + overflow: hidden; + position: relative; + text-align: left; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + user-select: none; + vertical-align: middle; + z-index: 0; +} + +.bootstrap-switch .bootstrap-switch-container { + border-radius: 0.25rem; + display: inline-block; + top: 0; + transform: translate3d(0, 0, 0); +} + +.bootstrap-switch:focus-within { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} + +.bootstrap-switch .bootstrap-switch-handle-on, +.bootstrap-switch .bootstrap-switch-handle-off, +.bootstrap-switch .bootstrap-switch-label { + box-sizing: border-box; + cursor: pointer; + display: table-cell; + font-size: 1rem; + font-weight: 500; + line-height: 1.2rem; + padding: .25rem .5rem; + vertical-align: middle; +} + +.bootstrap-switch .bootstrap-switch-handle-on, +.bootstrap-switch .bootstrap-switch-handle-off { + text-align: center; + z-index: 1; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { + background: #e9ecef; + color: #1F2D3D; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { + background: #007bff; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary { + background: #6c757d; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { + background: #28a745; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { + background: #17a2b8; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { + background: #ffc107; + color: #1F2D3D; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { + background: #dc3545; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light { + background: #f8f9fa; + color: #1F2D3D; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark { + background: #343a40; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lightblue, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lightblue { + background: #3c8dbc; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-navy, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-navy { + background: #001f3f; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-olive, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-olive { + background: #3d9970; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-lime, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-lime { + background: #01ff70; + color: #1F2D3D; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-fuchsia, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-fuchsia { + background: #f012be; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-maroon, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-maroon { + background: #d81b60; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue { + background: #007bff; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-indigo, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-indigo { + background: #6610f2; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple { + background: #6f42c1; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-pink, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-pink { + background: #e83e8c; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-red, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-red { + background: #dc3545; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-orange, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-orange { + background: #fd7e14; + color: #1F2D3D; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-yellow, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-yellow { + background: #ffc107; + color: #1F2D3D; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-green { + background: #28a745; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-teal, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-teal { + background: #20c997; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-cyan, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-cyan { + background: #17a2b8; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-white, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-white { + background: #ffffff; + color: #1F2D3D; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray { + background: #6c757d; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-gray-dark, +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-gray-dark { + background: #343a40; + color: #ffffff; +} + +.bootstrap-switch .bootstrap-switch-handle-on { + border-bottom-left-radius: 0.1rem; + border-top-left-radius: 0.1rem; +} + +.bootstrap-switch .bootstrap-switch-handle-off { + border-bottom-right-radius: 0.1rem; + border-top-right-radius: 0.1rem; +} + +.bootstrap-switch input[type='radio'], +.bootstrap-switch input[type='checkbox'] { + filter: alpha(opacity=0); + left: 0; + margin: 0; + opacity: 0; + position: absolute; + top: 0; + visibility: hidden; + z-index: -1; +} + +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { + font-size: .875rem; + line-height: 1.5; + padding: .1rem .3rem; +} + +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { + font-size: .875rem; + line-height: 1.5; + padding: .2rem .4rem; +} + +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { + font-size: 1.25rem; + line-height: 1.3333333rem; + padding: .3rem .5rem; +} + +.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { + cursor: default; +} + +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, +.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, +.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { + cursor: default; + filter: alpha(opacity=50); + opacity: .5; +} + +.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { + transition: margin-left .5s; +} + +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { + border-radius: 0 0.1rem 0.1rem 0; +} + +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { + border-radius: 0.1rem 0 0 0.1rem; +} + +.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, +.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { + border-bottom-right-radius: 0.1rem; + border-top-right-radius: 0.1rem; +} + +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, +.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { + border-bottom-left-radius: 0.1rem; + border-top-left-radius: 0.1rem; +} + +.jqstooltip { + height: auto !important; + padding: 5px !important; + width: auto !important; +} + +.connectedSortable { + min-height: 100px; +} + +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.sort-highlight { + background: #f8f9fa; + border: 1px dashed #dee2e6; + margin-bottom: 10px; +} + +.chart { + overflow: hidden; + position: relative; +} + +.border-transparent { + border-color: transparent !important; +} + +.description-block { + display: block; + margin: 10px 0; + text-align: center; +} + +.description-block.margin-bottom { + margin-bottom: 25px; +} + +.description-block > .description-header { + font-size: 16px; + font-weight: 600; + margin: 0; + padding: 0; +} + +.description-block > .description-text { + text-transform: uppercase; +} + +.description-block .description-icon { + font-size: 16px; +} + +.list-group-unbordered > .list-group-item { + border-left: 0; + border-radius: 0; + border-right: 0; + padding-left: 0; + padding-right: 0; +} + +.list-header { + color: #6c757d; + font-size: 15px; + font-weight: bold; + padding: 10px 4px; +} + +.list-seperator { + background: rgba(0, 0, 0, 0.125); + height: 1px; + margin: 15px 0 9px; +} + +.list-link > a { + color: #6c757d; + padding: 4px; +} + +.list-link > a:hover { + color: #212529; +} + +.user-block { + float: left; +} + +.user-block img { + float: left; + height: 40px; + width: 40px; +} + +.user-block .username, +.user-block .description, +.user-block .comment { + display: block; + margin-left: 50px; +} + +.user-block .username { + font-size: 16px; + font-weight: 600; + margin-top: -1px; +} + +.user-block .description { + color: #6c757d; + font-size: 13px; + margin-top: -3px; +} + +.user-block.user-block-sm img { + width: 1.875rem; + height: 1.875rem; +} + +.user-block.user-block-sm .username, +.user-block.user-block-sm .description, +.user-block.user-block-sm .comment { + margin-left: 40px; +} + +.user-block.user-block-sm .username { + font-size: 14px; +} + +.img-sm, +.img-md, +.img-lg { + float: left; +} + +.img-sm { + height: 1.875rem; + width: 1.875rem; +} + +.img-sm + .img-push { + margin-left: 2.5rem; +} + +.img-md { + width: 3.75rem; + height: 3.75rem; +} + +.img-md + .img-push { + margin-left: 4.375rem; +} + +.img-lg { + width: 6.25rem; + height: 6.25rem; +} + +.img-lg + .img-push { + margin-left: 6.875rem; +} + +.img-bordered { + border: 3px solid #adb5bd; + padding: 3px; +} + +.img-bordered-sm { + border: 2px solid #adb5bd; + padding: 2px; +} + +.img-rounded { + border-radius: 0.25rem; +} + +.img-circle { + border-radius: 50%; +} + +.img-size-64, +.img-size-50, +.img-size-32 { + height: auto; +} + +.img-size-64 { + width: 64px; +} + +.img-size-50 { + width: 50px; +} + +.img-size-32 { + width: 32px; +} + +.size-32, +.size-40, +.size-50 { + display: block; + text-align: center; +} + +.size-32 { + height: 32px; + line-height: 32px; + width: 32px; +} + +.size-40 { + height: 40px; + line-height: 40px; + width: 40px; +} + +.size-50 { + height: 50px; + line-height: 50px; + width: 50px; +} + +.attachment-block { + background: #f8f9fa; + border: 1px solid rgba(0, 0, 0, 0.125); + margin-bottom: 10px; + padding: 5px; +} + +.attachment-block .attachment-img { + float: left; + height: auto; + max-height: 100px; + max-width: 100px; +} + +.attachment-block .attachment-pushed { + margin-left: 110px; +} + +.attachment-block .attachment-heading { + margin: 0; +} + +.attachment-block .attachment-text { + color: #495057; +} + +.card > .overlay, +.card > .loading-img, +.overlay-wrapper > .overlay, +.overlay-wrapper > .loading-img, +.info-box > .overlay, +.info-box > .loading-img, +.small-box > .overlay, +.small-box > .loading-img { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} + +.card .overlay, +.overlay-wrapper .overlay, +.info-box .overlay, +.small-box .overlay { + border-radius: 0.25rem; + align-items: center; + background: rgba(255, 255, 255, 0.7); + display: flex; + justify-content: center; + z-index: 50; +} + +.card .overlay > .fa, +.card .overlay > .fas, +.card .overlay > .far, +.card .overlay > .fab, +.card .overlay > .glyphicon, +.card .overlay > .ion, +.overlay-wrapper .overlay > .fa, +.overlay-wrapper .overlay > .fas, +.overlay-wrapper .overlay > .far, +.overlay-wrapper .overlay > .fab, +.overlay-wrapper .overlay > .glyphicon, +.overlay-wrapper .overlay > .ion, +.info-box .overlay > .fa, +.info-box .overlay > .fas, +.info-box .overlay > .far, +.info-box .overlay > .fab, +.info-box .overlay > .glyphicon, +.info-box .overlay > .ion, +.small-box .overlay > .fa, +.small-box .overlay > .fas, +.small-box .overlay > .far, +.small-box .overlay > .fab, +.small-box .overlay > .glyphicon, +.small-box .overlay > .ion { + color: #343a40; +} + +.card .overlay.dark, +.overlay-wrapper .overlay.dark, +.info-box .overlay.dark, +.small-box .overlay.dark { + background: rgba(0, 0, 0, 0.5); +} + +.card .overlay.dark > .fa, +.card .overlay.dark > .fas, +.card .overlay.dark > .far, +.card .overlay.dark > .fab, +.card .overlay.dark > .glyphicon, +.card .overlay.dark > .ion, +.overlay-wrapper .overlay.dark > .fa, +.overlay-wrapper .overlay.dark > .fas, +.overlay-wrapper .overlay.dark > .far, +.overlay-wrapper .overlay.dark > .fab, +.overlay-wrapper .overlay.dark > .glyphicon, +.overlay-wrapper .overlay.dark > .ion, +.info-box .overlay.dark > .fa, +.info-box .overlay.dark > .fas, +.info-box .overlay.dark > .far, +.info-box .overlay.dark > .fab, +.info-box .overlay.dark > .glyphicon, +.info-box .overlay.dark > .ion, +.small-box .overlay.dark > .fa, +.small-box .overlay.dark > .fas, +.small-box .overlay.dark > .far, +.small-box .overlay.dark > .fab, +.small-box .overlay.dark > .glyphicon, +.small-box .overlay.dark > .ion { + color: #ced4da; +} + +.ribbon-wrapper { + height: 70px; + overflow: hidden; + position: absolute; + right: -2px; + top: -2px; + width: 70px; + z-index: 10; +} + +.ribbon-wrapper.ribbon-lg { + height: 120px; + width: 120px; +} + +.ribbon-wrapper.ribbon-lg .ribbon { + right: 0px; + top: 26px; + width: 160px; +} + +.ribbon-wrapper.ribbon-xl { + height: 180px; + width: 180px; +} + +.ribbon-wrapper.ribbon-xl .ribbon { + right: 4px; + top: 47px; + width: 240px; +} + +.ribbon-wrapper .ribbon { + box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); + font-size: 0.8rem; + line-height: 100%; + padding: 0.375rem 0; + position: relative; + right: -2px; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); + text-transform: uppercase; + top: 10px; + transform: rotate(45deg); + width: 90px; +} + +.ribbon-wrapper .ribbon::before, .ribbon-wrapper .ribbon::after { + border-left: 3px solid transparent; + border-right: 3px solid transparent; + border-top: 3px solid #9e9e9e; + bottom: -3px; + content: ''; + position: absolute; +} + +.ribbon-wrapper .ribbon::before { + left: 0; +} + +.ribbon-wrapper .ribbon::after { + right: 0; +} + +.back-to-top { + bottom: 1.25rem; + position: fixed; + right: 1.25rem; + z-index: 1032; +} + +.back-to-top:focus { + box-shadow: none; +} + +pre { + padding: .75rem; +} + +blockquote { + background: #ffffff; + border-left: 0.7rem solid #007bff; + margin: 1.5em .7rem; + padding: 0.5em .7rem; +} + +.box blockquote { + background: #e9ecef; +} + +blockquote p:last-child { + margin-bottom: 0; +} + +blockquote h1, +blockquote h2, +blockquote h3, +blockquote h4, +blockquote h5, +blockquote h6 { + color: #007bff; + font-size: 1.25rem; + font-weight: 600; +} + +blockquote.quote-primary { + border-color: #007bff; +} + +blockquote.quote-primary h1, +blockquote.quote-primary h2, +blockquote.quote-primary h3, +blockquote.quote-primary h4, +blockquote.quote-primary h5, +blockquote.quote-primary h6 { + color: #007bff; +} + +blockquote.quote-secondary { + border-color: #6c757d; +} + +blockquote.quote-secondary h1, +blockquote.quote-secondary h2, +blockquote.quote-secondary h3, +blockquote.quote-secondary h4, +blockquote.quote-secondary h5, +blockquote.quote-secondary h6 { + color: #6c757d; +} + +blockquote.quote-success { + border-color: #28a745; +} + +blockquote.quote-success h1, +blockquote.quote-success h2, +blockquote.quote-success h3, +blockquote.quote-success h4, +blockquote.quote-success h5, +blockquote.quote-success h6 { + color: #28a745; +} + +blockquote.quote-info { + border-color: #17a2b8; +} + +blockquote.quote-info h1, +blockquote.quote-info h2, +blockquote.quote-info h3, +blockquote.quote-info h4, +blockquote.quote-info h5, +blockquote.quote-info h6 { + color: #17a2b8; +} + +blockquote.quote-warning { + border-color: #ffc107; +} + +blockquote.quote-warning h1, +blockquote.quote-warning h2, +blockquote.quote-warning h3, +blockquote.quote-warning h4, +blockquote.quote-warning h5, +blockquote.quote-warning h6 { + color: #ffc107; +} + +blockquote.quote-danger { + border-color: #dc3545; +} + +blockquote.quote-danger h1, +blockquote.quote-danger h2, +blockquote.quote-danger h3, +blockquote.quote-danger h4, +blockquote.quote-danger h5, +blockquote.quote-danger h6 { + color: #dc3545; +} + +blockquote.quote-light { + border-color: #f8f9fa; +} + +blockquote.quote-light h1, +blockquote.quote-light h2, +blockquote.quote-light h3, +blockquote.quote-light h4, +blockquote.quote-light h5, +blockquote.quote-light h6 { + color: #f8f9fa; +} + +blockquote.quote-dark { + border-color: #343a40; +} + +blockquote.quote-dark h1, +blockquote.quote-dark h2, +blockquote.quote-dark h3, +blockquote.quote-dark h4, +blockquote.quote-dark h5, +blockquote.quote-dark h6 { + color: #343a40; +} + +blockquote.quote-lightblue { + border-color: #3c8dbc; +} + +blockquote.quote-lightblue h1, +blockquote.quote-lightblue h2, +blockquote.quote-lightblue h3, +blockquote.quote-lightblue h4, +blockquote.quote-lightblue h5, +blockquote.quote-lightblue h6 { + color: #3c8dbc; +} + +blockquote.quote-navy { + border-color: #001f3f; +} + +blockquote.quote-navy h1, +blockquote.quote-navy h2, +blockquote.quote-navy h3, +blockquote.quote-navy h4, +blockquote.quote-navy h5, +blockquote.quote-navy h6 { + color: #001f3f; +} + +blockquote.quote-olive { + border-color: #3d9970; +} + +blockquote.quote-olive h1, +blockquote.quote-olive h2, +blockquote.quote-olive h3, +blockquote.quote-olive h4, +blockquote.quote-olive h5, +blockquote.quote-olive h6 { + color: #3d9970; +} + +blockquote.quote-lime { + border-color: #01ff70; +} + +blockquote.quote-lime h1, +blockquote.quote-lime h2, +blockquote.quote-lime h3, +blockquote.quote-lime h4, +blockquote.quote-lime h5, +blockquote.quote-lime h6 { + color: #01ff70; +} + +blockquote.quote-fuchsia { + border-color: #f012be; +} + +blockquote.quote-fuchsia h1, +blockquote.quote-fuchsia h2, +blockquote.quote-fuchsia h3, +blockquote.quote-fuchsia h4, +blockquote.quote-fuchsia h5, +blockquote.quote-fuchsia h6 { + color: #f012be; +} + +blockquote.quote-maroon { + border-color: #d81b60; +} + +blockquote.quote-maroon h1, +blockquote.quote-maroon h2, +blockquote.quote-maroon h3, +blockquote.quote-maroon h4, +blockquote.quote-maroon h5, +blockquote.quote-maroon h6 { + color: #d81b60; +} + +blockquote.quote-blue { + border-color: #007bff; +} + +blockquote.quote-blue h1, +blockquote.quote-blue h2, +blockquote.quote-blue h3, +blockquote.quote-blue h4, +blockquote.quote-blue h5, +blockquote.quote-blue h6 { + color: #007bff; +} + +blockquote.quote-indigo { + border-color: #6610f2; +} + +blockquote.quote-indigo h1, +blockquote.quote-indigo h2, +blockquote.quote-indigo h3, +blockquote.quote-indigo h4, +blockquote.quote-indigo h5, +blockquote.quote-indigo h6 { + color: #6610f2; +} + +blockquote.quote-purple { + border-color: #6f42c1; +} + +blockquote.quote-purple h1, +blockquote.quote-purple h2, +blockquote.quote-purple h3, +blockquote.quote-purple h4, +blockquote.quote-purple h5, +blockquote.quote-purple h6 { + color: #6f42c1; +} + +blockquote.quote-pink { + border-color: #e83e8c; +} + +blockquote.quote-pink h1, +blockquote.quote-pink h2, +blockquote.quote-pink h3, +blockquote.quote-pink h4, +blockquote.quote-pink h5, +blockquote.quote-pink h6 { + color: #e83e8c; +} + +blockquote.quote-red { + border-color: #dc3545; +} + +blockquote.quote-red h1, +blockquote.quote-red h2, +blockquote.quote-red h3, +blockquote.quote-red h4, +blockquote.quote-red h5, +blockquote.quote-red h6 { + color: #dc3545; +} + +blockquote.quote-orange { + border-color: #fd7e14; +} + +blockquote.quote-orange h1, +blockquote.quote-orange h2, +blockquote.quote-orange h3, +blockquote.quote-orange h4, +blockquote.quote-orange h5, +blockquote.quote-orange h6 { + color: #fd7e14; +} + +blockquote.quote-yellow { + border-color: #ffc107; +} + +blockquote.quote-yellow h1, +blockquote.quote-yellow h2, +blockquote.quote-yellow h3, +blockquote.quote-yellow h4, +blockquote.quote-yellow h5, +blockquote.quote-yellow h6 { + color: #ffc107; +} + +blockquote.quote-green { + border-color: #28a745; +} + +blockquote.quote-green h1, +blockquote.quote-green h2, +blockquote.quote-green h3, +blockquote.quote-green h4, +blockquote.quote-green h5, +blockquote.quote-green h6 { + color: #28a745; +} + +blockquote.quote-teal { + border-color: #20c997; +} + +blockquote.quote-teal h1, +blockquote.quote-teal h2, +blockquote.quote-teal h3, +blockquote.quote-teal h4, +blockquote.quote-teal h5, +blockquote.quote-teal h6 { + color: #20c997; +} + +blockquote.quote-cyan { + border-color: #17a2b8; +} + +blockquote.quote-cyan h1, +blockquote.quote-cyan h2, +blockquote.quote-cyan h3, +blockquote.quote-cyan h4, +blockquote.quote-cyan h5, +blockquote.quote-cyan h6 { + color: #17a2b8; +} + +blockquote.quote-white { + border-color: #ffffff; +} + +blockquote.quote-white h1, +blockquote.quote-white h2, +blockquote.quote-white h3, +blockquote.quote-white h4, +blockquote.quote-white h5, +blockquote.quote-white h6 { + color: #ffffff; +} + +blockquote.quote-gray { + border-color: #6c757d; +} + +blockquote.quote-gray h1, +blockquote.quote-gray h2, +blockquote.quote-gray h3, +blockquote.quote-gray h4, +blockquote.quote-gray h5, +blockquote.quote-gray h6 { + color: #6c757d; +} + +blockquote.quote-gray-dark { + border-color: #343a40; +} + +blockquote.quote-gray-dark h1, +blockquote.quote-gray-dark h2, +blockquote.quote-gray-dark h3, +blockquote.quote-gray-dark h4, +blockquote.quote-gray-dark h5, +blockquote.quote-gray-dark h6 { + color: #343a40; +} + +.tab-custom-content { + border-top: 1px solid #dee2e6; + margin-top: .5rem; + padding-top: .5rem; +} + +.nav + .tab-custom-content { + border-top: none; + border-bottom: 1px solid #dee2e6; + margin-top: 0; + margin-bottom: .5rem; + padding-bottom: .5rem; +} + +@media print { + .no-print, .main-sidebar, + .main-header, + .content-header { + display: none !important; + } + .content-wrapper, + .main-footer { + transform: translate(0, 0); + margin-left: 0 !important; + min-height: 0 !important; + } + .layout-fixed .content-wrapper { + padding-top: 0 !important; + } + .invoice { + border: 0; + margin: 0; + padding: 0; + width: 100%; + } + .invoice-col { + float: left; + width: 33.3333333%; + } + .table-responsive { + overflow: auto; + } + .table-responsive > .table tr th, + .table-responsive > .table tr td { + white-space: normal !important; + } +} + +.text-bold, .text-bold.table td, .text-bold.table th { + font-weight: 700; +} + +.text-xs { + font-size: 0.75rem !important; +} + +.text-sm { + font-size: 0.875rem !important; +} + +.text-md { + font-size: 1rem !important; +} + +.text-lg { + font-size: 1.25rem !important; +} + +.text-xl { + font-size: 2rem !important; +} + +.text-lightblue { + color: #3c8dbc; +} + +.text-navy { + color: #001f3f; +} + +.text-olive { + color: #3d9970; +} + +.text-lime { + color: #01ff70; +} + +.text-fuchsia { + color: #f012be; +} + +.text-maroon { + color: #d81b60; +} + +.text-blue { + color: #007bff; +} + +.text-indigo { + color: #6610f2; +} + +.text-purple { + color: #6f42c1; +} + +.text-pink { + color: #e83e8c; +} + +.text-red { + color: #dc3545; +} + +.text-orange { + color: #fd7e14; +} + +.text-yellow { + color: #ffc107; +} + +.text-green { + color: #28a745; +} + +.text-teal { + color: #20c997; +} + +.text-cyan { + color: #17a2b8; +} + +.text-white { + color: #ffffff; +} + +.text-gray { + color: #6c757d; +} + +.text-gray-dark { + color: #343a40; +} + +.elevation-0 { + box-shadow: none !important; +} + +.elevation-1 { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; +} + +.elevation-2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; +} + +.elevation-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important; +} + +.elevation-4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important; +} + +.elevation-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important; +} + +.bg-primary { + background-color: #007bff !important; +} + +.bg-primary, +.bg-primary > a { + color: #ffffff !important; +} + +.bg-primary.btn:hover { + border-color: #0062cc; + color: #ececec; +} + +.bg-primary.btn:not(:disabled):not(.disabled):active, .bg-primary.btn:not(:disabled):not(.disabled).active, .bg-primary.btn:active, .bg-primary.btn.active { + background-color: #0062cc !important; + border-color: #005cbf; + color: #ffffff; +} + +.bg-secondary { + background-color: #6c757d !important; +} + +.bg-secondary, +.bg-secondary > a { + color: #ffffff !important; +} + +.bg-secondary.btn:hover { + border-color: #545b62; + color: #ececec; +} + +.bg-secondary.btn:not(:disabled):not(.disabled):active, .bg-secondary.btn:not(:disabled):not(.disabled).active, .bg-secondary.btn:active, .bg-secondary.btn.active { + background-color: #545b62 !important; + border-color: #4e555b; + color: #ffffff; +} + +.bg-success { + background-color: #28a745 !important; +} + +.bg-success, +.bg-success > a { + color: #ffffff !important; +} + +.bg-success.btn:hover { + border-color: #1e7e34; + color: #ececec; +} + +.bg-success.btn:not(:disabled):not(.disabled):active, .bg-success.btn:not(:disabled):not(.disabled).active, .bg-success.btn:active, .bg-success.btn.active { + background-color: #1e7e34 !important; + border-color: #1c7430; + color: #ffffff; +} + +.bg-info { + background-color: #17a2b8 !important; +} + +.bg-info, +.bg-info > a { + color: #ffffff !important; +} + +.bg-info.btn:hover { + border-color: #117a8b; + color: #ececec; +} + +.bg-info.btn:not(:disabled):not(.disabled):active, .bg-info.btn:not(:disabled):not(.disabled).active, .bg-info.btn:active, .bg-info.btn.active { + background-color: #117a8b !important; + border-color: #10707f; + color: #ffffff; +} + +.bg-warning { + background-color: #ffc107 !important; +} + +.bg-warning, +.bg-warning > a { + color: #1F2D3D !important; +} + +.bg-warning.btn:hover { + border-color: #d39e00; + color: #121a24; +} + +.bg-warning.btn:not(:disabled):not(.disabled):active, .bg-warning.btn:not(:disabled):not(.disabled).active, .bg-warning.btn:active, .bg-warning.btn.active { + background-color: #d39e00 !important; + border-color: #c69500; + color: #1F2D3D; +} + +.bg-danger { + background-color: #dc3545 !important; +} + +.bg-danger, +.bg-danger > a { + color: #ffffff !important; +} + +.bg-danger.btn:hover { + border-color: #bd2130; + color: #ececec; +} + +.bg-danger.btn:not(:disabled):not(.disabled):active, .bg-danger.btn:not(:disabled):not(.disabled).active, .bg-danger.btn:active, .bg-danger.btn.active { + background-color: #bd2130 !important; + border-color: #b21f2d; + color: #ffffff; +} + +.bg-light { + background-color: #f8f9fa !important; +} + +.bg-light, +.bg-light > a { + color: #1F2D3D !important; +} + +.bg-light.btn:hover { + border-color: #dae0e5; + color: #121a24; +} + +.bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active { + background-color: #dae0e5 !important; + border-color: #d3d9df; + color: #1F2D3D; +} + +.bg-dark { + background-color: #343a40 !important; +} + +.bg-dark, +.bg-dark > a { + color: #ffffff !important; +} + +.bg-dark.btn:hover { + border-color: #1d2124; + color: #ececec; +} + +.bg-dark.btn:not(:disabled):not(.disabled):active, .bg-dark.btn:not(:disabled):not(.disabled).active, .bg-dark.btn:active, .bg-dark.btn.active { + background-color: #1d2124 !important; + border-color: #171a1d; + color: #ffffff; +} + +.bg-lightblue { + background-color: #3c8dbc !important; +} + +.bg-lightblue, +.bg-lightblue > a { + color: #ffffff !important; +} + +.bg-lightblue.btn:hover { + border-color: #307095; + color: #ececec; +} + +.bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active { + background-color: #307095 !important; + border-color: #2d698c; + color: #ffffff; +} + +.bg-navy { + background-color: #001f3f !important; +} + +.bg-navy, +.bg-navy > a { + color: #ffffff !important; +} + +.bg-navy.btn:hover { + border-color: #00060c; + color: #ececec; +} + +.bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active { + background-color: #00060c !important; + border-color: black; + color: #ffffff; +} + +.bg-olive { + background-color: #3d9970 !important; +} + +.bg-olive, +.bg-olive > a { + color: #ffffff !important; +} + +.bg-olive.btn:hover { + border-color: #2e7555; + color: #ececec; +} + +.bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active { + background-color: #2e7555 !important; + border-color: #2b6b4f; + color: #ffffff; +} + +.bg-lime { + background-color: #01ff70 !important; +} + +.bg-lime, +.bg-lime > a { + color: #1F2D3D !important; +} + +.bg-lime.btn:hover { + border-color: #00cd5a; + color: #121a24; +} + +.bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active { + background-color: #00cd5a !important; + border-color: #00c054; + color: #ffffff; +} + +.bg-fuchsia { + background-color: #f012be !important; +} + +.bg-fuchsia, +.bg-fuchsia > a { + color: #ffffff !important; +} + +.bg-fuchsia.btn:hover { + border-color: #c30c9a; + color: #ececec; +} + +.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active { + background-color: #c30c9a !important; + border-color: #b70c90; + color: #ffffff; +} + +.bg-maroon { + background-color: #d81b60 !important; +} + +.bg-maroon, +.bg-maroon > a { + color: #ffffff !important; +} + +.bg-maroon.btn:hover { + border-color: #ab154c; + color: #ececec; +} + +.bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active { + background-color: #ab154c !important; + border-color: #9f1447; + color: #ffffff; +} + +.bg-blue { + background-color: #007bff !important; +} + +.bg-blue, +.bg-blue > a { + color: #ffffff !important; +} + +.bg-blue.btn:hover { + border-color: #0062cc; + color: #ececec; +} + +.bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active { + background-color: #0062cc !important; + border-color: #005cbf; + color: #ffffff; +} + +.bg-indigo { + background-color: #6610f2 !important; +} + +.bg-indigo, +.bg-indigo > a { + color: #ffffff !important; +} + +.bg-indigo.btn:hover { + border-color: #510bc4; + color: #ececec; +} + +.bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active { + background-color: #510bc4 !important; + border-color: #4c0ab8; + color: #ffffff; +} + +.bg-purple { + background-color: #6f42c1 !important; +} + +.bg-purple, +.bg-purple > a { + color: #ffffff !important; +} + +.bg-purple.btn:hover { + border-color: #59339d; + color: #ececec; +} + +.bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active { + background-color: #59339d !important; + border-color: #533093; + color: #ffffff; +} + +.bg-pink { + background-color: #e83e8c !important; +} + +.bg-pink, +.bg-pink > a { + color: #ffffff !important; +} + +.bg-pink.btn:hover { + border-color: #d91a72; + color: #ececec; +} + +.bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active { + background-color: #d91a72 !important; + border-color: #ce196c; + color: #ffffff; +} + +.bg-red { + background-color: #dc3545 !important; +} + +.bg-red, +.bg-red > a { + color: #ffffff !important; +} + +.bg-red.btn:hover { + border-color: #bd2130; + color: #ececec; +} + +.bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active { + background-color: #bd2130 !important; + border-color: #b21f2d; + color: #ffffff; +} + +.bg-orange { + background-color: #fd7e14 !important; +} + +.bg-orange, +.bg-orange > a { + color: #1F2D3D !important; +} + +.bg-orange.btn:hover { + border-color: #dc6502; + color: #121a24; +} + +.bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active { + background-color: #dc6502 !important; + border-color: #cf5f02; + color: #ffffff; +} + +.bg-yellow { + background-color: #ffc107 !important; +} + +.bg-yellow, +.bg-yellow > a { + color: #1F2D3D !important; +} + +.bg-yellow.btn:hover { + border-color: #d39e00; + color: #121a24; +} + +.bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active { + background-color: #d39e00 !important; + border-color: #c69500; + color: #1F2D3D; +} + +.bg-green { + background-color: #28a745 !important; +} + +.bg-green, +.bg-green > a { + color: #ffffff !important; +} + +.bg-green.btn:hover { + border-color: #1e7e34; + color: #ececec; +} + +.bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active { + background-color: #1e7e34 !important; + border-color: #1c7430; + color: #ffffff; +} + +.bg-teal { + background-color: #20c997 !important; +} + +.bg-teal, +.bg-teal > a { + color: #ffffff !important; +} + +.bg-teal.btn:hover { + border-color: #199d76; + color: #ececec; +} + +.bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active { + background-color: #199d76 !important; + border-color: #17926e; + color: #ffffff; +} + +.bg-cyan { + background-color: #17a2b8 !important; +} + +.bg-cyan, +.bg-cyan > a { + color: #ffffff !important; +} + +.bg-cyan.btn:hover { + border-color: #117a8b; + color: #ececec; +} + +.bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active { + background-color: #117a8b !important; + border-color: #10707f; + color: #ffffff; +} + +.bg-white { + background-color: #ffffff !important; +} + +.bg-white, +.bg-white > a { + color: #1F2D3D !important; +} + +.bg-white.btn:hover { + border-color: #e6e6e6; + color: #121a24; +} + +.bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active { + background-color: #e6e6e6 !important; + border-color: #dfdfdf; + color: #1F2D3D; +} + +.bg-gray { + background-color: #6c757d !important; +} + +.bg-gray, +.bg-gray > a { + color: #ffffff !important; +} + +.bg-gray.btn:hover { + border-color: #545b62; + color: #ececec; +} + +.bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active { + background-color: #545b62 !important; + border-color: #4e555b; + color: #ffffff; +} + +.bg-gray-dark { + background-color: #343a40 !important; +} + +.bg-gray-dark, +.bg-gray-dark > a { + color: #ffffff !important; +} + +.bg-gray-dark.btn:hover { + border-color: #1d2124; + color: #ececec; +} + +.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active { + background-color: #1d2124 !important; + border-color: #171a1d; + color: #ffffff; +} + +.bg-gray { + background-color: #adb5bd; + color: #1F2D3D; +} + +.bg-gray-light { + background-color: #f2f4f5; + color: #1F2D3D !important; +} + +.bg-black { + background-color: #000; + color: #ffffff !important; +} + +.bg-white { + background-color: #ffffff; + color: #1F2D3D !important; +} + +.bg-gradient-primary { + color: #ffffff; +} + +.bg-gradient-primary { + background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; +} + +.bg-gradient-primary.btn.disabled, .bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-primary.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-primary.btn:hover { + border-color: #0062cc; + color: #ececec; +} + +.bg-gradient-primary.btn:hover { + background: #0069d9 linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; +} + +.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active { + border-color: #005cbf; + color: #ffffff; +} + +.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active { + background: #0062cc linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; +} + +.bg-gradient-secondary { + color: #ffffff; +} + +.bg-gradient-secondary { + background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; +} + +.bg-gradient-secondary.btn.disabled, .bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-secondary.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-secondary.btn:hover { + border-color: #545b62; + color: #ececec; +} + +.bg-gradient-secondary.btn:hover { + background: #5a6268 linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; +} + +.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active { + border-color: #4e555b; + color: #ffffff; +} + +.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active { + background: #545b62 linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; +} + +.bg-gradient-success { + color: #ffffff; +} + +.bg-gradient-success { + background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; +} + +.bg-gradient-success.btn.disabled, .bg-gradient-success.btn:disabled, .bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-success.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-success.btn:hover { + border-color: #1e7e34; + color: #ececec; +} + +.bg-gradient-success.btn:hover { + background: #218838 linear-gradient(180deg, #429a56, #218838) repeat-x !important; +} + +.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active { + border-color: #1c7430; + color: #ffffff; +} + +.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active { + background: #1e7e34 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; +} + +.bg-gradient-info { + color: #ffffff; +} + +.bg-gradient-info { + background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; +} + +.bg-gradient-info.btn.disabled, .bg-gradient-info.btn:disabled, .bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-info.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-info.btn:hover { + border-color: #117a8b; + color: #ececec; +} + +.bg-gradient-info.btn:hover { + background: #138496 linear-gradient(180deg, #3697a6, #138496) repeat-x !important; +} + +.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active { + border-color: #10707f; + color: #ffffff; +} + +.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active { + background: #117a8b linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important; +} + +.bg-gradient-warning { + color: #1F2D3D; +} + +.bg-gradient-warning { + background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; +} + +.bg-gradient-warning.btn.disabled, .bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-warning.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-warning.btn:hover { + border-color: #d39e00; + color: #121a24; +} + +.bg-gradient-warning.btn:hover { + background: #e0a800 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important; +} + +.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active { + border-color: #c69500; + color: #1F2D3D; +} + +.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active { + background: #d39e00 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important; +} + +.bg-gradient-danger { + color: #ffffff; +} + +.bg-gradient-danger { + background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; +} + +.bg-gradient-danger.btn.disabled, .bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-danger.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-danger.btn:hover { + border-color: #bd2130; + color: #ececec; +} + +.bg-gradient-danger.btn:hover { + background: #c82333 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; +} + +.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active { + border-color: #b21f2d; + color: #ffffff; +} + +.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active { + background: #bd2130 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; +} + +.bg-gradient-light { + color: #1F2D3D; +} + +.bg-gradient-light { + background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important; +} + +.bg-gradient-light.btn.disabled, .bg-gradient-light.btn:disabled, .bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-light.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-light.btn:hover { + border-color: #dae0e5; + color: #121a24; +} + +.bg-gradient-light.btn:hover { + background: #e2e6ea linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important; +} + +.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active { + border-color: #d3d9df; + color: #1F2D3D; +} + +.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active { + background: #dae0e5 linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important; +} + +.bg-gradient-dark { + color: #ffffff; +} + +.bg-gradient-dark { + background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; +} + +.bg-gradient-dark.btn.disabled, .bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-dark.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-dark.btn:hover { + border-color: #1d2124; + color: #ececec; +} + +.bg-gradient-dark.btn:hover { + background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x !important; +} + +.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active { + border-color: #171a1d; + color: #ffffff; +} + +.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active { + background: #1d2124 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; +} + +.bg-gradient-lightblue { + color: #ffffff; +} + +.bg-gradient-lightblue { + background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important; +} + +.bg-gradient-lightblue.btn.disabled, .bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-lightblue.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-lightblue.btn:hover { + border-color: #307095; + color: #ececec; +} + +.bg-gradient-lightblue.btn:hover { + background: #33779f linear-gradient(180deg, #518cad, #33779f) repeat-x !important; +} + +.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active { + border-color: #2d698c; + color: #ffffff; +} + +.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active { + background: #307095 linear-gradient(180deg, #4f85a5, #307095) repeat-x !important; +} + +.bg-gradient-navy { + color: #ffffff; +} + +.bg-gradient-navy { + background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important; +} + +.bg-gradient-navy.btn.disabled, .bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-navy.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-navy.btn:hover { + border-color: #00060c; + color: #ececec; +} + +.bg-gradient-navy.btn:hover { + background: #000c19 linear-gradient(180deg, #26313b, #000c19) repeat-x !important; +} + +.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active { + border-color: black; + color: #ffffff; +} + +.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active { + background: #00060c linear-gradient(180deg, #262b30, #00060c) repeat-x !important; +} + +.bg-gradient-olive { + color: #ffffff; +} + +.bg-gradient-olive { + background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important; +} + +.bg-gradient-olive.btn.disabled, .bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-olive.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-olive.btn:hover { + border-color: #2e7555; + color: #ececec; +} + +.bg-gradient-olive.btn:hover { + background: #327e5c linear-gradient(180deg, #519174, #327e5c) repeat-x !important; +} + +.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active { + border-color: #2b6b4f; + color: #ffffff; +} + +.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active { + background: #2e7555 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important; +} + +.bg-gradient-lime { + color: #1F2D3D; +} + +.bg-gradient-lime { + background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important; +} + +.bg-gradient-lime.btn.disabled, .bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-lime.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-lime.btn:hover { + border-color: #00cd5a; + color: #121a24; +} + +.bg-gradient-lime.btn:hover { + background: #00da5f linear-gradient(180deg, #26df77, #00da5f) repeat-x !important; +} + +.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active { + border-color: #00c054; + color: #ffffff; +} + +.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active { + background: #00cd5a linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important; +} + +.bg-gradient-fuchsia { + color: #ffffff; +} + +.bg-gradient-fuchsia { + background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important; +} + +.bg-gradient-fuchsia.btn.disabled, .bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-fuchsia.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-fuchsia.btn:hover { + border-color: #c30c9a; + color: #ececec; +} + +.bg-gradient-fuchsia.btn:hover { + background: #cf0da3 linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important; +} + +.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active { + border-color: #b70c90; + color: #ffffff; +} + +.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active { + background: #c30c9a linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important; +} + +.bg-gradient-maroon { + color: #ffffff; +} + +.bg-gradient-maroon { + background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important; +} + +.bg-gradient-maroon.btn.disabled, .bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-maroon.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-maroon.btn:hover { + border-color: #ab154c; + color: #ececec; +} + +.bg-gradient-maroon.btn:hover { + background: #b61751 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important; +} + +.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active { + border-color: #9f1447; + color: #ffffff; +} + +.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active { + background: #ab154c linear-gradient(180deg, #b73867, #ab154c) repeat-x !important; +} + +.bg-gradient-blue { + color: #ffffff; +} + +.bg-gradient-blue { + background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; +} + +.bg-gradient-blue.btn.disabled, .bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-blue.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-blue.btn:hover { + border-color: #0062cc; + color: #ececec; +} + +.bg-gradient-blue.btn:hover { + background: #0069d9 linear-gradient(180deg, #267fde, #0069d9) repeat-x !important; +} + +.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active { + border-color: #005cbf; + color: #ffffff; +} + +.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active { + background: #0062cc linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important; +} + +.bg-gradient-indigo { + color: #ffffff; +} + +.bg-gradient-indigo { + background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important; +} + +.bg-gradient-indigo.btn.disabled, .bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-indigo.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-indigo.btn:hover { + border-color: #510bc4; + color: #ececec; +} + +.bg-gradient-indigo.btn:hover { + background: #560bd0 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important; +} + +.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active { + border-color: #4c0ab8; + color: #ffffff; +} + +.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active { + background: #510bc4 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important; +} + +.bg-gradient-purple { + color: #ffffff; +} + +.bg-gradient-purple { + background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important; +} + +.bg-gradient-purple.btn.disabled, .bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-purple.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-purple.btn:hover { + border-color: #59339d; + color: #ececec; +} + +.bg-gradient-purple.btn:hover { + background: #5e37a6 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important; +} + +.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active { + border-color: #533093; + color: #ffffff; +} + +.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active { + background: #59339d linear-gradient(180deg, #7252ab, #59339d) repeat-x !important; +} + +.bg-gradient-pink { + color: #ffffff; +} + +.bg-gradient-pink { + background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important; +} + +.bg-gradient-pink.btn.disabled, .bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-pink.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-pink.btn:hover { + border-color: #d91a72; + color: #ececec; +} + +.bg-gradient-pink.btn:hover { + background: #e41c78 linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important; +} + +.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active { + border-color: #ce196c; + color: #ffffff; +} + +.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active { + background: #d91a72 linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important; +} + +.bg-gradient-red { + color: #ffffff; +} + +.bg-gradient-red { + background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; +} + +.bg-gradient-red.btn.disabled, .bg-gradient-red.btn:disabled, .bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-red.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-red.btn:hover { + border-color: #bd2130; + color: #ececec; +} + +.bg-gradient-red.btn:hover { + background: #c82333 linear-gradient(180deg, #d04451, #c82333) repeat-x !important; +} + +.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active { + border-color: #b21f2d; + color: #ffffff; +} + +.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active { + background: #bd2130 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important; +} + +.bg-gradient-orange { + color: #1F2D3D; +} + +.bg-gradient-orange { + background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important; +} + +.bg-gradient-orange.btn.disabled, .bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-orange.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-orange.btn:hover { + border-color: #dc6502; + color: #121a24; +} + +.bg-gradient-orange.btn:hover { + background: #e96b02 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important; +} + +.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active { + border-color: #cf5f02; + color: #ffffff; +} + +.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active { + background: #dc6502 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important; +} + +.bg-gradient-yellow { + color: #1F2D3D; +} + +.bg-gradient-yellow { + background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; +} + +.bg-gradient-yellow.btn.disabled, .bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-yellow.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-yellow.btn:hover { + border-color: #d39e00; + color: #121a24; +} + +.bg-gradient-yellow.btn:hover { + background: #e0a800 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important; +} + +.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active { + border-color: #c69500; + color: #1F2D3D; +} + +.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active { + background: #d39e00 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important; +} + +.bg-gradient-green { + color: #ffffff; +} + +.bg-gradient-green { + background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; +} + +.bg-gradient-green.btn.disabled, .bg-gradient-green.btn:disabled, .bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-green.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-green.btn:hover { + border-color: #1e7e34; + color: #ececec; +} + +.bg-gradient-green.btn:hover { + background: #218838 linear-gradient(180deg, #429a56, #218838) repeat-x !important; +} + +.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active { + border-color: #1c7430; + color: #ffffff; +} + +.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active { + background: #1e7e34 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important; +} + +.bg-gradient-teal { + color: #ffffff; +} + +.bg-gradient-teal { + background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important; +} + +.bg-gradient-teal.btn.disabled, .bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-teal.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-teal.btn:hover { + border-color: #199d76; + color: #ececec; +} + +.bg-gradient-teal.btn:hover { + background: #1ba87e linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important; +} + +.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active { + border-color: #17926e; + color: #ffffff; +} + +.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active { + background: #199d76 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important; +} + +.bg-gradient-cyan { + color: #ffffff; +} + +.bg-gradient-cyan { + background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; +} + +.bg-gradient-cyan.btn.disabled, .bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-cyan.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-cyan.btn:hover { + border-color: #117a8b; + color: #ececec; +} + +.bg-gradient-cyan.btn:hover { + background: #138496 linear-gradient(180deg, #3697a6, #138496) repeat-x !important; +} + +.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active { + border-color: #10707f; + color: #ffffff; +} + +.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active { + background: #117a8b linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important; +} + +.bg-gradient-white { + color: #1F2D3D; +} + +.bg-gradient-white { + background: #ffffff linear-gradient(180deg, white, #ffffff) repeat-x !important; +} + +.bg-gradient-white.btn.disabled, .bg-gradient-white.btn:disabled, .bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-white.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-white.btn:hover { + border-color: #e6e6e6; + color: #121a24; +} + +.bg-gradient-white.btn:hover { + background: #ececec linear-gradient(180deg, #efefef, #ececec) repeat-x !important; +} + +.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active { + border-color: #dfdfdf; + color: #1F2D3D; +} + +.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active { + background: #e6e6e6 linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important; +} + +.bg-gradient-gray { + color: #ffffff; +} + +.bg-gradient-gray { + background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; +} + +.bg-gradient-gray.btn.disabled, .bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-gray.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-gray.btn:hover { + border-color: #545b62; + color: #ececec; +} + +.bg-gradient-gray.btn:hover { + background: #5a6268 linear-gradient(180deg, #73797f, #5a6268) repeat-x !important; +} + +.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active { + border-color: #4e555b; + color: #ffffff; +} + +.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active { + background: #545b62 linear-gradient(180deg, #6e7479, #545b62) repeat-x !important; +} + +.bg-gradient-gray-dark { + color: #ffffff; +} + +.bg-gradient-gray-dark { + background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; +} + +.bg-gradient-gray-dark.btn.disabled, .bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, +.show > .bg-gradient-gray-dark.btn.dropdown-toggle { + background-image: none !important; +} + +.bg-gradient-gray-dark.btn:hover { + border-color: #1d2124; + color: #ececec; +} + +.bg-gradient-gray-dark.btn:hover { + background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x !important; +} + +.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active { + border-color: #171a1d; + color: #ffffff; +} + +.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active { + background: #1d2124 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important; +} + +[class^='bg-'].disabled { + opacity: .65; +} + +a.text-muted:hover { + color: #007bff !important; +} + +.link-muted { + color: #5d6974; +} + +.link-muted:hover, .link-muted:focus { + color: #464f58; +} + +.link-black { + color: #6c757d; +} + +.link-black:hover, .link-black:focus { + color: #e6e8ea; +} + +.accent-primary .btn-link, +.accent-primary a { + color: #007bff; +} + +.accent-primary .btn-link:hover, +.accent-primary a:hover { + color: #0056b3; +} + +.accent-primary .custom-control-input:checked ~ .custom-control-label::before { + background: #007bff; + border-color: #004a99; +} + +.accent-primary .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='%23ffffff' 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"); +} + +.accent-primary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-primary .custom-select:focus, +.accent-primary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-primary .custom-file-input:focus ~ .custom-file-label { + border-color: #80bdff; +} + +.accent-primary [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-primary[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #007bff; +} + +.accent-primary .page-item.active .page-link { + background-color: #007bff; + border-color: #007bff; +} + +.accent-primary .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-secondary .btn-link, +.accent-secondary a { + color: #6c757d; +} + +.accent-secondary .btn-link:hover, +.accent-secondary a:hover { + color: #494f54; +} + +.accent-secondary .custom-control-input:checked ~ .custom-control-label::before { + background: #6c757d; + border-color: #3d4246; +} + +.accent-secondary .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='%23ffffff' 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"); +} + +.accent-secondary .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-secondary .custom-select:focus, +.accent-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-secondary .custom-file-input:focus ~ .custom-file-label { + border-color: #afb5ba; +} + +.accent-secondary [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-secondary[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #6c757d; +} + +.accent-secondary .page-item.active .page-link { + background-color: #6c757d; + border-color: #6c757d; +} + +.accent-secondary .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-success .btn-link, +.accent-success a { + color: #28a745; +} + +.accent-success .btn-link:hover, +.accent-success a:hover { + color: #19692c; +} + +.accent-success .custom-control-input:checked ~ .custom-control-label::before { + background: #28a745; + border-color: #145523; +} + +.accent-success .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='%23ffffff' 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"); +} + +.accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-success .custom-select:focus, +.accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-success .custom-file-input:focus ~ .custom-file-label { + border-color: #71dd8a; +} + +.accent-success [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-success[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #28a745; +} + +.accent-success .page-item.active .page-link { + background-color: #28a745; + border-color: #28a745; +} + +.accent-success .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-info .btn-link, +.accent-info a { + color: #17a2b8; +} + +.accent-info .btn-link:hover, +.accent-info a:hover { + color: #0f6674; +} + +.accent-info .custom-control-input:checked ~ .custom-control-label::before { + background: #17a2b8; + border-color: #0c525d; +} + +.accent-info .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='%23ffffff' 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"); +} + +.accent-info .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-info .custom-select:focus, +.accent-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-info .custom-file-input:focus ~ .custom-file-label { + border-color: #63d9ec; +} + +.accent-info [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-info[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #17a2b8; +} + +.accent-info .page-item.active .page-link { + background-color: #17a2b8; + border-color: #17a2b8; +} + +.accent-info .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-warning .btn-link, +.accent-warning a { + color: #ffc107; +} + +.accent-warning .btn-link:hover, +.accent-warning a:hover { + color: #ba8b00; +} + +.accent-warning .custom-control-input:checked ~ .custom-control-label::before { + background: #ffc107; + border-color: #a07800; +} + +.accent-warning .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='%231F2D3D' 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"); +} + +.accent-warning .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-warning .custom-select:focus, +.accent-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-warning .custom-file-input:focus ~ .custom-file-label { + border-color: #ffe187; +} + +.accent-warning [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-warning[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #ffc107; +} + +.accent-warning .page-item.active .page-link { + background-color: #ffc107; + border-color: #ffc107; +} + +.accent-warning .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-danger .btn-link, +.accent-danger a { + color: #dc3545; +} + +.accent-danger .btn-link:hover, +.accent-danger a:hover { + color: #a71d2a; +} + +.accent-danger .custom-control-input:checked ~ .custom-control-label::before { + background: #dc3545; + border-color: #921925; +} + +.accent-danger .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='%23ffffff' 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"); +} + +.accent-danger .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-danger .custom-select:focus, +.accent-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-danger .custom-file-input:focus ~ .custom-file-label { + border-color: #efa2a9; +} + +.accent-danger [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-danger[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #dc3545; +} + +.accent-danger .page-item.active .page-link { + background-color: #dc3545; + border-color: #dc3545; +} + +.accent-danger .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-light .btn-link, +.accent-light a { + color: #f8f9fa; +} + +.accent-light .btn-link:hover, +.accent-light a:hover { + color: #cbd3da; +} + +.accent-light .custom-control-input:checked ~ .custom-control-label::before { + background: #f8f9fa; + border-color: #bdc6d0; +} + +.accent-light .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='%231F2D3D' 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"); +} + +.accent-light .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-light .custom-select:focus, +.accent-light .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-light .custom-file-input:focus ~ .custom-file-label { + border-color: white; +} + +.accent-light [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-light[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #f8f9fa; +} + +.accent-light .page-item.active .page-link { + background-color: #f8f9fa; + border-color: #f8f9fa; +} + +.accent-light .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-dark .btn-link, +.accent-dark a { + color: #343a40; +} + +.accent-dark .btn-link:hover, +.accent-dark a:hover { + color: #121416; +} + +.accent-dark .custom-control-input:checked ~ .custom-control-label::before { + background: #343a40; + border-color: #060708; +} + +.accent-dark .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='%23ffffff' 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"); +} + +.accent-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-dark .custom-select:focus, +.accent-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-dark .custom-file-input:focus ~ .custom-file-label { + border-color: #6d7a86; +} + +.accent-dark [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-dark[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #343a40; +} + +.accent-dark .page-item.active .page-link { + background-color: #343a40; + border-color: #343a40; +} + +.accent-dark .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-lightblue .btn-link, +.accent-lightblue a { + color: #3c8dbc; +} + +.accent-lightblue .btn-link:hover, +.accent-lightblue a:hover { + color: #296282; +} + +.accent-lightblue .custom-control-input:checked ~ .custom-control-label::before { + background: #3c8dbc; + border-color: #23536f; +} + +.accent-lightblue .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='%23ffffff' 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"); +} + +.accent-lightblue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-lightblue .custom-select:focus, +.accent-lightblue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-lightblue .custom-file-input:focus ~ .custom-file-label { + border-color: #99c5de; +} + +.accent-lightblue [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-lightblue[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #3c8dbc; +} + +.accent-lightblue .page-item.active .page-link { + background-color: #3c8dbc; + border-color: #3c8dbc; +} + +.accent-lightblue .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-navy .btn-link, +.accent-navy a { + color: #001f3f; +} + +.accent-navy .btn-link:hover, +.accent-navy a:hover { + color: black; +} + +.accent-navy .custom-control-input:checked ~ .custom-control-label::before { + background: #001f3f; + border-color: black; +} + +.accent-navy .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='%23ffffff' 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"); +} + +.accent-navy .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-navy .custom-select:focus, +.accent-navy .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-navy .custom-file-input:focus ~ .custom-file-label { + border-color: #005ebf; +} + +.accent-navy [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-navy[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #001f3f; +} + +.accent-navy .page-item.active .page-link { + background-color: #001f3f; + border-color: #001f3f; +} + +.accent-navy .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-olive .btn-link, +.accent-olive a { + color: #3d9970; +} + +.accent-olive .btn-link:hover, +.accent-olive a:hover { + color: #276248; +} + +.accent-olive .custom-control-input:checked ~ .custom-control-label::before { + background: #3d9970; + border-color: #20503b; +} + +.accent-olive .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='%23ffffff' 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"); +} + +.accent-olive .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-olive .custom-select:focus, +.accent-olive .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-olive .custom-file-input:focus ~ .custom-file-label { + border-color: #87cfaf; +} + +.accent-olive [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-olive[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #3d9970; +} + +.accent-olive .page-item.active .page-link { + background-color: #3d9970; + border-color: #3d9970; +} + +.accent-olive .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-lime .btn-link, +.accent-lime a { + color: #01ff70; +} + +.accent-lime .btn-link:hover, +.accent-lime a:hover { + color: #00b44e; +} + +.accent-lime .custom-control-input:checked ~ .custom-control-label::before { + background: #01ff70; + border-color: #009a43; +} + +.accent-lime .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='%231F2D3D' 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"); +} + +.accent-lime .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-lime .custom-select:focus, +.accent-lime .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-lime .custom-file-input:focus ~ .custom-file-label { + border-color: #81ffb8; +} + +.accent-lime [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-lime[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #01ff70; +} + +.accent-lime .page-item.active .page-link { + background-color: #01ff70; + border-color: #01ff70; +} + +.accent-lime .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-fuchsia .btn-link, +.accent-fuchsia a { + color: #f012be; +} + +.accent-fuchsia .btn-link:hover, +.accent-fuchsia a:hover { + color: #ab0b87; +} + +.accent-fuchsia .custom-control-input:checked ~ .custom-control-label::before { + background: #f012be; + border-color: #930974; +} + +.accent-fuchsia .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='%23ffffff' 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"); +} + +.accent-fuchsia .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-fuchsia .custom-select:focus, +.accent-fuchsia .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-fuchsia .custom-file-input:focus ~ .custom-file-label { + border-color: #f88adf; +} + +.accent-fuchsia [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-fuchsia[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #f012be; +} + +.accent-fuchsia .page-item.active .page-link { + background-color: #f012be; + border-color: #f012be; +} + +.accent-fuchsia .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-maroon .btn-link, +.accent-maroon a { + color: #d81b60; +} + +.accent-maroon .btn-link:hover, +.accent-maroon a:hover { + color: #941342; +} + +.accent-maroon .custom-control-input:checked ~ .custom-control-label::before { + background: #d81b60; + border-color: #7d1038; +} + +.accent-maroon .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='%23ffffff' 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"); +} + +.accent-maroon .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-maroon .custom-select:focus, +.accent-maroon .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-maroon .custom-file-input:focus ~ .custom-file-label { + border-color: #f083ab; +} + +.accent-maroon [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-maroon[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #d81b60; +} + +.accent-maroon .page-item.active .page-link { + background-color: #d81b60; + border-color: #d81b60; +} + +.accent-maroon .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-blue .btn-link, +.accent-blue a { + color: #007bff; +} + +.accent-blue .btn-link:hover, +.accent-blue a:hover { + color: #0056b3; +} + +.accent-blue .custom-control-input:checked ~ .custom-control-label::before { + background: #007bff; + border-color: #004a99; +} + +.accent-blue .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='%23ffffff' 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"); +} + +.accent-blue .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-blue .custom-select:focus, +.accent-blue .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-blue .custom-file-input:focus ~ .custom-file-label { + border-color: #80bdff; +} + +.accent-blue [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-blue[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #007bff; +} + +.accent-blue .page-item.active .page-link { + background-color: #007bff; + border-color: #007bff; +} + +.accent-blue .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-indigo .btn-link, +.accent-indigo a { + color: #6610f2; +} + +.accent-indigo .btn-link:hover, +.accent-indigo a:hover { + color: #4709ac; +} + +.accent-indigo .custom-control-input:checked ~ .custom-control-label::before { + background: #6610f2; + border-color: #3d0894; +} + +.accent-indigo .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='%23ffffff' 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"); +} + +.accent-indigo .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-indigo .custom-select:focus, +.accent-indigo .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-indigo .custom-file-input:focus ~ .custom-file-label { + border-color: #b389f9; +} + +.accent-indigo [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-indigo[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #6610f2; +} + +.accent-indigo .page-item.active .page-link { + background-color: #6610f2; + border-color: #6610f2; +} + +.accent-indigo .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-purple .btn-link, +.accent-purple a { + color: #6f42c1; +} + +.accent-purple .btn-link:hover, +.accent-purple a:hover { + color: #4e2d89; +} + +.accent-purple .custom-control-input:checked ~ .custom-control-label::before { + background: #6f42c1; + border-color: #432776; +} + +.accent-purple .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='%23ffffff' 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"); +} + +.accent-purple .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-purple .custom-select:focus, +.accent-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-purple .custom-file-input:focus ~ .custom-file-label { + border-color: #b8a2e0; +} + +.accent-purple [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-purple[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #6f42c1; +} + +.accent-purple .page-item.active .page-link { + background-color: #6f42c1; + border-color: #6f42c1; +} + +.accent-purple .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-pink .btn-link, +.accent-pink a { + color: #e83e8c; +} + +.accent-pink .btn-link:hover, +.accent-pink a:hover { + color: #c21766; +} + +.accent-pink .custom-control-input:checked ~ .custom-control-label::before { + background: #e83e8c; + border-color: #ac145a; +} + +.accent-pink .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='%23ffffff' 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"); +} + +.accent-pink .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-pink .custom-select:focus, +.accent-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-pink .custom-file-input:focus ~ .custom-file-label { + border-color: #f6b0d0; +} + +.accent-pink [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-pink[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #e83e8c; +} + +.accent-pink .page-item.active .page-link { + background-color: #e83e8c; + border-color: #e83e8c; +} + +.accent-pink .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-red .btn-link, +.accent-red a { + color: #dc3545; +} + +.accent-red .btn-link:hover, +.accent-red a:hover { + color: #a71d2a; +} + +.accent-red .custom-control-input:checked ~ .custom-control-label::before { + background: #dc3545; + border-color: #921925; +} + +.accent-red .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='%23ffffff' 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"); +} + +.accent-red .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-red .custom-select:focus, +.accent-red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-red .custom-file-input:focus ~ .custom-file-label { + border-color: #efa2a9; +} + +.accent-red [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-red[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #dc3545; +} + +.accent-red .page-item.active .page-link { + background-color: #dc3545; + border-color: #dc3545; +} + +.accent-red .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-orange .btn-link, +.accent-orange a { + color: #fd7e14; +} + +.accent-orange .btn-link:hover, +.accent-orange a:hover { + color: #c35a02; +} + +.accent-orange .custom-control-input:checked ~ .custom-control-label::before { + background: #fd7e14; + border-color: #aa4e01; +} + +.accent-orange .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='%231F2D3D' 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"); +} + +.accent-orange .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-orange .custom-select:focus, +.accent-orange .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-orange .custom-file-input:focus ~ .custom-file-label { + border-color: #fec392; +} + +.accent-orange [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-orange[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #fd7e14; +} + +.accent-orange .page-item.active .page-link { + background-color: #fd7e14; + border-color: #fd7e14; +} + +.accent-orange .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-yellow .btn-link, +.accent-yellow a { + color: #ffc107; +} + +.accent-yellow .btn-link:hover, +.accent-yellow a:hover { + color: #ba8b00; +} + +.accent-yellow .custom-control-input:checked ~ .custom-control-label::before { + background: #ffc107; + border-color: #a07800; +} + +.accent-yellow .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='%231F2D3D' 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"); +} + +.accent-yellow .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-yellow .custom-select:focus, +.accent-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-yellow .custom-file-input:focus ~ .custom-file-label { + border-color: #ffe187; +} + +.accent-yellow [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-yellow[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #ffc107; +} + +.accent-yellow .page-item.active .page-link { + background-color: #ffc107; + border-color: #ffc107; +} + +.accent-yellow .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-green .btn-link, +.accent-green a { + color: #28a745; +} + +.accent-green .btn-link:hover, +.accent-green a:hover { + color: #19692c; +} + +.accent-green .custom-control-input:checked ~ .custom-control-label::before { + background: #28a745; + border-color: #145523; +} + +.accent-green .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='%23ffffff' 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"); +} + +.accent-green .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-green .custom-select:focus, +.accent-green .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-green .custom-file-input:focus ~ .custom-file-label { + border-color: #71dd8a; +} + +.accent-green [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-green[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #28a745; +} + +.accent-green .page-item.active .page-link { + background-color: #28a745; + border-color: #28a745; +} + +.accent-green .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-teal .btn-link, +.accent-teal a { + color: #20c997; +} + +.accent-teal .btn-link:hover, +.accent-teal a:hover { + color: #158765; +} + +.accent-teal .custom-control-input:checked ~ .custom-control-label::before { + background: #20c997; + border-color: #127155; +} + +.accent-teal .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='%23ffffff' 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"); +} + +.accent-teal .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-teal .custom-select:focus, +.accent-teal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-teal .custom-file-input:focus ~ .custom-file-label { + border-color: #7eeaca; +} + +.accent-teal [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-teal[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #20c997; +} + +.accent-teal .page-item.active .page-link { + background-color: #20c997; + border-color: #20c997; +} + +.accent-teal .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-cyan .btn-link, +.accent-cyan a { + color: #17a2b8; +} + +.accent-cyan .btn-link:hover, +.accent-cyan a:hover { + color: #0f6674; +} + +.accent-cyan .custom-control-input:checked ~ .custom-control-label::before { + background: #17a2b8; + border-color: #0c525d; +} + +.accent-cyan .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='%23ffffff' 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"); +} + +.accent-cyan .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-cyan .custom-select:focus, +.accent-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-cyan .custom-file-input:focus ~ .custom-file-label { + border-color: #63d9ec; +} + +.accent-cyan [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-cyan[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #17a2b8; +} + +.accent-cyan .page-item.active .page-link { + background-color: #17a2b8; + border-color: #17a2b8; +} + +.accent-cyan .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-white .btn-link, +.accent-white a { + color: #ffffff; +} + +.accent-white .btn-link:hover, +.accent-white a:hover { + color: #d9d9d9; +} + +.accent-white .custom-control-input:checked ~ .custom-control-label::before { + background: #ffffff; + border-color: #cccccc; +} + +.accent-white .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='%231F2D3D' 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"); +} + +.accent-white .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-white .custom-select:focus, +.accent-white .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-white .custom-file-input:focus ~ .custom-file-label { + border-color: white; +} + +.accent-white [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-white[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #ffffff; +} + +.accent-white .page-item.active .page-link { + background-color: #ffffff; + border-color: #ffffff; +} + +.accent-white .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-gray .btn-link, +.accent-gray a { + color: #6c757d; +} + +.accent-gray .btn-link:hover, +.accent-gray a:hover { + color: #494f54; +} + +.accent-gray .custom-control-input:checked ~ .custom-control-label::before { + background: #6c757d; + border-color: #3d4246; +} + +.accent-gray .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='%23ffffff' 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"); +} + +.accent-gray .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-gray .custom-select:focus, +.accent-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-gray .custom-file-input:focus ~ .custom-file-label { + border-color: #afb5ba; +} + +.accent-gray [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-gray[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #6c757d; +} + +.accent-gray .page-item.active .page-link { + background-color: #6c757d; + border-color: #6c757d; +} + +.accent-gray .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +.accent-gray-dark .btn-link, +.accent-gray-dark a { + color: #343a40; +} + +.accent-gray-dark .btn-link:hover, +.accent-gray-dark a:hover { + color: #121416; +} + +.accent-gray-dark .custom-control-input:checked ~ .custom-control-label::before { + background: #343a40; + border-color: #060708; +} + +.accent-gray-dark .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='%23ffffff' 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"); +} + +.accent-gray-dark .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid), +.accent-gray-dark .custom-select:focus, +.accent-gray-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, +.accent-gray-dark .custom-file-input:focus ~ .custom-file-label { + border-color: #6d7a86; +} + +.accent-gray-dark [class*="sidebar-light-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover, .accent-gray-dark[class*="sidebar-dark-"] .nav-sidebar .nav-treeview > .nav-item > .nav-link:not(.active):hover { + color: #343a40; +} + +.accent-gray-dark .page-item.active .page-link { + background-color: #343a40; + border-color: #343a40; +} + +.accent-gray-dark .page-item.disabled .page-link { + background-color: #ffffff; + border-color: #dee2e6; +} + +[class*="accent-"] a.btn-primary { + color: #ffffff; +} + +[class*="accent-"] a.btn-secondary { + color: #ffffff; +} + +[class*="accent-"] a.btn-success { + color: #ffffff; +} + +[class*="accent-"] a.btn-info { + color: #ffffff; +} + +[class*="accent-"] a.btn-warning { + color: #1F2D3D; +} + +[class*="accent-"] a.btn-danger { + color: #ffffff; +} + +[class*="accent-"] a.btn-light { + color: #1F2D3D; +} + +[class*="accent-"] a.btn-dark { + color: #ffffff; +} + +.main-header .navbar-nav > .nav-item i { + vertical-align: middle; +} + +.main-header .navbar-nav > .nav-item .dropdown-item i { + width: 1.5rem; + text-align: center; +} + +.main-header > .form-inline button i { + vertical-align: middle; +} + +.nav-sidebar > .nav-item .nav-icon { + position: relative; + top: 2px; +} + +.control-sidebar h6 { + margin-bottom: 16px; +} + +[class*=icheck-] > label { + padding-right: 29px !important; + padding-left: 0 !important; +} + +[class*=icheck-] > input:first-child + input[type=hidden] + label::before, +[class*=icheck-] > input:first-child + label::before { + margin-right: -29px; + margin-left: 0; +} + +[class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after, +[class*=icheck-] > input:first-child:checked + label::after { + right: 0; + left: auto; + transform: translate(-7.5px, 4.5px) rotate(45deg); +} + +a { + color: #00669f; + text-decoration: none; + background-color: transparent; +} + +a:hover { + color: #015688; + text-decoration: none; +} + +.starter-loader-container { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 20; +} + +.starter-loader-container > .starter-loader { + border: 5px solid #f3f3f3 !important; + border-radius: 50% !important; + border-top: 5px solid #286893 !important; + width: 50px !important; + height: 50px !important; + animation: spin 2s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +/*# sourceMappingURL=adminlte.css.map */ + +.datepicker-container .datepicker-grid-view, .datepicker-container .datepicker-navigator, .datepicker-container .toolbox{ + font-family: 'IRANSansFaNum' !important; +} \ No newline at end of file diff --git a/public/dist/css/bi.css b/public/dist/css/bi.css new file mode 100644 index 00000000..c7d83a35 --- /dev/null +++ b/public/dist/css/bi.css @@ -0,0 +1,586 @@ +* { + user-select: none; +} + +body { + width: 100vw; + height: 100vh; + overflow: hidden; + background-color: #f1f1f1; +} + +.datepicker-plot-area{ + font-family: 'IRANSansFaNum' +} + +/* width */ +::-webkit-scrollbar { + width: 5px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: #f1f1f1; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; +} + +.bi-loader { + position: absolute; + width: 100%; + height: 100%; + z-index: 1001; + background-color: rgba(100, 100, 100, 0.8); + display: flex; + align-items: center; + justify-content: center; + user-select: none; +} +.bi-loader .loader { + margin: 50px; +} +.map-bi { + position: absolute; + top: 0; + bottom: 0; + width: 100%; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + +.map-container fieldset { + position: relative; +} + +.leaflet-bar a { + background-color: #fff; + border-bottom: 1px solid #ccc; + color: #444; + display: block; + height: 26px; + width: 26px; + line-height: 1.45 !important; + text-align: center; + text-decoration: none; + font: bold 18px "Lucida Console", Monaco, monospace; +} + +.push-pop { + --duration: 0.85; + height: 50px; + width: 50px; + position: relative; + overflow: hidden; +} +.push-pop > div:nth-of-type(1) { + height: 10px; + width: 10px; + position: absolute; + animation: push-pop-slide calc(var(--duration) * 1s) infinite alternate + ease-in-out; + transform: translate(0, -100%); + top: 100%; + left: 0; +} +.push-pop > div:nth-of-type(1):after { + animation: push-pop-flip calc(var(--duration) * 1s) infinite alternate + ease-in-out; + background: #662d91; + content: ""; + height: 100%; + position: absolute; + width: 100%; +} +.push-pop > div:nth-of-type(2) { + background: #0054a6; + height: 15px; + left: 50%; + position: absolute; + top: 100%; + transform: translate(-50%, -100%); + width: 10px; +} +.push-pop:after, +.push-pop:before { + animation: push-pop-pushed calc(var(--duration) * 1s) alternate infinite ease; + bottom: 0; + content: ""; + height: 20px; + position: absolute; + width: 10px; +} +.push-pop:before { + animation: push-pop-pushed calc(var(--duration) * 1s) alternate-reverse + infinite ease; + left: 0; + background: #00aeef; +} +.push-pop:after { + right: 0; + background: #2e3192; +} + +@keyframes push-pop-pushed { + 0%, + 72.5% { + transform: translate(0, 0); + } + 100% { + transform: translate(0, 100%); + } +} +@keyframes push-pop-flip { + 0% { + transform: translate(0, 0) rotate(0deg); + } + 50% { + transform: translate(0, -40px) rotate(90deg); + } + 100% { + transform: translate(0, 0) rotate(180deg); + } +} +@keyframes push-pop-slide { + to { + transform: translate(0, -100%) translate(40px, 0); + } +} + +.container-bi { + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; + margin-right: auto; + margin-left: auto; + height: 100%; + color: #4b4b4b; +} + +.not-support-device { + display: none; +} + +.filter-box { + border: 1px solid #d5d5d5; + border-radius: 8px; + text-align: center; + background-color: #fff; +} + +.filter-box .filter-box-col:first-child { + border-left: 2px dashed #939393; +} + +.filter-box .filter-box-col:last-child { + margin-right: -2px; +} + +.form-control-bi { + border-radius: 8px; +} + +.form-control-bi-down:focus { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.form-control-bi-up:focus { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.filter-box .filter-box-col:first-child .form-control-bi { + background-color: #fff; + color: #333; + border: 1px solid #dcdcdc; +} + +.filter-box .filter-box-col:last-child .form-control-bi { + background-color: #fff; + color: #333; + border: 1px solid #dcdcdc; +} + +.filter-box .filter-box-col:last-child .form-control-bi::placeholder { + color: #666; +} + +.filter-box .filter-box-col .form-control-bi:disabled, +.filter-box .filter-box-col .form-control-bi[readonly] { + opacity: 0.4; +} +.filter-logo { + height: 30px; +} + +.action-buttons { + flex: 0 0 80.333333%; + position: relative; + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; + cursor: pointer; +} + +.action-buttons * { + cursor: pointer; +} + +.action-single-button { + flex-basis: 0; + flex-grow: 1; + position: relative; + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; +} + +.btn-action-box { + background-color: #fff; + border-radius: 8px; + transition: 0.3s all; + user-select: none; + box-shadow: 0 0 3px #6b6b6b40; + color: #8e8e8e; +} + +.btn-action-box * { + user-select: none; +} + +.action-counter { + background-color: #00aeef; + transition: 0.3s all; + border-radius: 8px; + color: #fff; + font-weight: bold; +} + +.btn-action-box:hover { + box-shadow: 0 16px 21px #6b6b6b40; + background-color: #fff; + color: #2d2d2d; +} + +.btn-action-box:hover .action-counter { + background-color: #00aeef; +} + +.btn-action-box.active { + box-shadow: 0 16px 21px #6b6b6b40; + background-color: #4280bd; + border-radius: 24px; + color: #fff; +} + +.btn-action-box.active .action-counter { + background-color: #fff; + border-radius: 16px; + color: #4280bd; +} + +.road-infrastructure-counter { + background-color: #00aeef; + transition: 0.3s all; + border-radius: 8px; + color: #fff; + font-weight: bold; +} + +.chart-print { + background-color: #fff; + border: 1px solid #b6b6b6; + columns: #333; + border-radius: 4px; + transition: 0.3s all; +} + +.chart-print:hover { + background-color: #dddddd; + border-color: #a0a0a0; +} + +.daily-status-container .canvas-box { + overflow-y: auto; + overflow-x: hidden; +} + +.canvas-box { + position: relative; +} + +fieldset { + border: 1px solid #d5d5d5; + border-radius: 8px; +} +fieldset legend { + width: auto; + text-align: center; + padding: 5px 10px; + font-weight: bold; + margin: 0; +} +.charts-box { + display: flex; +} +.chart-box fieldset { + background-color: #fff; +} +.chart-box fieldset legend { + border-top-right-radius: 8px; + border-top-left-radius: 8px; + background-color: #fff; + border-top: 1px solid #d5d5d5; +} +.charts-box .chart-box:first-child { + padding-right: 0; +} +.charts-box .chart-box:last-child { + padding-left: 0; +} +[aria-display="hide"] { + display: none; +} + +.btn-bi { + border: 0; + border-radius: 50%; + background-color: #ffcc00; +} + +.btn-bi:hover { + background-color: #e2bb1c; +} + +@media print { + @page { + size: landscape; + } +} + +@media (max-width: 1023px) { + .container-bi { + display: none; + opacity: 0; + visibility: hidden; + } + .not-support-device { + display: flex; + } +} + +@media (max-height: 519px) { + .container-bi { + display: none; + opacity: 0; + visibility: hidden; + } + .not-support-device { + display: flex; + } +} + +@media (min-width: 1024px) { + .container-bi { + font-size: 10px; + } + + .form-control-bi { + font-size: 0.6rem; + } + + .btn-bi { + font-size: 0.7rem; + width: 35px; + height: 35px; + } + + .filter-container { + flex: 0 0 8.333333%; + position: relative; + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; + overflow: hidden; + } + .actions-container { + flex: 0 0 58.333333%; + position: relative; + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; + overflow: hidden; + } + .charts-container { + flex: 0 0 30.333333%; + position: relative; + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; + overflow: hidden; + } + .status-container { + flex: 0 0 3.000001%; + position: relative; + width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; + overflow: hidden; + background-color: #2e3192; + color: #fff; + font-size: 10px; + } + + .status-container::before { + content: ""; + position: absolute; + background-color: #f1f1f1; + width: 0; + height: 0; + border-right: 2rem solid #f1f1f1; + border-left: 2rem solid #f1f1f1; + border-top: 2rem solid #f1f1f1; + right: 33%; + top: -2rem; + transform: rotate(45deg); + } + + .status-container::after { + content: ""; + position: absolute; + background-color: #f1f1f1; + width: 0; + height: 0; + border-right: 2rem solid #f1f1f1; + border-left: 2rem solid #f1f1f1; + border-top: 2rem solid #f1f1f1; + right: 66%; + top: -2rem; + transform: rotate(45deg); + } + + .action-single-button fieldset legend { + font-size: 9px; + } + + .map-container fieldset legend { + font-size: 9px; + } + + .daily-status-container fieldset legend { + font-size: 9px; + } + + .charts-container fieldset legend { + font-size: 9px; + } + + .status-container button { + font-size: 9px; + } +} + +@media (min-width: 1200px) { + .container-bi { + font-size: 11px; + } + + .form-control-bi { + font-size: 0.65rem; + } + + .btn-bi { + font-size: 0.75rem; + width: 40px; + height: 40px; + } + + .action-single-button fieldset legend { + font-size: 9px; + } + + .map-container fieldset legend { + font-size: 9px; + } + + .daily-status-container fieldset legend { + font-size: 9px; + } + + .charts-container fieldset legend { + font-size: 9px; + } +} + +@media (min-width: 1600px) { + .container-bi { + font-size: 14px; + } + + .form-control-bi { + font-size: 0.75rem; + } + + .btn-bi { + font-size: 0.8rem; + } + + .action-single-button fieldset legend { + font-size: 11px; + } + + .map-container fieldset legend { + font-size: 11px; + } + + .daily-status-container fieldset legend { + font-size: 11px; + } + + .charts-container fieldset legend { + font-size: 11px; + } + + .action-counter { + font-size: 16px; + } + + .road-infrastructure-counter { + font-size: 16px; + } +} +.map-guid { + position: absolute; + bottom: 10px; + left: 10px; + min-width: 90px; + height: 90px; + background-color: rgb(255 255 255 / 50%); + z-index: 400; + padding: 5px; + border-radius: 7px; +} +.map-guid p { + font-size: 11px; + margin-bottom: 5px; + font-weight: bold; +} +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: black; + color: white; + opacity: 0.8; + box-shadow: 0 3px 14px rgb(0 0 0 / 40%); + font-family: "IRANSansFaNum"; +} +.parent-popup-enjoyment { + font-size: 11px; +} diff --git a/public/dist/css/fontiran.css b/public/dist/css/fontiran.css new file mode 100644 index 00000000..cf6c8aca --- /dev/null +++ b/public/dist/css/fontiran.css @@ -0,0 +1,221 @@ +@font-face { + font-family: IRANSansFaNum; + font-style: normal; + font-weight: 900; + src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot'); + src: url('../fonts/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansFaNum; + font-style: normal; + font-weight: bold; + src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot'); + src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansFaNum; + font-style: normal; + font-weight: 500; + src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot'); + src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansFaNum; + font-style: normal; + font-weight: 300; + src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot'); + src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansFaNum; + font-style: normal; + font-weight: 200; + src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot'); + src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansFaNum; + font-style: normal; + font-weight: normal; + src: url('../fonts/eot/IRANSansWeb(FaNum).eot'); + src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype'); +} + +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: 900; + src: url('../fonts/eot/IRANSansWeb_Black.eot'); + src: url('../fonts/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb_Black.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb_Black.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb_Black.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: bold; + src: url('../fonts/eot/IRANSansWeb_Bold.eot'); + src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: 500; + src: url('../fonts/eot/IRANSansWeb_Medium.eot'); + src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: 300; + src: url('../fonts/eot/IRANSansWeb_Light.eot'); + src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: 200; + src: url('../fonts/eot/IRANSansWeb_UltraLight.eot'); + src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSans; + font-style: normal; + font-weight: normal; + src: url('../fonts/eot/IRANSansWeb.eot'); + src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), + /* IE6-8 */ + url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'), + /* FF39+,Chrome36+, Opera24+*/ + url('../fonts/woff/IRANSansWeb.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansWeb.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansOnlyNumeral; + font-style: normal; + font-weight: 900; + src: url('../fonts/woff/IRANSansOnlyNumeral_Black.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansOnlyNumeral_Black.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansOnlyNumeral; + font-style: normal; + font-weight: bold; + src: url('../fonts/woff/IRANSansOnlyNumeral_Bold.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansOnlyNumeral_Bold.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansOnlyNumeral; + font-style: normal; + font-weight: 500; + src: url('../fonts/woff/IRANSansOnlyNumral_Medium.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansOnlyNumral_Medium.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansOnlyNumeral; + font-style: normal; + font-weight: 300; + src: url('../fonts/woff/IRANSansOnlyNumeral_Light.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansOnlyNumeral_Light.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansOnlyNumeral; + font-style: normal; + font-weight: 200; + src: url('../fonts/woff/IRANSansOnlyNumeral_UltraLight.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansOnlyNumeral_UltraLight.ttf') format('truetype'); +} + +@font-face { + font-family: IRANSansOnlyNumeral; + font-style: normal; + font-weight: normal; + src: url('../fonts/woff/IRANSansOnlyNumeral.woff') format('woff'), + /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ + url('../fonts/ttf/IRANSansOnlyNumeral.ttf') format('truetype'); +} diff --git a/public/dist/css/footer.css b/public/dist/css/footer.css new file mode 100644 index 00000000..e6c728aa --- /dev/null +++ b/public/dist/css/footer.css @@ -0,0 +1,538 @@ +.header-new-style { + background-color: #ffffff; + display: none; +} + +.footer-new-style { + background-color: #fff; + position: fixed; + bottom: 0px; + right: 0px; + left: 0px; + font-family: "IRANSansFaNum"; + font-size: 10px; + font-weight: 700; +} + +.navbar { + padding: 5px 10px 2px 10px !important; +} + +.navbar-nav { + padding-bottom: 0px !important; +} + +.navbar-sp { + color: #ffffff !important; + font-size: 10px; + margin-top: 4px !important; +} + +.navbar-it { + display: flex; + align-items: flex-end; + margin-left: 20px; + margin-right: 20px; +} + +.line { + align-items: flex-end; +} + +.havig { + text-align: center; + margin-bottom: 3px; +} + +.clearfix::after { + content: ""; + clear: both; + display: table; +} + +.profile { + margin-left: 60px; + border: 2px solid #ff5c0f; + padding: 6px 5px !important; + border-radius: 5px; +} + +.logoPart { + padding: 3px 40px !important; + display: inline-block; + font-size: 10px !important; + font-weight: bold !important; +} + +.date { + font-size: 10px !important; + font-weight: bold !important; +} + +.contactUsPart { + padding-left: 30px; + font-size: 10px !important; +} + +.contactUsPart .time { + color: #ff5c0f; + unicode-bidi: embed; +} + +.showfooter { + display: flex; + margin-top: 60px; +} + +@media only screen and (min-width: 1700px) { + .logoPart { + font-size: 14px; + } + .contactUsPart { + font-size: 14px; + } +} + +@media only screen and (max-width: 1100px) {} + +@media only screen and (max-width: 800px) { + .logoPart { + padding: 10px 40px; + display: inline-block; + } + .navbar-nav .dropdown-menu { + position: absolute !important; + } +} + +@media (max-width: 576px) { + .navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0rem 0.5rem !important; + } +} + +@media only screen and (max-width: 700px) { + .new-color-in-res { + color: #000000 !important; + } + .padding-for-rahdari-text { + padding-top: 5px; + } + .responsive-for-header-svg { + display: none; + } + .contactUsPart { + padding-left: 0px; + } + .header-new-style { + background-color: #ffffff; + display: block; + } + .king-size-nav { + display: none; + } + .footer-new-style { + background-color: #fff; + position: fixed; + bottom: 0px; + right: 0px; + left: 0px; + font-family: "IRANSansFaNum"; + font-size: 10px; + font-weight: 700; + justify-content: center; + } + .gharargah-counter-text { + font-size: 12px; + } + .projectnum { + margin-bottom: 10px; + } + body { + margin-bottom: 90px; + } + .second-top-menu { + display: block; + position: relative; + background-color: #2c343f; + height: 40px; + width: 100%; + transition: all 0.4s; + } + .second-menu-img { + position: absolute; + margin-right: 12px; + margin-top: -8px; + width: 25px; + height: 55px; + } + .queen-size-nav { + display: none; + background-color: #ffffff; + box-shadow: -1px 1px 4px #212529; + width: 40%; + height: 70%; + border-bottom-left-radius: 10px; + margin-top: 40px; + overflow: hidden; + position: absolute; + z-index: 2; + } + .logo-new-style { + display: inline; + } + .navbar-item-new-style { + display: block; + } + .new-style-profile { + display: block; + width: 20%; + margin-left: auto; + margin-right: auto; + text-align: center; + box-sizing: content-box; + } + .queen-ul-style { + display: block; + } + .queen-responsive-navbar { + justify-content: center; + margin-bottom: 20px; + margin-left: 0px; + } + .difrent-img-size { + width: 27px; + height: 26px; + margin-top: 5px; + } + .first-step-res { + display: none; + padding-inline-start: 0px; + font-size: 11px; + border-bottom: 2px solid #ff5c0f; + border-top: 2px solid #ff5c0f; + } + .second-step-res { + display: none; + padding-inline-start: 0px; + font-size: 11px; + border-bottom: 1px solid #c2450b; + border-top: 1px solid #c2450b; + } + .third-step-res { + display: none; + padding-inline-start: 0px; + font-size: 11px; + border-bottom: 1px solid #c2450b; + border-top: 1px solid #c2450b; + } + .forth-step-res { + display: none; + padding-inline-start: 0px; + font-size: 11px; + border-bottom: 2px solid #ff5c0f; + border-top: 2px solid #ff5c0f; + } + .fivth-step-res { + display: none; + padding-inline-start: 0px; + font-size: 11px; + border-bottom: 1px solid #c2450b; + border-top: 1px solid #c2450b; + } + .sixth-step-res { + display: none; + padding-inline-start: 0px; + font-size: 11px; + border-bottom: 2px solid #ff5c0f; + border-top: 2px solid #ff5c0f; + } + .seventh-step-res { + display: none; + border-bottom: 2px solid #ff5c0f; + border-top: 2px solid #ff5c0f; + } + .eight-step-res { + display: none; + } + .first-step-res-design { + text-align: center; + list-style-type: none; + margin-top: 10px; + padding: 3px; + } + .new-changes-dead { + display: block; + } + .navbar-sp { + font-size: 12px; + margin-top: 2px; + color: #000000 !important; + } + .showneachgharar { + background-color: rgb(63, 71, 97); + width: 100%; + border-radius: 5px; + } + .topingfont span { + font-size: 15px; + } +} + +@media only screen and (max-width: 530px) { + .chaleh-title { + display: block; + margin-bottom: 7px; + } + .alaem-title { + display: block; + } + .paksazi-title { + display: block; + } + .new-daily-large { + font-size: 18px; + } + .queen-size-nav { + width: 50%; + } + .card-text { + justify-content: space-between; + } +} + +@media only screen and (max-width: 400px) { + .dailyChart { + height: 132px !important; + width: 282px !important; + } + .dailygharar { + height: 132px !important; + width: 282px !important; + } + .rowshowntop { + width: 109%; + } + .new-daily-large { + font-size: 16px; + } +} + +@media only screen and (max-width: 320px) { + .countFR { + margin: -7px; + } + .chartborderlook { + margin-right: -6%; + } +} + +@media screen and (max-width: 1700px) and (min-width: 1100px) { + .font-new-style { + font-size: 13px; + } + .some-little-changes1 { + display: block; + height: 170px !important; + width: 365px !important; + float: left; + } + .chartrowborder { + margin-top: 12px; + padding-bottom: 7px; + } + .some-little-changes2 { + display: block; + height: 170px !important; + width: 365px !important; + float: right; + } + .setchart { + margin-right: 0px; + margin-top: 0px; + } + .ShowPieChart { + justify-content: center; + margin-bottom: 0px; + margin-top: 0px; + } + .card { + margin: 0 auto; + margin-top: 29px; + } + .card-title { + margin-bottom: 11px; + } + .ShowEachPie { + width: 100%; + } + .coutgozaresh { + margin-bottom: 0px; + } + .new-size-fastreaction { + height: 107px !important; + width: 225px !important; + } + .new-daily-large { + font-size: 19px; + font-weight: 500; + line-height: 37px; + } + .rowshowntop { + margin-bottom: 0px; + } + .coutgozaresh { + font-size: 21px; + padding: 0px; + } + .rowshowntop { + margin-top: 6px; + } + .coutgozaresh { + margin-top: -13px; + } +} + +@media screen and (max-width: 350px) { + .iranMini { + margin-top: 2px; + float: unset; + } +} + +@media screen and (max-width: 1100px) and (min-width: 700px) { + body { + margin-bottom: 90px; + } +} + +@media screen and (max-width: 1500px) and (min-width: 1100px) { + body { + margin-bottom: 90px; + } +} + +@media only screen and (max-width: 300px) { + .new-daily-large { + font-size: 11px; + } +} + +@media only screen and (max-width: 450px) { + .queen-size-nav { + height: 80%; + } +} + +.dropdown:hover .multi-level { + display: block; + margin-top: 0; +} + +.multi-level { + padding: 10px; +} + +.dropdown-menu { + background-image: linear-gradient(#212529, white); +} + +.dropdown-item { + color: black; + text-align: center; + font-size: 11px; + font-weight: 700; +} + +.dropdown-item-bottom { + color: black; +} + +#dropdown1 { + left: -113%; +} + +#dropdown2 { + left: -302%; +} + +#dropdown3 { + left: -160%; +} + +.dropdown-toggle::after { + display: none !important; +} + +.dropdown-item:hover { + background-color: #ff5c0f; + color: white; + border-radius: 8px; +} + +.dropdown-item a { + color: black; +} + +.dropdown-item a:hover { + color: white; +} + +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu>.dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px; + border-radius: 0 6px 6px 6px; +} + +.dropdown-submenu:hover>.dropdown-menu { + display: block; +} + +.dropdown-submenu:hover>a:after { + border-left-color: #fff; +} + +.dropdown-submenu.pull-left>.dropdown-menu { + left: -78%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} + +.dropdown-toggle::after { + display: none !important; +} + +.dropdown-item { + color: black !important; + text-align: center !important; + font-size: 11px !important; + font-weight: 700 !important; +} + +.dropdown-item:hover { + background-color: #ff5c0f !important; + color: white !important; + border-radius: 8px !important; +} + +.profile { + margin-left: 60px; + border: 2px solid #ff5c0f; + padding: 10px 15px; + border-radius: 5px; +} \ No newline at end of file diff --git a/public/dist/css/fullstyle.css b/public/dist/css/fullstyle.css new file mode 100644 index 00000000..e1b657da --- /dev/null +++ b/public/dist/css/fullstyle.css @@ -0,0 +1,1665 @@ +body { + /* font-family: "iransans"; */ + background-repeat: no-repeat; + background-size: cover; + margin-bottom: 40px; +} + +.navbar-nav { + padding-bottom: 10px; +} +.navbar-sp { + color: #ffffff !important; + font-size: 10px; + margin-top: 15px; +} +.body-table-style { + margin-bottom: 100px; + } + +.navbar-it { + display: flex; + align-items: flex-end; + margin-left: 20px; + margin-right: 20px; +} + +.line { + align-items: flex-end; +} + +.havig { + text-align: center; + margin-bottom: 3px; +} + +.profile { + margin-left: 60px; + border: 2px solid #ff5c0f; + padding: 10px 15px; + border-radius: 5px; +} +header { + background-color: #ffffff; + font-size: 10px; + font-weight: 700; +} + +.logoPart { + padding: 15px 40px; + display: inline-block; +} + +.contactUsPart { + padding-left: 30px; +} + +.contactUsPart .time { + color: #ff5c0f; + unicode-bidi: embed; +} + +.dropdown:hover .multi-level { + display: block; + margin-top: 0; +} + +.multi-level { + padding: 10px; +} + +.dropdown-menu { + background-image: linear-gradient(#212529, white); +} + +.dropdown-item { + color: black; + text-align: center; + font-size: 11px; + font-weight: 700; +} + +.dropdown-item-bottom { + color: black; +} + +.dropdown-toggle::after { + display: none; +} + +.dropdown-item:hover { + background-color: #ff5c0f; + color: white; + border-radius: 8px; +} + +.dropdown-item a { + color: black; +} +.dropdown-item a:hover { + color: white; +} + +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px; + border-radius: 0 6px 6px 6px; +} + +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #fff; +} + +.dropdown-submenu.pull-left > .dropdown-menu { + left: -78%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} + +#dropdown-project { + left: -99%; +} +.table thead tr { + font-size: 12px; + background-color: #015688; + color: white; +} +.dt-buttons { + float: left; +} +.dataTables_length { + float: right; + font-size: 12px; +} +.dataTables_filter { + float: right; + font-size: 12px; +} +.table tbody { + font-size: 12px; +} +button.dt-button { + background-color: white; + border: 0; + font-size: 12px; +} + +.icon-color { + color: rgb(43, 125, 43); + font-size: 19px; +} +.dataTables_paginate { + margin-top: 20px !important; +} +/* .dataTables_paginate .pagination li.page-item a { + border: 0 !important; + color: black; +} */ +.dataTables_paginate .pagination li.page-item a { + border: 1px solid #e1e1e1 !important; +} +.page-item.active .page-link { + color: white !important; + background-color: rgb(255, 92, 15) !important; +} +.line-empty-col { + background-color: rgb(255, 92, 15); + width: 50px; + height: 1px; + margin-left: auto; + margin-right: auto; +} +.content-center-dataTable { + position: absolute; + left: 50%; + transform: translate(-50%); + font-size: 11px; + top: 10px; +} +.content-center-dataTable button { + border: 0; + border-radius: 5px; + background-color: rgb(43, 125, 43); + color: white; +} +.scrollbar::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.scrollbar::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +/* thead { + width: 100%; + display: table-column-group; +} +thead tr { + position: relative; +} + +tbody { + overflow-x: auto; +} */ +.btn-dataTable { + border: 0; + background-color: rgba(220, 220, 220, 0); +} +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} +.line-btn-table { + width: 1px; + height: 20px; + background-color: rgb(255, 92, 15); +} +.btn-closeModal { + background-color: white; + border: 0; +} +.btn-closeModal span { + font-size: 25px; +} +.modal-header-me span { + letter-spacing: -0.8px; + font-size: 14px; +} +.parent-filter { + width: 245px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 175px; + box-shadow: 0 0 3px; +} + +.select2-search__field { + font-size: 10px !important; +} +.select2-results__options { + font-size: 10px !important; +} +.select2-selection__rendered { + font-size: 10px !important; +} +.form-control-me { + display: block; + width: 77%; + height: 33px; + padding: 0.375rem 0.75rem; + font-size: 10px; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +.select2-container--default { + width: 176px !important; +} +.btn-increase { + border: 0; + width: 30px; + height: 30px; + border-radius: 50%; + position: absolute; + left: 10px; + color: white; + background-color: rgb(255, 92, 15); + z-index: 999; +} +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} +button:disabled { + cursor: no-drop; + opacity: 0.5; +} +.modal-body-me { + position: relative; + flex: 1 1 auto; + padding-top: 10px; + padding-bottom: 10px; +} +#abrar-map { + width: 100%; + height: 250px; +} +.parent-onmapButton { + width: 140px; +} +.parent-onmapButton button { + position: absolute; + left: 5px; + top: 160px; + z-index: 400; + border: 0; + color: white; + border-radius: 3px; + font-size: 10px; + height: 40px; + background-color: rgb(72, 99, 170); +} +.parent-onmapButton P { + position: absolute; + left: 5px; + text-align: center; + top: 206px; + z-index: 1000; + border: 0; + padding: 12px; + margin-top: auto; + color: white; + margin-bottom: auto; + width: 133px; + border-radius: 3px; + font-size: 10px; + height: 40px; + background-color: rgb(72, 99, 170); +} +.map-latlng-first-input { + border-radius: 0; + font-size: 12px; + color: #009900; +} + +.map-latlng-input { + background-color: rgba(255, 255, 255, 0.8); +} +.input-cord { + font-family: "IRANSans" !important; + text-align: center !important; + direction: ltr !important; +} +.form-control:focus { + background-color: #ffffff; + border-color: #80bdff; + outline: 0; +} +.is-invalid-input { + color: #dc3545 !important; + border-color: #dc3545 !important; +} +.parent-Coordinates { + position: absolute; + left: 6px; + top: 180px; + z-index: 999; +} +.parent-Coordinates input { + width: 131px; + font-size: 12px; + height: 30px; + margin-top: 10px; + border-radius: 4px; + background-color: rgb(255, 205, 2); +} +.parent-filter::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.parent-filter::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.stylescroll::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.stylescroll::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} + +.select2-results__options::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.select2-results__options::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.parent-data-project label { + font-size: 10; +} +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} +.parent-data-project input { + font-size: 10px; +} +.parent-data-project select { + font-size: 10px; +} +.pin-marker.pin-move > .map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set > .map-pin-marker > .pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn > .map-pin-marker > .pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move > .pin-main-shadow { + transform: scale(1.35); +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker > .pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker > .pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker > .pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker > .pin-title-circle > .title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker > .pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker > .pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker > .pin-main-shadow > .shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} +.parent-data-project .form-control { + height: 32px !important; +} +.btn-increase-col { + background-color: transparent; + border-radius: 50%; + border: 0; + color: rgb(43, 125, 43); + height: 20px; +} +.btn-decrease-col { + background-color: transparent; + border-radius: 50%; + border: 0; + color: red; + height: 20px; +} +.btn-orange-me { + background-color: rgb(255, 92, 15); + color: white; + font-size: 12px; +} +.modal-footer button { + font-size: 12px; +} +.modal-footer-me { + padding: 0 !important; + border-top: 0; + margin-left: 10px; + margin-bottom: 10px; +} +.modal-content { + border-radius: 3px; + border: 1px solid rgb(255, 92, 15); +} +#title-update { + display: flex; + justify-content: center; + position: relative; + top: 10px; + letter-spacing: -0.8px; +} +#distance-title { + display: flex; + justify-content: center; + position: relative; + top: 10px; + letter-spacing: -0.8px; +} +.update-main .card-title { + font-size: 12px !important; +} +.tool-main .card-title { + font-size: 12px !important; +} +.add-project-update { + background-color: rgb(43, 125, 43); + color: white; + font-size: 12px; +} +.parent-add-project-update { + position: absolute; + left: 35px; + top: 43px; + z-index: 999; +} +.tooltiptextstart { + visibility: hidden; + width: 150px; + background-color: black; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px 0; + position: absolute; + z-index: 1; + /* top: 35px; + left: 100%; */ + top: -8px; + left: 10%; + font-size: 10px; + white-space: nowrap; +} + +/* .tooltiptextstart::after { + content: ""; + position: absolute; */ + /* top: 50%; + right: 100%; */ + /* top: -8px; + left: 10%; + margin-top: -5px; + border-width: 5px; + border-style: solid; + border-color: transparent black transparent transparent; +} */ + +.tooltipstart1:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart2:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart3:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart4:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart5:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart6:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart7:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart8:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart9:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart10:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart11:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart12:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstart13:hover .tooltiptextstart { + visibility: visible; +} + +.tooltipstartcost:hover .tooltiptextstart { + visibility: visible; +} +.slider.slider-horizontal { + width: 91%; + height: 20px; + margin-top: 10px; + margin-right: 10px; +} +#abrar-map-2 { + height: 408px; + width: 100%; + border-radius: 5px; +} +.map-latlng-input-row { + position: absolute; + bottom: -11px; + z-index: 1000; + width: 240px; + left: 5px; +} +.map-latlng-form { + margin-bottom: 0; +} +.map-latlng-label { + background-color: rgba(255, 255, 255, 0.8); + border-radius: 0.25rem; + padding: 3px 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border: 1px solid #ced4da; + color: #000000; + border-bottom: 0; + margin: 0; +} +.map-latlng-input { + background-color: rgba(255, 255, 255, 0.8); +} +.map-latlng-first-input { + border-radius: 0; + font-size: 12px; + color: #009900; +} +.input-cord { + font-family: "IRANSans" !important; + text-align: center !important; + direction: ltr !important; +} +.abrar-map-title { + position: absolute; + top: 5px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #000; + font-size: 13px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 193, 7, 0.8); +} +.abrar-map-title2 { + position: absolute; + top: 40px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #fff; + font-size: 10px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 85, 7, 0.986); +} +.modal-body-scroll { + overflow-y: scroll; + height: 500px; +} +table.dataTable tbody tr.selected { + background-color: rgb(47, 125, 50); + color: white !important; +} +/*End pooria css */ +.select2-container--default +.select2-selection--multiple +.select2-selection__choice { +background-color: #007bff !important; +} +.footer-new-style { + background-color: #fff; + position: fixed !important; + bottom: 0px; + right: 0px; + left: 0px; + font-family: "IRANSansFaNum"; + font-size: 10px; + font-weight: 700; + z-index: 10000000000; + box-shadow: -1px -1px 6px #000000; + } + #dropdown1 { + left: -113%; + } + #dropdown2 { + left: -302%; + } + #dropdown3 { + left: -160%; + } + .queen-size-nav { + display: none; + background-color: #ffffff; + box-shadow: -1px 1px 4px #212529; + width: 40%; + height: 55%; + border-bottom-left-radius: 10px; + margin-top: 40px; + overflow: hidden; + position: absolute; + z-index: 2; + } + .queen-ul-style { + display: none; + } + .second-top-menu { + display: none; + } + .logo-new-style { + display: none; + } + .new-style-profile { + display: none; + } + .eight-step-res { + display: none; + } + table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { + border-right-width: 1px; + } + /* .justify-content-center { + padding: 15px; + } */ + + .font-color-style-table { + color: #fff; + } + .dt-buttons .buttons-html5 { + display: none; + } + .dt-buttons .buttons-print { + display: none; + } + @media only screen and (min-width: 1700px) { + .justify-content-center { + font-size: 14px; + } + } + @media only screen and (max-width: 700px) { + .king-size-nav { + display: none; + } + .eight-step-res { + display: none; + } + .new-style-profile { + display: block; + width: 20%; + margin-left: auto; + margin-right: auto; + text-align: center; + box-sizing: content-box; + } + .navbar-sp { + font-size: 12px; + margin-top: 2px; + color: #000000 !important; + } + .first-step-res-design { + text-align: center; + list-style-type: none; + margin-top: 10px; + padding: 3px; + } + .first-step-res { + display: none; + padding-inline-start: 0px; + font-size: 11px; + border-bottom: 2px solid #ff5c0f; + border-top: 2px solid #ff5c0f; + } + .difrent-img-size { + width: 27px; + height: 26px; + margin-top: 5px; + } + .logo-new-style { + display: inline; + } + /* .second-menu-img { + position: absolute; + margin-right: 12px; + margin-top: -8px; + width: 25px; + height: 55px; + } */ + .second-top-menu { + display: flow-root; + position: relative; + background-color: #2c343f; + height: 40px; + width: 100%; + transition: all 0.4s; + z-index: 3; + } + .queen-ul-style { + display: block; + } + .queen-responsive-navbar { + justify-content: center; + margin-bottom: 20px; + margin-left: 0px; + } + } + @media (max-width: 576px) { + footer { + position: fixed !important; + } + } + @media only screen and (max-width: 530px) { + .queen-size-nav { + width: 50%; + } + .page-link { + padding: 0.4rem 0.55rem; + } + #examplee { + width: 100px !important; + } + } + @media only screen and (max-width: 450px) { + .queen-size-nav { + height: 60%; + } + .page-link { + padding: 0.4rem 0.40rem; + } + } + @media only screen and (max-width: 370px) { + #example_length { + float: none !important; + } + #example_filter { + float: none !important; + } + .page-link { + padding: 0.4rem 0.35rem; + } + } + @media only screen and (max-width: 1000px) { + #dropdown1 { + position: absolute !important; + } + } + .abrar-map-layout>#abrar-map, #abrar-map-2 { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} + +.abrar-map-layout { + position: relative; + height: 368px; + margin-bottom: 15px; +} + +.abrar-map-layout>#abrar-map-static { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} + +.abrar-map-layout>#abrarshow-map { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} + +.abrar-map-layout>.pin-container { + position: absolute; + top: 34%; + right: 44%; + z-index: 1009; +} +/* just test */ +label { + font-size: 0.8rem; + font-weight: 500 !important; + color: #000; +} +.form-control { + font-size: 12px !important; +} +.modal-title { + font-size: 15px; +} +.modal-header .close, .modal-header .mailbox-attachment-close { + padding: 1rem; + margin: -1rem auto -1rem -1rem; +} +.map-latlng-sec-input { + border-top-right-radius: 0; + border-top-left-radius: 0; + font-size: 12px; + color: #009900; +} +.submittool { + font-size:12px; +} +.loader { + display: inline-block; + width: 40px; + height: 40px; + position: relative; + border: 4px solid #ff5c0f; + top: 0; + animation: loader 2s infinite ease; +} + +.loader-inner { + vertical-align: top; + display: inline-block; + width: 100%; + background-color: #fff; + animation: loader-inner 2s infinite ease-in; +} + +@keyframes loader { + 0% { + transform: rotate(0deg); + } + + 25% { + transform: rotate(180deg); + } + + 50% { + transform: rotate(180deg); + } + + 75% { + transform: rotate(360deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes loader-inner { + 0% { + height: 0%; + } + + 25% { + height: 0%; + } + + 50% { + height: 100%; + } + + 75% { + height: 100%; + } + + 100% { + height: 0%; + } +} +.divloader { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 2000; +} +/* .headercolortable { + display: none; +} */ + +.dt-buttons .buttons-excel { + display: block; + float: left; +} +#maremat { + margin-top:5% +} +.swal2-title { + font-size: 18px !important; +} +.swal2-styled { + font-size: 14px !important; +} +/* .havig .arrow-changing1 { + width: 10px !important; +} */ +.swal2-content { + font-size: 17px !important; +} +.swal2-actions { + margin-top: 5px !important; +} +.swal2-confirm { + background-color: rgb(43, 125, 43) !important; + border-radius: 5px !important; + color: white !important; + border: 0 !important; +} +.swal2-popup { + width: 25em !important; +} +.edittool { + font-size: 11px; +} +.file-input-modal { + justify-content: center; + font-size: 11px; + display: flex; + align-items: center; + width: 100%; + /* width: 130px; */ + height: 80px; + cursor: pointer; + text-align: center; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); + background-color: #ffffff; +} +.file-input-modal-container { + width: 100%; +} +#update-card { + width: 98%; + margin-bottom: 50px; +} +.table-responsive { + padding-bottom: 3rem !important; + padding-left: 3rem !important; + padding-top: 3rem !important; + padding-right: 3rem !important; +} +#projecttool-list-card { + margin-bottom: 50px; + width: 98%; +} +/* #example-update { + width: 1393px !important; +} */ +#exampleriz { + width: 1393px !important; +} +#examplee { + width: 1393px !important; +} +@media only screen and (max-width: 530px) { + #examplee { + width: 400px !important; + } + #exampleriz { + width: 500px !important; + } +} +#sort_datekeshvar { + background-color: #ff5c0f; + border-color: #ff5c0f; +} +#sortt_dateriz { + background-color: #ff5c0f; + border-color: #ff5c0f; +} +#sortt_date { + background-color: #ff5c0f; + border-color: #ff5c0f; +} +#sort_date { + background-color: #ff5c0f; + border-color: #ff5c0f; +} +#sort_dateTestItems { + background-color: #ff5c0f; + border-color: #ff5c0f; +} + +#hefaz { + width: 100% !important; +} + +/* .slideroverlay { + display: none; + text-align: right; + direction: rtl; + position: fixed; + z-index: 1051; + padding-top: 77px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.slideroverlay>.upload-confirm { + z-index: 50; + display: block; + position: absolute; + background: transparent; + top: 0; + right: 0; + left: 0; + bottom: 0; +} + +.slideroverlay>.modal-content { + background-color: #ffffff; + border-radius: 7px; + margin: auto; + padding: 20px 1.5% 1px 1.5%; + border: 1px solid #888; + width: 70%; + position: relative; + z-index: 51; +} + +.slideroverlay>.modal-content>.close { + position: absolute; + text-align: center; + top: 3px; + right: 5px; + color: #979797; +} + +.slideroverlay>.modal-content>.close::before { + content: "\00d7"; + font-size: 22px; + position: absolute; +} + +.slideroverlay>.modal-content>.close:hover, +.slideroverlay>.modal-content>.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + +.slideroverlay>.modal-content>.slideshow .mySlides { + display: none; +} + +.slideroverlay>.modal-content>.slideshow img { + vertical-align: middle; + width: auto; + height: auto; + opacity: 1; + max-height: 500px; + max-width: 100%; + margin: 0 auto; + display: flex; +} + +.slideroverlay>.modal-content>.slideshow .slideshow-container { + max-width: 100%; + position: relative; + margin: auto; +} + +.slideroverlay>.modal-content>.slideshow .prev, +.slideroverlay>.modal-content>.slideshow .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 16px; + margin-top: -22px; + color: white; + font-weight: bold; + font-size: 20px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; + background-color: rgba(0, 0, 0, 0.4); +} + +.slideroverlay>.modal-content>.slideshow .next { + right: 0; + border-radius: 0px 3px 3px 0; +} + +.slideroverlay>.modal-content>.slideshow .prev { + left: 0; + border-radius: 3px 0 0 3px; +} + +.slideroverlay>.modal-content>.slideshow .prev:hover, +.slideroverlay>.modal-content>.slideshow .next:hover { + background-color: rgba(0, 0, 0, 0.8); +} + +.slideroverlay>.modal-content>.slideshow .text { + color: #f2f2f2; + background-color: rgba(0, 0, 0, 0.8); + padding: 10px 15px; + position: absolute; + bottom: -3px; + width: 100%; + text-align: center; + font-family: "IRANSans"; + font-size: 12px; +} + +.slideroverlay>.modal-content>.slideshow .numbertext { + color: #f2f2f2; + font-size: 14px; + padding: 8px 12px; + position: absolute; + background-color: rgba(0, 0, 0, 0.8); + top: 0; + border-radius: 3px; +} + +.slideroverlay>.modal-content>.slideshow #slideshow-dot { + margin-top: 15px !important; + margin-bottom: 10px; + direction: ltr; +} + +.slideroverlay>.modal-content>.slideshow .dot { + cursor: pointer; + height: 12px; + width: 12px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; +} + +.slideroverlay>.modal-content>.slideshow .active, +.slideroverlay>.modal-content>.slideshow .dot:hover { + background-color: #717171; +} + +.slideroverlay>.modal-content>.slideshow .fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; +} */ + + +/* +#ruler { + width: 1393px !important; +} +#washed { + width: 1393px !important; +} +#pol { + width: 1393px !important; +} +#tunnelGaleri { + width: 1393px !important; +} +#zemestanii { + width: 1393px !important; +} +#tollhouse { + width: 1393px !important; +} */ +.stylescroll { + margin-bottom: 10px; +} +.just-padding { + padding: 0px !important; +} + +.slideroverlay { + display: none; + text-align: right; + direction: rtl; + position: fixed; + z-index: 1051; + padding-top: 77px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.slideroverlay>.upload-confirm { + z-index: 50; + display: block; + position: absolute; + background: transparent; + top: 0; + right: 0; + left: 0; + bottom: 0; +} + +.slideroverlay>.modal-content { + background-color: #ffffff; + border-radius: 7px; + margin: auto; + padding: 20px 1.5% 1px 1.5%; + border: 3px solid #ff5c0f; + width: 70%; + position: relative; + z-index: 51; +} + +.slideroverlay>.modal-content>.close { + position: absolute; + text-align: center; + top: 3px; + left: 20px; + color: #979797; +} + +.slideroverlay>.modal-content>.close::before { + content: "\00d7"; + font-size: 22px; + position: absolute; +} + +.slideroverlay>.modal-content>.close:hover, +.slideroverlay>.modal-content>.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + +.slideroverlay>.modal-content>.slideshow .mySlides { + display: none; +} + +.slideroverlay>.modal-content>.slideshow img { + vertical-align: middle; + width: auto; + height: auto; + opacity: 1; + max-height: 500px; + max-width: 100%; + margin: 0 auto; + display: flex; + border-radius: 10px; + box-shadow: -12px -2px 6px #b9b9b9; +} + +.slideroverlay>.modal-content>.slideshow .slideshow-container { + max-width: 100%; + position: relative; + margin: auto; +} +.textt { + text-align: center; + padding-top: 10px; +} + +.slideroverlay>.modal-content>.slideshow .prev, +.slideroverlay>.modal-content>.slideshow .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 16px; + margin-top: -22px; + color: #000; + font-weight: bold; + font-size: 20px; + transition: 0.6s ease; + border-radius: 60px !important; + user-select: none; + border: 1px solid #e1e1e1; +} + +.slideroverlay>.modal-content>.slideshow .next { + right: 0; + border-radius: 0px 3px 3px 0; +} + +.slideroverlay>.modal-content>.slideshow .prev { + left: 0; + border-radius: 3px 0 0 3px; +} + +.slideroverlay>.modal-content>.slideshow .prev:hover, +.slideroverlay>.modal-content>.slideshow .next:hover { + background-color: rgba(0, 0, 0, 0.8); + color: #fff; +} + +.slideroverlay>.modal-content>.slideshow .text { + color: #f2f2f2; + background-color: rgba(0, 0, 0, 0.8); + padding: 10px 15px; + position: absolute; + bottom: -3px; + width: 100%; + text-align: center; + font-family: "IRANSans"; + font-size: 12px; +} + +.slideroverlay>.modal-content>.slideshow .numbertext { + color: #f2f2f2; + font-size: 14px; + padding: 8px 12px; + position: absolute; + background-color: #ff5c0f; + top: 0; + border-radius: 20px; +} + +.slideroverlay>.modal-content>.slideshow #slideshow-dot { + margin-top: 15px !important; + margin-bottom: 10px; + direction: ltr; +} + +.slideroverlay>.modal-content>.slideshow .dot { + cursor: pointer; + height: 12px; + width: 12px; + margin: 0 2px; + background-color: #00669f; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; +} +#inputFile1 { + display: none; +} +.slideroverlay>.modal-content>.slideshow .active, +.slideroverlay>.modal-content>.slideshow .dot:hover { + background-color: #ff5c0f; +} + +.slideroverlay>.modal-content>.slideshow .fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; +} +.line-empty-col { + background-color: rgb(255, 92, 15); + width: 50px; + height: 1px; + margin-left: auto; + margin-right: auto; +} +.zoomimage{ + width:100%; + height:80px +} +.remove-image-container501 { + display: flex; + flex-direction: row; + color: #c32323; + position: absolute; + top: -16px; + left: 6px; + font-weight: bold; + cursor: pointer; + font-size: 14px; +} +.file-input { + display: none; +} +.loader { + display: inline-block; + width: 40px; + height: 40px; + position: relative; + border: 4px solid #ff5c0f; + top: 0; + animation: loader 2s infinite ease; +} + +.loader-inner { + vertical-align: top; + display: inline-block; + width: 100%; + background-color: #fff; + animation: loader-inner 2s infinite ease-in; +} + +.navbar-nav .dropdown-menu { + position: absolute !important; +} + +@keyframes loader { + 0% { + transform: rotate(0deg); + } + + 25% { + transform: rotate(180deg); + } + + 50% { + transform: rotate(180deg); + } + + 75% { + transform: rotate(360deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes loader-inner { + 0% { + height: 0%; + } + + 25% { + height: 0%; + } + + 50% { + height: 100%; + } + + 75% { + height: 100%; + } + + 100% { + height: 0%; + } +} + +.divloader { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 2000; +} +div.dataTables_wrapper div.dataTables_paginate { + font-family: 'IRANSansFaNum' !important; +} + +.datepicker-container { + font-family: 'IRANSansFaNum' !important; +} \ No newline at end of file diff --git a/public/dist/css/images/marker-icon.png b/public/dist/css/images/marker-icon.png new file mode 100644 index 00000000..e2e9f757 Binary files /dev/null and b/public/dist/css/images/marker-icon.png differ diff --git a/public/dist/css/images/marker-shadow.png b/public/dist/css/images/marker-shadow.png new file mode 100644 index 00000000..84c58084 Binary files /dev/null and b/public/dist/css/images/marker-shadow.png differ diff --git a/public/dist/css/leaflet.css b/public/dist/css/leaflet.css new file mode 100644 index 00000000..609a6624 --- /dev/null +++ b/public/dist/css/leaflet.css @@ -0,0 +1,640 @@ +/* required styles */ + +.leaflet-pane, +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-tile-container, +.leaflet-pane > svg, +.leaflet-pane > canvas, +.leaflet-zoom-box, +.leaflet-image-layer, +.leaflet-layer { + position: absolute; + left: 0; + top: 0; + } +.leaflet-container { + overflow: hidden; + } +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; + } +/* Prevents IE11 from highlighting tiles in blue */ +.leaflet-tile::selection { + background: transparent; +} +/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ +.leaflet-safari .leaflet-tile { + image-rendering: -webkit-optimize-contrast; + } +/* hack that prevents hw layers "stretching" when loading new tiles */ +.leaflet-safari .leaflet-tile-container { + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; + } +.leaflet-marker-icon, +.leaflet-marker-shadow { + display: block; + } +/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ +/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ +.leaflet-container .leaflet-overlay-pane svg, +.leaflet-container .leaflet-marker-pane img, +.leaflet-container .leaflet-shadow-pane img, +.leaflet-container .leaflet-tile-pane img, +.leaflet-container img.leaflet-image-layer, +.leaflet-container .leaflet-tile { + max-width: none !important; + max-height: none !important; + } + +.leaflet-container.leaflet-touch-zoom { + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; + } +.leaflet-container.leaflet-touch-drag { + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; +} +.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { + -ms-touch-action: none; + touch-action: none; +} +.leaflet-container { + -webkit-tap-highlight-color: transparent; +} +.leaflet-container a { + -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); +} +.leaflet-tile { + filter: inherit; + visibility: hidden; + } +.leaflet-tile-loaded { + visibility: inherit; + } +.leaflet-zoom-box { + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; + } +/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ +.leaflet-overlay-pane svg { + -moz-user-select: none; + } + +.leaflet-pane { z-index: 400; } + +.leaflet-tile-pane { z-index: 200; } +.leaflet-overlay-pane { z-index: 400; } +.leaflet-shadow-pane { z-index: 500; } +.leaflet-marker-pane { z-index: 600; } +.leaflet-tooltip-pane { z-index: 650; } +.leaflet-popup-pane { z-index: 700; } + +.leaflet-map-pane canvas { z-index: 100; } +.leaflet-map-pane svg { z-index: 200; } + +.leaflet-vml-shape { + width: 1px; + height: 1px; + } +.lvml { + behavior: url(#default#VML); + display: inline-block; + position: absolute; + } + + +/* control positioning */ + +.leaflet-control { + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; + } +.leaflet-top, +.leaflet-bottom { + position: absolute; + z-index: 1000; + pointer-events: none; + } +.leaflet-top { + top: 0; + } +.leaflet-right { + right: 0; + } +.leaflet-bottom { + bottom: 0; + } +.leaflet-left { + left: 0; + } +.leaflet-control { + float: left; + clear: both; + } +.leaflet-right .leaflet-control { + float: right; + } +.leaflet-top .leaflet-control { + margin-top: 10px; + } +.leaflet-bottom .leaflet-control { + margin-bottom: 10px; + } +.leaflet-left .leaflet-control { + margin-left: 10px; + } +.leaflet-right .leaflet-control { + margin-right: 10px; + } + + +/* zoom and fade animations */ + +.leaflet-fade-anim .leaflet-tile { + will-change: opacity; + } +.leaflet-fade-anim .leaflet-popup { + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; + } +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; + } +.leaflet-zoom-animated { + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + } +.leaflet-zoom-anim .leaflet-zoom-animated { + will-change: transform; + } +.leaflet-zoom-anim .leaflet-zoom-animated { + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); + transition: transform 0.25s cubic-bezier(0,0,0.25,1); + } +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + -moz-transition: none; + transition: none; + } + +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; + } + + +/* cursors */ + +.leaflet-interactive { + cursor: pointer; + } +.leaflet-grab { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + } +.leaflet-crosshair, +.leaflet-crosshair .leaflet-interactive { + cursor: crosshair; + } +.leaflet-popup-pane, +.leaflet-control { + cursor: auto; + } +.leaflet-dragging .leaflet-grab, +.leaflet-dragging .leaflet-grab .leaflet-interactive, +.leaflet-dragging .leaflet-marker-draggable { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; + } + +/* marker & overlays interactivity */ +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-image-layer, +.leaflet-pane > svg path, +.leaflet-tile-container { + pointer-events: none; + } + +.leaflet-marker-icon.leaflet-interactive, +.leaflet-image-layer.leaflet-interactive, +.leaflet-pane > svg path.leaflet-interactive, +svg.leaflet-image-layer.leaflet-interactive path { + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; + } + +/* visual tweaks */ + +.leaflet-container { + background: #ddd; + outline: 0; + } +.leaflet-container a { + color: #0078A8; + } +.leaflet-container a.leaflet-active { + outline: 2px solid orange; + } +.leaflet-zoom-box { + border: 2px dotted #38f; + background: rgba(255,255,255,0.5); + } + + +/* general typography */ +.leaflet-container { + font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + } + + +/* general toolbar styles */ + +.leaflet-bar { + box-shadow: 0 1px 5px rgba(0,0,0,0.65); + border-radius: 4px; + } +.leaflet-bar a, +.leaflet-bar a:hover { + background-color: #fff; + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; + } +.leaflet-bar a, +.leaflet-control-layers-toggle { + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; + } +.leaflet-bar a:hover { + background-color: #f4f4f4; + } +.leaflet-bar a:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +.leaflet-bar a:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; + } +.leaflet-bar a.leaflet-disabled { + cursor: default; + background-color: #f4f4f4; + color: #bbb; + } + +.leaflet-touch .leaflet-bar a { + width: 30px; + height: 30px; + line-height: 30px; + } +.leaflet-touch .leaflet-bar a:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } +.leaflet-touch .leaflet-bar a:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + +/* zoom control */ + +.leaflet-control-zoom-in, +.leaflet-control-zoom-out { + font: bold 18px 'Lucida Console', Monaco, monospace; + text-indent: 1px; + } + +.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { + font-size: 22px; + } + + +/* layers control */ + +.leaflet-control-layers { + box-shadow: 0 1px 5px rgba(0,0,0,0.4); + background: #fff; + border-radius: 5px; + } +.leaflet-control-layers-toggle { + background-image: url(images/layers.png); + width: 36px; + height: 36px; + } +.leaflet-retina .leaflet-control-layers-toggle { + background-image: url(images/layers-2x.png); + background-size: 26px 26px; + } +.leaflet-touch .leaflet-control-layers-toggle { + width: 44px; + height: 44px; + } +.leaflet-control-layers .leaflet-control-layers-list, +.leaflet-control-layers-expanded .leaflet-control-layers-toggle { + display: none; + } +.leaflet-control-layers-expanded .leaflet-control-layers-list { + display: block; + position: relative; + } +.leaflet-control-layers-expanded { + padding: 6px 10px 6px 6px; + color: #333; + background: #fff; + } +.leaflet-control-layers-scrollbar { + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; + } +.leaflet-control-layers-selector { + margin-top: 2px; + position: relative; + top: 1px; + } +.leaflet-control-layers label { + display: block; + } +.leaflet-control-layers-separator { + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; + } + +/* Default icon URLs */ +.leaflet-default-icon-path { + background-image: url(images/marker-icon.png); + } + + +/* attribution and scale controls */ + +.leaflet-container .leaflet-control-attribution { + background: #fff; + background: rgba(255, 255, 255, 0.7); + margin: 0; + } +.leaflet-control-attribution, +.leaflet-control-scale-line { + padding: 0 5px; + color: #333; + } +.leaflet-control-attribution a { + text-decoration: none; + } +.leaflet-control-attribution a:hover { + text-decoration: underline; + } +.leaflet-container .leaflet-control-attribution, +.leaflet-container .leaflet-control-scale { + font-size: 11px; + } +.leaflet-left .leaflet-control-scale { + margin-left: 5px; + } +.leaflet-bottom .leaflet-control-scale { + margin-bottom: 5px; + } +.leaflet-control-scale-line { + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + + background: #fff; + background: rgba(255, 255, 255, 0.5); + } +.leaflet-control-scale-line:not(:first-child) { + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; + } +.leaflet-control-scale-line:not(:first-child):not(:last-child) { + border-bottom: 2px solid #777; + } + +.leaflet-touch .leaflet-control-attribution, +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + box-shadow: none; + } +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0,0,0,0.2); + background-clip: padding-box; + } + + +/* popup */ + +.leaflet-popup { + position: absolute; + text-align: center; + margin-bottom: 20px; + } +.leaflet-popup-content-wrapper { + padding: 1px; + text-align: left; + border-radius: 12px; + } +.leaflet-popup-content { + margin: 13px 19px; + line-height: 1.4; + } +.leaflet-popup-content p { + margin: 18px 0; + } +.leaflet-popup-tip-container { + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; + } +.leaflet-popup-tip { + width: 17px; + height: 17px; + padding: 1px; + + margin: -10px auto 0; + + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0,0,0,0.4); + } +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; + } +.leaflet-container a.leaflet-popup-close-button:hover { + color: #999; + } +.leaflet-popup-scrolled { + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + } + +.leaflet-oldie .leaflet-popup-content-wrapper { + zoom: 1; + } +.leaflet-oldie .leaflet-popup-tip { + width: 24px; + margin: 0 auto; + + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + } +.leaflet-oldie .leaflet-popup-tip-container { + margin-top: -1px; + } + +.leaflet-oldie .leaflet-control-zoom, +.leaflet-oldie .leaflet-control-layers, +.leaflet-oldie .leaflet-popup-content-wrapper, +.leaflet-oldie .leaflet-popup-tip { + border: 1px solid #999; + } + + +/* div icon */ + +.leaflet-div-icon { + background: #fff; + border: 1px solid #666; + } + + +/* Tooltip */ +/* Base styles for the element that has a tooltip */ +.leaflet-tooltip { + position: absolute; + padding: 6px; + background-color: #fff; + border: 1px solid #fff; + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0,0,0,0.4); + } +.leaflet-tooltip.leaflet-clickable { + cursor: pointer; + pointer-events: auto; + } +.leaflet-tooltip-top:before, +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; + } + +/* Directions */ + +.leaflet-tooltip-bottom { + margin-top: 6px; +} +.leaflet-tooltip-top { + margin-top: -6px; +} +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-top:before { + left: 50%; + margin-left: -6px; + } +.leaflet-tooltip-top:before { + bottom: 0; + margin-bottom: -12px; + border-top-color: #fff; + } +.leaflet-tooltip-bottom:before { + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: #fff; + } +.leaflet-tooltip-left { + margin-left: -6px; +} +.leaflet-tooltip-right { + margin-left: 6px; +} +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + top: 50%; + margin-top: -6px; + } +.leaflet-tooltip-left:before { + right: 0; + margin-right: -12px; + border-left-color: #fff; + } +.leaflet-tooltip-right:before { + left: 0; + margin-left: -12px; + border-right-color: #fff; + } diff --git a/public/dist/css/leaflet.printpreview.css b/public/dist/css/leaflet.printpreview.css new file mode 100644 index 00000000..b788bbaf --- /dev/null +++ b/public/dist/css/leaflet.printpreview.css @@ -0,0 +1,64 @@ +body { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + background-color: #FAFAFA; + font: 12pt "Tahoma"; +} +* { + box-sizing: border-box; + -moz-box-sizing: border-box; +} +.page { + padding: 5mm 20mm 20mm 20mm; + margin: 5mm auto; + border: 5px #D3D3D3 solid; + border-radius: 5px; + background: white; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); +} +.leaflet-control-printpreview-bar{ + height:15mm; + font-family: 'IRANSansFaNum'; + +} +.leaflet-control-printpreview-btn{ + box-shadow: 0 1px 5px rgba(0,0,0,0.4); + background: #fff; + border-radius: 5px; + display: inline-block; + height: 36px; + padding: 0 10px; + line-height: 36px; + height: 36px; + text-decoration: none; + color: #333333; + margin-right: 5px; +} + .leaflet-control-printpreview-btn:hover{ + background-color: #f4f4f4; + } +.previewmap { + padding: 1cm; + border: 1px red solid; +} +@page { + margin: 0; +} +@media print { + .page { + margin: 0; + border: initial; + border-radius: initial; + width: initial; + min-height: initial; + box-shadow: initial; + background: initial; + page-break-after: avoid; + padding: 20mm; + } + div.leaflet-top.leaflet-left, div.leaflet-top.leaflet-right, div.leaflet-control-printpreview-bar{display: none!important;} + +} +div.leaflet-top.leaflet-left > div:nth-child(n+2){display: none!important;} diff --git a/public/dist/css/leaflet.printpreview.letter.landscape.css b/public/dist/css/leaflet.printpreview.letter.landscape.css new file mode 100644 index 00000000..e7f45ff8 --- /dev/null +++ b/public/dist/css/leaflet.printpreview.letter.landscape.css @@ -0,0 +1,20 @@ +.page { + width: 279mm; + min-height: 215mm; +} +.previewmap { + width: 239mm !important; + height: 175mm !important; /* .page height -40mm (20 off top/bottom) */ +} +@page{ + size: landscape; +} +body { transform: scale(0.9); } +@media print { + html, body { + width: 279mm; + height: 215mm; + } + body { transform: scale(0.9); } +} +body { transform: scale(0.9); } \ No newline at end of file diff --git a/public/dist/css/leaflet.printpreview.letter.portrait.css b/public/dist/css/leaflet.printpreview.letter.portrait.css new file mode 100644 index 00000000..77d871b5 --- /dev/null +++ b/public/dist/css/leaflet.printpreview.letter.portrait.css @@ -0,0 +1,17 @@ +.page { + width: 216mm; + min-height: 279mm; +} +.previewmap { + width: 175mm !important; + height: 239mm !important; /* .page height -40mm (20 off top/bottom) */ +} +@page{ + size: Letter; +} +@media print { + html, body { + width: 216mm; + height: 279mm; + } +} \ No newline at end of file diff --git a/public/dist/css/mashinalat.css b/public/dist/css/mashinalat.css new file mode 100644 index 00000000..00668e55 --- /dev/null +++ b/public/dist/css/mashinalat.css @@ -0,0 +1,528 @@ +.print { + display: none; +} +.no-print { + display: block; +} + +.five_td_input { + border: none; + border-bottom: 1px solid #ff5c0f; + background-color: #e1e1e1; + height: 24px; + font-size: 17px; + font-weight: 300; + padding: 2px 6px; +} + +.personal_num { + border: 1px solid #e1e1e1; + float: right; + border-radius: 4px; + height: 30px; + margin: 10px; + width: 130px; + margin-left: 100px; + padding: 2px 6px; +} + +.personal_num_lab { + float: right; + margin: 15px; + margin-left: 2px; + margin-right: 50px; +} + +.shasi_num { + border: none; + float: right; + border-radius: 0px; + height: 27px; + margin: 10px; + width: 300px; + border-bottom: 1px dotted #505050; + padding: 2px 6px; +} + +.moshakhasat_modal legend { + font-size: 18px; + font-weight: 500 !important; + color: #000; + width: 15%; + color: #4962ac; + text-align: -webkit-center !important; +} + +.vaziat_modal legend { + font-size: 18px; + font-weight: 500 !important; + color: #000; + width: 25%; + color: #4962ac; + text-align: -webkit-center !important; +} + +.emzakonandegan_modal legend { + font-size: 18px; + font-weight: 500 !important; + color: #000; + width: 12%; + color: #4962ac; + text-align: -webkit-center !important; +} + +.shasi_num_lab { + float: right; + margin: 15px; + margin-left: 2px; +} + +.form-number { + border: none; + float: right; + border-radius: 0px; + height: 27px; + margin: 10px; + width: 150px; +} + +.form-number-lab { + float: right; + margin: 15px; + margin-left: 2px; +} + +.moshakhasat_modal { + border: 2px solid #ff5c0f; + display: inline; + border-radius: 10px; + padding: 10px 20px; + width: 100%; +} + +.logo-img { + width: 150px; +} + +.vaziat_modal { + border: 2px solid #ff5c0f; + display: inline; + border-radius: 10px; + padding: 10px 20px; + width: 70%; + margin-bottom: 25px; +} + +.emzakonandegan_modal { + border: 2px solid #ff5c0f; + display: inline; + border-radius: 10px; + padding: 10px 20px; + width: 100%; +} + +.margin-for-footer { + margin-bottom: 4rem; +} + +.img-box { + border: 1px solid #ccc; + width: 150px; + height: 150px; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0; + margin: 0; + color: #666; +} + +.img-preview { + max-width: 100%; + max-height: 100%; +} + +.btn-delete-img { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.emza_nam_nam { + margin-bottom: unset; + width: 20%; +} + +@media print { + body { + zoom: 65%; + } + .print { + display: inherit; + } + .no-print { + display: none; + } + + .scale { + width: 100% !important; + max-width: 100% !important; + } + + .shasi_num { + width: 200px; + } + + .form-number { + width: 150px; + } + + .five_td_input { + border-bottom: none; + } + + .vaziat_modal { + width: 60%; + } + + .emzakonandegan_modal { + width: 100%; + } + + .emzakonandegan_modal legend { + width: 12%; + } + + .vaziat_modal legend { + width: 30%; + } + + .moshakhasat_modal legend { + width: 15%; + } + + .emza_nam_nam { + width: 20%; + } + + .margin-for-footer { + margin-bottom: 0; + } + + .totalscore { + background-color: #fff; + color: #000; + border: none; + } + + .for_all_type th { + color: #000; + } + + select { + -webkit-appearance: none; + margin: 0; + } + + #table-car-form input[type="radio"] { + display: none; + } + + #table-car-form input[type="radio"]:checked { + display: initial; + } +} + +* { + font-family: "IRANSansFaNum"; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +input[type="number"] { + -moz-appearance: textfield; +} + +.moshakhasat_modal .form_field { + border: none; + border-bottom: 1px solid #505050; + width: 300px; + padding: 2px 6px; +} + +.form_field_lab { + margin-left: 55px; +} + +label { + font-size: 14px; +} + +.for_all_type { + margin-top: 30px; +} + +tbody td:last-child { + width: 50px; + text-align: center; +} + +.five_td { + width: 600px; +} + +.ott { + width: 100px; +} + +tbody th { + font-size: 13px; + font-weight: 600; + color: #4962ac; + width: 250px; +} + +tfoot .totaltitr { + font-size: 20px; + font-weight: 600; + color: #4962ac; + width: 250px; + text-align: center; +} + +.sharhe_vaziat li { + list-style-type: arabic-indic; + margin-bottom: 11px; +} + +.sharhe_vaziat li ul li { + list-style-type: none; + margin-left: 30px; +} + +.sharhe_vaziat li ul { + float: left; + display: flex; +} + +ul li ul li input { + margin-left: 5px; +} + +tbody tr .ott { + cursor: pointer; + text-align: center; +} + +@media only screen and (max-width: 1600px) { + .vaziat_modal { + width: 100%; + } + .emzakonandegan_modal { + width: 100%; + } + .moshakhasat_modal { + width: 100%; + } +} + +@media only screen and (max-width: 700px) { + .legends { + width: 55% !important; + } + .legends2 { + width: 53% !important; + } + .legends3 { + width: 53% !important; + } +} + +.emza_nam { + display: flex; + margin-bottom: 20px; +} + +.emza_nam_input { + margin-right: 20px; + border: unset; + border-bottom: 1px solid #918d8d; + width: 25%; + margin-left: 50px; + padding: 2px 6px; +} + +.emza_nam_semat { + margin-bottom: unset; +} + +.emza_nam_input2 { + margin-right: 20px; + border: unset; + border-bottom: 1px solid #918d8d; + width: 25%; + padding: 2px 6px; +} + +.emza_nam_tarikh { + margin-bottom: unset; + margin-right: 100px; +} + +.shakhes_input { + border: none; + border-bottom: 1px solid #ff5c0f; + background-color: #e1e1e1; + height: 24px; + font-size: 20px; + text-align: center; + padding: 2px 6px; +} + +.icon-btn-table { + color: rgb(43, 125, 43); +} + +.totalscore { + font-size: 24px; +} +a.btn-dataTable { + padding: 0px 6px; +} + +.loader { + display: inline-block; + width: 40px; + height: 40px; + position: relative; + border: 4px solid #ff5c0f; + top: 0; + animation: loader 2s infinite ease; +} + +.loader-inner { + vertical-align: top; + display: inline-block; + width: 100%; + background-color: #fff; + animation: loader-inner 2s infinite ease-in; +} + +#map, +#map_time { + width: 100%; + height: 50vh !important; + z-index: 10; +} + +.navbar-nav .dropdown-menu { + position: absolute !important; +} + +@keyframes loader { + 0% { + transform: rotate(0deg); + } + 25% { + transform: rotate(180deg); + } + 50% { + transform: rotate(180deg); + } + 75% { + transform: rotate(360deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes loader-inner { + 0% { + height: 0%; + } + 25% { + height: 0%; + } + 50% { + height: 100%; + } + 75% { + height: 100%; + } + 100% { + height: 0%; + } +} + +.divloader { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 3000; +} +.search { + background-color: rgb(43, 125, 43); + color: #ffffff; +} +.spanstyle { + font-size: 16px; + color: rgb(255, 92, 15); +} +.popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + flex-flow: row; + display: flex; + direction: rtl; + flex-direction: row !important; + /* flex-wrap: nowrap; */ +} +.popup .popupTitle .popupHeader { + font-size: 12px; + color: #0051cd; + white-space: nowrap; + padding: 5px 0; +} +.popupHeaderContent { + text-align: justify; + display: inline; +} +.popupContent { + display: flex; + flex-wrap: wrap; + direction: rtl; + width: 100%; + justify-content: center; + margin: 0; +} +.header-popupcontent-allpoints { + color: #007bff; + text-align: center; + font-weight: 700; + font-size: 9px; + font-family: IRANSansFaNum, sans-serif; + border-bottom: 1px solid #ff5c0f; + padding: 5px 0; +} +.popUpBox { + text-align: center; +} +.customPopupStyle .leaflet-popup-content-wrapper { + width: 315px !important; +} +.popUpBoxContent { + font-size: 10px; + font-weight: 500; + margin: 10px; + font-family: "IRANSansFaNum", sans-serif; +} diff --git a/public/dist/css/owl.carousel.min.css b/public/dist/css/owl.carousel.min.css new file mode 100644 index 00000000..a71df11c --- /dev/null +++ b/public/dist/css/owl.carousel.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} \ No newline at end of file diff --git a/public/dist/css/owl.theme.default.min.css b/public/dist/css/owl.theme.default.min.css new file mode 100644 index 00000000..487088d2 --- /dev/null +++ b/public/dist/css/owl.theme.default.min.css @@ -0,0 +1,6 @@ +/** + * Owl Carousel v2.3.4 + * Copyright 2013-2018 David Deutsch + * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE + */ +.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} \ No newline at end of file diff --git a/public/dist/css/persian-datepicker.min.css b/public/dist/css/persian-datepicker.min.css new file mode 100644 index 00000000..c1e0264f --- /dev/null +++ b/public/dist/css/persian-datepicker.min.css @@ -0,0 +1,10 @@ +/* +** persian-datepicker - v1.2.0 +** Reza Babakhani +** http://babakhani.github.io/PersianWebToolkit/docs/datepicker +** Under MIT license +*/ + +.datepicker-plot-area{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{transition:all 100ms ease}.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{border-radius:0}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{border-radius:0;border-top-left-radius:0;border-top-right-radius:0}.datepicker-plot-area .datepicker-time-view .down-btn{border-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.datepicker-plot-area,.datepicker-plot-area .datepicker-time-view>.time-segment{border-radius:0}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{border-radius:0}.datepicker-plot-area{box-shadow:0 5px 10px rgba(0,0,0,0.2)}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item,.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable,.datepicker-plot-area .datepicker-time-view>.time-segment,.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn,.datepicker-plot-area .datepicker-time-view input,.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev,.datepicker-plot-area .toolbox .pwt-btn-submit,.datepicker-plot-area .toolbox .pwt-btn-calendar,.datepicker-plot-area .toolbox .pwt-btn-today{cursor:pointer}.datepicker-plot-area .datepicker-day-view .table-days td span,.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item{font:14px;background-color:#fff;color:#333;border:0;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td.disabled span,.datepicker-plot-area .datepicker-year-view .year-item-disable,.datepicker-plot-area .datepicker-month-view .month-item-disable{background-color:#f1f1f1;color:#ccc;border:none;text-shadow:none;cursor:default}.datepicker-plot-area .datepicker-day-view .table-days td.today span{background-color:#333;color:#fff;border:0;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td span.other-month{background-color:"";color:#ccc;border:none;text-shadow:none}.datepicker-plot-area .datepicker-day-view .table-days td.selected span,.datepicker-plot-area .datepicker-year-view .year-item.selected,.datepicker-plot-area .datepicker-month-view .month-item.selected{background-color:#005299;color:#fff;border:none;text-shadow:1px 1px 1px #000}.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,.datepicker-plot-area .datepicker-day-view .table-days td span:hover,.datepicker-plot-area .datepicker-year-view .year-item:hover,.datepicker-plot-area .datepicker-month-view .month-item:hover{background-color:#007be6;color:#fff;border:0;text-shadow:none}.datepicker-container{display:block;position:absolute;z-index:100000;top:0;direction:ltr}.datepicker-container.pwt-hide{display:none}.datepicker-plot-area{box-sizing:border-box;overflow:hidden;min-height:70px;display:block;width:200px;min-width:200px;padding:3px;position:absolute;font:12px tahoma;border:1px solid #ccc;background-color:#fff}.datepicker-plot-area.datepicker-state-only-time{padding:0}.datepicker-plot-area table,.datepicker-plot-area th,.datepicker-plot-area td{border:0;background:none}.datepicker-plot-area *{text-align:center;color:#333}.datepicker-plot-area .datepicker-day-view,.datepicker-plot-area .datepicker-month-view,.datepicker-plot-area .datepicker-year-view{display:block;width:100%;float:left;min-height:200px;margin:0}.datepicker-plot-area-inline-view{display:block;width:100%;position:static;float:left}.datepicker-plot-area .datepicker-time-view{display:block;float:left;width:100%;padding:5px;background:#f9f9f9;border-top:1px solid #f1f1f1}.datepicker-plot-area .datepicker-time-view>.time-segment{display:block;width:22%;float:left;overflow:hidden}.datepicker-plot-area .datepicker-time-view>.time-segment:hover .down-btn,.datepicker-plot-area .datepicker-time-view>.time-segment:hover .up-btn{font-weight:bold}.datepicker-plot-area .datepicker-time-view .divider{display:block;width:3%;height:60px;line-height:60px;float:left;overflow:hidden;font:12px bold}.datepicker-plot-area .datepicker-time-view .divider span{height:60px;line-height:60px}.datepicker-plot-area .datepicker-time-view .down-btn,.datepicker-plot-area .datepicker-time-view .up-btn{display:block;float:left;width:100%;margin:0;height:20px;line-height:22px;color:#ccc}.datepicker-plot-area .datepicker-time-view .down-btn:hover,.datepicker-plot-area .datepicker-time-view .up-btn:hover{background-color:rgba(250,250,250,0.3);color:#807f7f}.datepicker-plot-area .datepicker-time-view input{display:block;width:90%;margin:0 5%;height:20px;padding:0;outline:none;border:none;background:transparent}.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view{padding:0 5px;margin:0}.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view>.time-segment,.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view>.divider{padding:5px 0}.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view>.time-segment{width:31.33%}.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view>.meridian-divider{display:none}.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view>.time-segment{width:31.33%}.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view>.second-divider{display:none}.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.time-segment{width:48%}.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.second-divider,.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view>.meridian-divider{display:none}.datepicker-plot-area .datepicker-day-view .table-days{width:100%;float:left;direction:rtl}.datepicker-plot-area .datepicker-day-view .table-days td{width:14.2%;height:26px;padding:0;margin:0;position:relative}.datepicker-plot-area .datepicker-day-view .table-days td .alter-calendar-day{font-style:normal;position:absolute;font-size:8.5px;bottom:0;right:2px;color:#f1f1f1}.datepicker-plot-area .datepicker-day-view .table-days td span{display:block;width:100%;height:26px;line-height:26px;padding:0;margin:0}.datepicker-plot-area .datepicker-day-view .month-grid-box{display:block;width:100%;float:right;min-height:180px;margin:8px 0}.datepicker-plot-area .datepicker-day-view .month-grid-box .header{display:block;width:100%;float:left;padding-bottom:8px}.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row{display:block;width:100%;height:25px;float:left}.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell{display:block;width:14.2%;height:25px;float:right;line-height:25px;font:11px;font-weight:bold;color:#333}.datepicker-plot-area .datepicker-year-view,.datepicker-plot-area .datepicker-month-view{padding-top:10px}.datepicker-plot-area .datepicker-year-view .year-item,.datepicker-plot-area .datepicker-month-view .month-item{display:block;width:33.333333%;margin:2px 0 0;float:right;height:42px;line-height:42px}.datepicker-plot-area .datepicker-navigator{display:block;width:100%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;float:left;height:28px;line-height:28px;font-weight:bold;background-color:rgba(250,250,250,0.1);color:#333}.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{background-color:rgba(250,250,250,0.3)}.datepicker-plot-area .datepicker-navigator .pwt-btn-next{display:block;width:15%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{display:block;width:66%;margin:0 2%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;width:15%;float:left}.datepicker-plot-area .toolbox{display:block;float:left;width:100%;margin-top:5px}.datepicker-plot-area .toolbox .pwt-btn-submit,.datepicker-plot-area .toolbox .pwt-btn-calendar,.datepicker-plot-area .toolbox .pwt-btn-today{background-color:rgba(250,250,250,0.1);float:right;display:block;font-weight:bold;font-size:11px;height:24px;line-height:24px;white-space:nowrap;margin:0 auto;margin-left:5px;padding:0 5px;min-width:50px}.datepicker-plot-area .toolbox .pwt-btn-submit:hover,.datepicker-plot-area .toolbox .pwt-btn-calendar:hover,.datepicker-plot-area .toolbox .pwt-btn-today:hover{background-color:rgba(250,250,250,0.3)}.datepicker-plot-area .datepicker-navigator{display:block;width:100%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;float:left;height:28px;line-height:28px;font-weight:bold;background-color:rgba(250,250,250,0.1);color:#333}.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{background-color:rgba(250,250,250,0.3)}.datepicker-plot-area .datepicker-navigator .pwt-btn-next{display:block;width:15%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{display:block;width:66%;margin:0 2%;float:left}.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{display:block;width:15%;float:left}.datepicker-container.pwt-mobile-view{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;overflow:hidden;transition:all 1s}.datepicker-container.pwt-mobile-view.pwt-hide{top:100vh;height:0}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit{color:#fff;background:#ccc}.datepicker-container.pwt-mobile-view .datepicker-plot-area{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td,.datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td span{height:44px;line-height:44px;font-size:14px}.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-year-view .year-item,.datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-month-view .month-item{height:70px;line-height:70px}.datepicker-container.pwt-mobile-view .datepicker-plot-area [class*='pwt-btn']{height:48px;line-height:48px}.datepicker-container.pwt-mobile-view .datepicker-plot-area .pwt-btn-today{float:left}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time{background:rgba(0,0,0,0.7);border:0;padding-top:60%}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit{margin-right:5px}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view input{height:40px;line-height:40px;font-size:24px;margin:5px 0}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider,.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider span{font-size:16px;display:block;height:144px;line-height:144px}.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .down-btn,.datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .up-btn{height:48px;line-height:48px}.datepicker-container.pwt-mobile-view .datepicker-time-view input{height:32px;line-height:34px;font-size:18px}.datepicker-container.pwt-mobile-view .datepicker-time-view .divider,.datepicker-container.pwt-mobile-view .datepicker-time-view .divider span{height:120px;line-height:120px}.datepicker-container.pwt-mobile-view .datepicker-time-view .down-btn,.datepicker-container.pwt-mobile-view .datepicker-time-view .up-btn{height:40px;line-height:40px} + +/*# sourceMappingURL=persian-datepicker.min.css.map */ \ No newline at end of file diff --git a/public/dist/css/popstyle.css b/public/dist/css/popstyle.css new file mode 100644 index 00000000..bab53aa5 --- /dev/null +++ b/public/dist/css/popstyle.css @@ -0,0 +1,97 @@ +.customPopupStyle .popup { + width: 276px; + } + .popup .popupTitle { + border-bottom: 1px solid #afafaf; + margin: 5px 0; + display: flex; + direction: rtl; + /* flex-wrap: nowrap; */ + } + .popupHeaderContent { + text-align: justify; + display: inline; + } + .popupHeaderContent > .popUpBanner { + margin: 5px; + font-size: 11px; + } + .popupContent { + display: flex; + flex-wrap: wrap; + direction: rtl; + width: 100%; + } + .popupContent .popUpBoxlevel { + width: 33%; + width: 50px; + height: auto; + margin: 5px; + padding: 2%; + border-radius: 5px; + text-align: center; + box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); + } + .customPopupStyle .popupContent .popUpBoxlevel { + width: 82px !important; + } + .popupContent .popUpBoxlevel span { + color: #0051cd; + display: block; + font-size: 7px; + } + .popUpBoxContent { + font-size: 10px; + font-weight: 500; + margin-top: 8px; + } + .popUpBoxContent { + font-family: "IRANSansFaNum", sans-serif; + } + .popupContent .popUpBoxlevel { + width: 33%; + width: 50px; + height: auto; + margin: 5px; + padding: 2%; + border-radius: 5px; + text-align: center; + box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); + } + .customPopupStyle .popupContent .popUpBoxlevel { + width: 82px !important; + } + .navbar-nav { + padding-bottom: 10px; + } + .popupContent-button { + display: flex; + flex-wrap: nowrap; + direction: rtl; + width: 100%; + margin: 5px 0; + } + .popupContent-button > .popup-btn-edit-point { + font-size: 11px; + width: 100%; + border: 0; + padding: 8px 12px; + margin: 0 5px; + border-radius: 5px; + box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); + background-color: #0051cd; + color: #fff; + font-weight: 500; + } + .navbar-sp { + color: #ffffff !important; + font-size: 10px; + margin-top: 15px; + } + .modal-title { + font-size: 15px !important; + } + label:not(.form-check-label):not(.custom-file-label) { + font-weight: 500 !important; + font-size: 12px !important; +} \ No newline at end of file diff --git a/public/dist/css/posters.css b/public/dist/css/posters.css new file mode 100644 index 00000000..330fac8c --- /dev/null +++ b/public/dist/css/posters.css @@ -0,0 +1,632 @@ +body { + background: rgb(229 229 229); +} +.page{ + width: 1500px; + height: 1155px; + margin: 0 auto; + margin-top: 4px; +} + +fieldset { + border: 1px solid #999; + background: #fff; + border-radius: 4px; +} + +fieldset legend{ + display: flex; + width: auto; + justify-content: center; + text-align: center; + padding: 2px 15px; + font-size: 12px; + font-weight: 500; + border: 1px solid #325472; + border-radius: 4px; + background: #577590; + color: #ffffff; + margin-bottom: 0.25rem; +} + +.bar-road-items-line-box { + position: absolute; + width: 100%; + height: 90%; + top: 5%; + display: flex; +} + +.bar-road-items-line { + width: 1px; + height: 100%; + margin: 0 auto; + position: absolute; + left: 15px; + background: #fff; +} + +.bar-road-items-line-box .bar-road-items-line-box-inline-box { + height: 100%; + width: 80%; + display: flex; + flex-direction: column; + justify-content: space-between; + margin: 0px 5px; +} + +.bar-road-items-line-box .bar-road-items-line-box-inline-box .bar-road-items-line-box-inline { + width: 100%; + height: 1px; + background: #fff; +} + +.users-counter-box .users-counter-img{ + height: 40px; +} +.users-counter-box .users-counter-data{ + font-size: 24px; + color: #577590; +} +.users-counter-box .users-counter-title{ + color: #666; +} + +.users-tops p{ + text-align: justify; + line-height: 1.6; + font-size: 15px; +} + +.users-tops p span{ + color: #666; +} + +.users-tops p strong{ + color: #577590; +} + +.project-tops p{ + text-align: justify; + line-height: 1.6; + font-size: 16px; +} + +.project-tops p span{ + color: #666; +} + +.project-tops p strong{ + color: #577590; +} + +.patrol-counter-box .patrol-counter-img{ + height: 50px; +} + +.patrol-counter-box .patrol-counter-title{ + color: #666; +} + +.patrol-counter-box .patrol-counter-data{ + font-size: 24px; + color: #43aa8b; +} + +.tops-patrol-container{ + position: relative; + flex-basis: 470px; + height: 320px; + padding: 35px 0; +} + +.tops-patrol-container .tops-patrol-box{ + position: absolute; + width: 250px; + height: 250px; + z-index: 2; + display: flex; + justify-content: center; + align-items: center; + left: 0; +} +.tops-patrol-container .tops-patrol-box .tops-patrol-line { + position: absolute; + height: 30px; + left: 125px; + border-radius: 10px; +} + +.tops-patrol-container .tops-patrol-box .tops-patrol-title { + position: absolute; + height: 30px; + border-radius: 15px; + width: 60px; +} + +.tops-patrol-container .tops-patrol-box .tops-patrol-arrow { + width: 0; + height: 0; + border-top: 15px solid transparent; + border-bottom: 15px solid transparent; + position: absolute; + left: 364px; +} + +.tops-patrol-container .tops-patrol-box .tops-patrol-title .tops-patrol-title-data { + font-size: 16px; +} + +.tops-patrol-container .tops-patrol-box .tops-patrol-line .tops-patrol-line-data { + font-size: 13px; +} + +.fast-react-bottons { + text-align: justify; + font-size: 12px; + color: #666; +} + +.fast-react-counter-container-1{ + background: #577590; + color: #fff; +} + +.fast-react-counter-container-2{ + background: #577590; + color: #fff; +} + +.fast-react-counter-container-2-title { + font-weight: 500; + color: #f9c74f; +} + +.fast-react-counter-img{ + height: 30px; +} + +.fast-react-counter-title{ + font-size: 11px; + font-weight: 500; + text-align: center; +} + +.fast-react-counter-data{ + font-weight: 500; + font-size: 18px +} + +/* yasi start map css */ +.map-data-box{ + background-color: #fff; + border-radius: .25rem; + max-width: 100%; + height: 100% !important; + position: relative; +} +.map-data-box-project{ +padding: .25rem; + background-color: #fff; + border-radius: .25rem; + max-width: 100%; + height: 450px !important; +} + .leaflet-container { + background: none; + } + .map-data{ + width: 100%; + height: 100%; + } + .beacon { + position: absolute; + top: 50%; + left: 38%; + background-color: #007bff; + height: 0.4em; + width: 0.4em; + border-radius: 50%; + z-index: 1010; + } + .beacon-red { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; + } + .marker-cluster div { + font-family: "IRANSansFaNum"; + } + .marker-cluster-small div { + background-color: #db4f4aaf; + } + .marker-cluster-medium div { + background-color: #f9c74faf; + width: 45px !important; + height: 45px !important; + border-radius: 50% !important; + } + .marker-cluster-large div { + background-color: #43aa8baf; + width: 55px !important; + height: 55px !important; + border-radius: 50% !important; + } + .marker-cluster-medium span{ + line-height: 40px; + } + .marker-cluster-large span{ + line-height: 50px; + } +/* yasi end map css */ + +/* amir */ + +.bar-road-items-box { + width: 30px; + color: #fff; + position: relative; +} + +.bar-road-items-box .bar-road-items-5 { + background-color: #43aa8b; + border-top-left-radius: 15px; + border-top-right-radius: 15px; + height: 20%; +} +.bar-road-items-box .bar-road-items-4 { + background-color: #90be6d; + height: 20%; +} +.bar-road-items-box .bar-road-items-3 { + background-color: #f9c74f; + height: 20%; +} +.bar-road-items-box .bar-road-items-2 { + background-color: #f8961e; + height: 20%; +} +.bar-road-items-box .bar-road-items-1 { + background-color: #f3722c; + border-bottom-left-radius: 15px; + border-bottom-right-radius: 15px; + height: 20%; +} +.bar-road-items-count { + position: absolute; + left: 5px; + font-size: 12px; + font-weight: bold; + color: #666; +} + +.bar-road-items-top-box { + background: #52c3a1; + border-radius: 8px; + font-size: 14px; + line-height: 1.9; + text-align: justify; + border-top-left-radius: 0; + padding: 5px 10px; + border: 1px solid #1c7c60; + color: #08382a; +} + +.bar-road-items-bottom-box{ + background: #fb7932; + border-radius: 8px; + font-size: 14px; + line-height: 1.9; + text-align: justify; + border-bottom-left-radius: 0; + padding: 5px 10px; + border: 1px solid #c35317; + color: #461f09; +} +/* end amir */ + +/* topic style [mohammad] */ +.topic { + background-color: #277da1; + border-radius: 4px; + border: 1px solid #1a6585; +} +.topic-p { + font-size: 18px; + font-weight: 700; + color: #fff; +} +.topic-p-rms { + width: inherit; + border-bottom: 1px dashed #b5a7a7; + border-top: 1px dashed #b5a7a7; + color: #f9c74f; + font-size: 50px; + font-weight: 700; + letter-spacing: 0.2em; +} +.tollhouse-counter-box { + gap: 10px; +} +.tollhouse-counter-box .tollhouse-counter-img{ + height: 60px; +} + +.tollhouse-counter-box .tollhouse-counter-title{ + color: #666; +} + +.tollhouse-counter-box .tollhouse-counter-data{ + font-size: 18px; + color: #43aa8b; +} + +.tollhouse-fine-details-box { + border-bottom: 2px dashed #e1e1e1; + margin-bottom: 10px; +} + +.tollhouse-fine-details-box:last-child { + border-bottom: 0px !important; + margin-bottom: 0px !important; +} + +.tollhouse-fine-details-box .tollhouse-fine-details-img{ + height: 60px; +} + +.tollhouse-fine-details-box .tollhouse-fine-details-title{ + color: #666; +} + +.tollhouse-fine-details-box .tollhouse-fine-details-data{ + font-size: 18px; + color: #43aa8b; +} +/* end topic style */ + +.progress-project-container{ + height: 50px; +} + + +.progress-project-title{ + padding: 5px 10px; + padding-left: 15px; + margin-left: -10px; + border-radius: 20px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border: 2px solid; + font-size: 14px; + font-weight: bold; + flex: 0 0 20%; + max-width: 20%; +} + +.progress-project-box{ + border-radius: 25px; +} + +.progress-project-data{ + height: 50px; + width: 50px; + border-radius: 25px; + z-index: 2; + border: 2px solid; + font-size: 16px; + font-weight: bold; +} + +.progress-project-progress-bar{ + margin-right: -25px; + z-index: 1; + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; + border: 2px solid; +} + +.progress-project-progress-bar .progress-project-bar{ + border-radius: 25px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.progress-project-growth{ + margin-right: -50px; + padding-right: 50px; + border-radius: 25px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + font-size: 14px; + font-weight: bold; +} + +.progress-project-orange .progress-project-title { + border-color: #f3722c; + background: #ffece2; + color: #f3722c; +} +.progress-project-orange .progress-project-data { + border-color: #f3722c; + background: #ffece2; + color: #f3722c; +} +.progress-project-orange .progress-project-progress-bar { + background: #fff; + border-color: #f3722c; + box-shadow: inset 0 0 10px #f3722c; +} +.progress-project-orange .progress-project-progress-bar .progress-project-bar { + background: #f3722c; +} +.progress-project-orange .progress-project-growth { + background: #f3722c; + color: #fff; +} + + +.progress-project-red .progress-project-title { + border-color: #db504a; + background: #fbeeed; + color: #db504a; +} +.progress-project-red .progress-project-data { + border-color: #db504a; + background: #fbeeed; + color: #db504a; +} +.progress-project-red .progress-project-progress-bar { + background: #fff; + border-color: #db504a; + box-shadow: inset 0 0 10px #db504a; +} +.progress-project-red .progress-project-progress-bar .progress-project-bar { + background: #db504a; +} +.progress-project-red .progress-project-growth { + background: #db504a; + color: #fff; +} + + +.progress-project-green .progress-project-title { + border-color: #67bd50; + background: #eff9ec; + color: #67bd50; +} +.progress-project-green .progress-project-data { + border-color: #67bd50; + background: #eff9ec; + color: #67bd50; +} +.progress-project-green .progress-project-progress-bar { + background: #fff; + border-color: #67bd50; + box-shadow: inset 0 0 10px #67bd50; +} +.progress-project-green .progress-project-progress-bar .progress-project-bar { + background: #67bd50; +} +.progress-project-green .progress-project-growth { + background: #67bd50; + color: #fff; +} + + +.progress-project-blue .progress-project-title { + border-color: #277da1; + background: #e1eef3; + color: #277da1; +} +.progress-project-blue .progress-project-data { + border-color: #277da1; + background: #e1eef3; + color: #277da1; +} +.progress-project-blue .progress-project-progress-bar { + background: #fff; + border-color: #277da1; + box-shadow: inset 0 0 10px #277da1; +} +.progress-project-blue .progress-project-progress-bar .progress-project-bar { + background: #277da1; +} +.progress-project-blue .progress-project-growth { + background: #277da1; + color: #fff; +} + + +.progress-project-dark-blue .progress-project-title { + border-color: #577590; + background: #f1f5f9; + color: #577590; +} +.progress-project-dark-blue .progress-project-data { + border-color: #577590; + background: #f1f5f9; + color: #577590; +} +.progress-project-dark-blue .progress-project-progress-bar { + background: #fff; + border-color: #577590; + box-shadow: inset 0 0 10px #577590; +} +.progress-project-dark-blue .progress-project-progress-bar .progress-project-bar { + background: #577590; +} +.progress-project-dark-blue .progress-project-growth { + background: #577590; + color: #fff; +} + + +.progress-project-green-blue .progress-project-title { + border-color: #43aa8b; + background: #e8fff7; + color: #43aa8b; +} +.progress-project-green-blue .progress-project-data { + border-color: #43aa8b; + background: #e8fff7; + color: #43aa8b; +} +.progress-project-green-blue .progress-project-progress-bar { + background: #fff; + border-color: #43aa8b; + box-shadow: inset 0 0 10px #43aa8b; +} +.progress-project-green-blue .progress-project-progress-bar .progress-project-bar { + background: #43aa8b; +} +.progress-project-green-blue .progress-project-growth { + background: #43aa8b; + color: #fff; +} + +.map-data-box-project .map-guid { + position: absolute; + bottom: 30px; + left: 50px; + width: 90px; + height: 125px; + background-color: #ffffff; + z-index: 400; + padding: 10px; + color: #666; + border: 1px solid #aaa; + border-radius: 8px; +} + +.map-data-box-project .map-guid p { + font-size: 11px; + margin-bottom: 5px; + font-weight: bold; +} + +.road-items-counter{ + position: absolute; + bottom: 15px; + left: 15px; + background: #3593bb; + border-radius: 8px; + border: 1px solid #195974; + color: #fff; +} + +.road-items-counter .road-items-counter-title{ + font-size: 12px; +} + +.road-items-counter .road-items-counter-data{ + font-size: 20px; +} + +@media print { + @page {size: landscape} + + body, .page { + box-shadow: 0; + page-break-after: always; + } +} \ No newline at end of file diff --git a/public/dist/css/randd-rating-form.css b/public/dist/css/randd-rating-form.css new file mode 100644 index 00000000..981711d3 --- /dev/null +++ b/public/dist/css/randd-rating-form.css @@ -0,0 +1,196 @@ +.print { + display: none; +} +.no-print { + display: block; +} + +.title-page { + margin-right: -200px; +} + +tbody tr .dynamic-question-radio, +tbody tr .dynamic-question-radio label, +tbody tr .dynamic-question-radio label input, +tbody tr .static-question-radio, +tbody tr .static-question-radio label, +tbody tr .static-question-radio label input { + cursor: pointer; + user-select: none; +} + +* { + font-family: "IRANSansFaNum"; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +input[type="number"] { + -moz-appearance: textfield; +} + +.totalscore { + background-color: #015688; + color: #fff; + border: none; +} + +@media print { + body { + zoom: 65%; + } + .print { + display: inherit; + } + .no-print { + display: none; + } + + .scale { + width: 100% !important; + max-width: 100% !important; + } + + .margin-for-footer { + margin-bottom: 0; + } + + .for_all_type th { + color: #333; + } + + #table-rating-form input[type="radio"] { + display: none; + } + + #table-rating-form input[type="radio"]:checked { + display: initial; + } +} + + /* Extra small devices (phones, 600px and down) */ +@media only screen and (max-width: 600px) { + .head-title-table { + font-size: 12px; + } + + tbody th { + font-size: 12px; + } + + .totalscore { + font-size: 18px; + } + + .info-scorer { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + padding-right: 7.5px; + padding-left: 7.5px; + font-size: 13px; + } +} + +/* Small devices (portrait tablets and large phones, 600px and up) */ +@media only screen and (min-width: 600px) { + .head-title-table { + font-size: 16spx; + } + + tbody th { + font-size: 13px; + } + + .totalscore { + font-size: 20px; + } +} + +/* Medium devices (landscape tablets, 768px and up) */ +@media only screen and (min-width: 768px) { + .head-title-table { + font-size: 16px; + } + + tbody th { + font-size: 13px; + } + + .totalscore { + font-size: 22px; + } +} + +/* Large devices (laptops/desktops, 992px and up) */ +@media only screen and (min-width: 992px) { + .head-title-table { + font-size: 18px; + } + + tbody th { + font-size: 13px; + } + + .totalscore { + font-size: 24px; + } +} + +/* Extra large devices (large laptops and desktops, 1200px and up) */ +@media only screen and (min-width: 1200px) { + .head-title-table { + font-size: 20px; + } + + tbody th { + font-size: 13px; + } + + .totalscore { + font-size: 24px; + } +} + +.logo-img { + width: 200px; +} + +.dynamic-question { + width: 100px; +} + +tbody th { + font-weight: 600; + color: #4962ac; + vertical-align: middle; +} +.table thead th,.table tbody th { + vertical-align: middle; +} + +.table tfoot th { + vertical-align: middle; +} + +.table th, .table td { + vertical-align: middle; +} + +.head-title-table { + color: #fff; + font-weight: bold; +} + +.info-scorer { + border: 1px solid #ccc; + border-radius: 4px; +} + +.margin-for-footer { + margin-bottom: 4rem; +} diff --git a/public/dist/css/responsive.css b/public/dist/css/responsive.css new file mode 100644 index 00000000..c5caf48e --- /dev/null +++ b/public/dist/css/responsive.css @@ -0,0 +1,32 @@ +/* table style */ +@media only screen and (max-width: 600px) { + .content-center-dataTable{ + top: -40px !important; + width: 100% !important; + + } + div.dt-buttons { + display: flex !important; + } + .parent-add-project-update { + top: -5px; + } + .body-table-style { + margin-bottom: 100px; + padding-top: 50px !important; + } +} +@media only screen and (max-width: 765px) and (min-width:600px) { + .content-center-dataTable{ + top: -40px !important; + } + .body-table-style { + margin-bottom: 100px; + padding-top: 50px !important; + } + div.dt-buttons { + display: flex !important; + } + +} +/* table style */ \ No newline at end of file diff --git a/public/dist/css/select2-bootstrap4.min.css b/public/dist/css/select2-bootstrap4.min.css new file mode 100644 index 00000000..6d365913 --- /dev/null +++ b/public/dist/css/select2-bootstrap4.min.css @@ -0,0 +1,2 @@ +.select2-container{display:block}.select2-container *:focus{outline:0}.input-group .select2-container--bootstrap4{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.input-group-prepend ~ .select2-container--bootstrap4 .select2-selection{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.select2-container--bootstrap4:not(:last-child) .select2-selection{border-top-right-radius:0;border-bottom-right-radius:0}.select2-container--bootstrap4 .select2-selection{width:100%;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.select2-container--bootstrap4 .select2-selection{-webkit-transition:none;transition:none}}.select2-container--bootstrap4.select2-container--focus .select2-selection{border-color:#80bdff;-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,0.25);box-shadow:0 0 0 .2rem rgba(0,123,255,0.25)}.select2-container--bootstrap4.select2-container--focus.select2-container--open .select2-selection{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection{border-top-left-radius:0;border-top-right-radius:0}.select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection{border-bottom-right-radius:0;border-bottom-left-radius:0}.select2-container--bootstrap4.select2-container--disabled .select2-selection,.select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection{cursor:not-allowed;background-color:#e9ecef;border-color:#ced4da;-webkit-box-shadow:none;box-shadow:none}.select2-container--bootstrap4.select2-container--disabled .select2-search__field,.select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-search__field{background-color:transparent}select.is-invalid ~ .select2-container--bootstrap4 .select2-selection,form.was-validated select:invalid ~ .select2-container--bootstrap4 .select2-selection{border-color:#dc3545}select.is-valid ~ .select2-container--bootstrap4 .select2-selection,form.was-validated select:valid ~ .select2-container--bootstrap4 .select2-selection{border-color:#28a745}.select2-container--bootstrap4 .select2-search{width:100%}.select2-container--bootstrap4 .select2-dropdown{border-color:#ced4da;border-radius:0}.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below{border-top:none;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above{border-top:1px solid #ced4da;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"]{color:#212529;background-color:#f2f2f2}.select2-container--bootstrap4 .select2-results__option--highlighted,.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"]{color:#fff;background-color:#007bff}.select2-container--bootstrap4 .select2-results__option[role="group"]{padding:0}.select2-container--bootstrap4 .select2-results__option[role="group"] .select2-results__options--nested .select2-results__option{padding-left:1em}.select2-container--bootstrap4 .select2-results__option{padding:.375rem .75rem}.select2-container--bootstrap4 .select2-results>.select2-results__options{max-height:15em;overflow-y:auto}.select2-container--bootstrap4 .select2-results__group{display:list-item;padding:6px;color:#6c757d}.select2-container--bootstrap4 .select2-selection__clear{float:right;width:.9em;height:.9em;padding-left:.15em;margin-top:.7em;margin-right:.3em;line-height:.75em;color:#f8f9fa;background-color:#c8c8c8;border-radius:100%}.select2-container--bootstrap4 .select2-selection__clear:hover{background-color:#afafaf}.select2-container--bootstrap4 .select2-selection--single{height:calc(1.5em + .75rem + 2px) !important}.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder{line-height:calc(1.5em + .75rem);color:#6c757d}.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{position:absolute;top:50%;right:3px;width:20px}.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{position:absolute;top:60%;left:50%;width:0;height:0;margin-top:-2px;margin-left:-4px;border-color:#343a40 transparent transparent transparent;border-style:solid;border-width:5px 4px 0}.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{padding-left:.75rem;line-height:calc(1.5em + .75rem);color:#495057}.select2-search--dropdown .select2-search__field{padding:.375rem .75rem;border:1px solid #ced4da;border-radius:.25rem}.select2-results__message{color:#6c757d}.select2-container--bootstrap4 .select2-selection--multiple{min-height:calc(1.5em + .75rem + 2px) !important}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 .375rem;margin:0;list-style:none}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{float:left;padding:0;padding-right:.75rem;margin-top:calc(.375rem - 2px);margin-right:.375rem;color:#495057;cursor:pointer;border:1px solid #bdc6d0;border-radius:.2rem}.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field{color:#495057}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice+.select2-search{width:0}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove{float:left;padding-right:3px;padding-left:3px;margin-right:1px;margin-left:3px;font-weight:700;color:#bdc6d0}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover{color:#343a40}.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear{position:absolute !important;top:0;right:.7em;float:none;margin-right:0}.select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice{padding:0 5px;cursor:not-allowed}.select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{display:none} + diff --git a/public/dist/css/splide.min.css b/public/dist/css/splide.min.css new file mode 100644 index 00000000..32808ec3 --- /dev/null +++ b/public/dist/css/splide.min.css @@ -0,0 +1 @@ +@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__container{position:relative;box-sizing:border-box}.splide__list{margin:0!important;padding:0!important;width:-webkit-max-content;width:max-content;will-change:transform}.splide.is-active .splide__list{display:flex}.splide__pagination{display:inline-flex;align-items:center;width:95%;flex-wrap:wrap;justify-content:center;margin:0}.splide__pagination li{list-style-type:none;display:inline-block;line-height:1;margin:0}.splide{visibility:hidden}.splide,.splide__slide{position:relative;outline:none}.splide__slide{box-sizing:border-box;list-style-type:none!important;margin:0;flex-shrink:0}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #999;border-left-color:transparent;animation:splide-loading 1s linear infinite}.splide__track{position:relative;z-index:0;overflow:hidden}.splide--draggable>.splide__track>.splide__list>.splide__slide{-webkit-user-select:none;user-select:none}.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__track>.splide__list>.splide__slide{position:absolute;top:0;left:0;z-index:0;opacity:0}.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{position:relative;z-index:1;opacity:1}.splide--rtl{direction:rtl}.splide--ttb>.splide__track>.splide__list{display:block}.splide--ttb>.splide__pagination{width:auto}.splide__arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:2em;height:2em;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;padding:0;opacity:.7;background:#ccc}.splide__arrow svg{width:1.2em;height:1.2em}.splide__arrow:hover{cursor:pointer;opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{position:absolute;z-index:1;bottom:.5em;left:50%;transform:translateX(-50%);padding:0}.splide__pagination__page{display:inline-block;width:8px;height:8px;background:#ccc;border-radius:50%;margin:3px;padding:0;transition:transform .2s linear;border:none;opacity:.7}.splide__pagination__page.is-active{transform:scale(1.4);background:#fff}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{width:0;height:3px;background:#ccc}.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent}.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border-color:#000}.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{right:1em;left:auto}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{top:auto;bottom:1em}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination{display:flex;flex-direction:column;bottom:50%;left:auto;right:.5em;transform:translateY(50%)} \ No newline at end of file diff --git a/public/dist/css/tablestyle.css b/public/dist/css/tablestyle.css new file mode 100644 index 00000000..20536ed2 --- /dev/null +++ b/public/dist/css/tablestyle.css @@ -0,0 +1,135 @@ +/* table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { + display:none +} +table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{ + display:none +} */ + +.table tbody { + font-size: 10px !important; +} + +.table thead tr { + font-size: 10px !important; +} + +.table thead tr th { + text-align: center; +} + +table.dataTable thead>tr>th.sorting_asc, +table.dataTable thead>tr>th.sorting_desc, +table.dataTable thead>tr>th.sorting, +table.dataTable thead>tr>td.sorting_asc, +table.dataTable thead>tr>td.sorting_desc, +table.dataTable thead>tr>td.sorting { + padding-right: 10px !important; +} + +div.dataTables_wrapper div.dataTables_info { + padding-top: 0.85em; + font-family: 'IRANSansFaNum'; + white-space: nowrap; + font-size: 14px !important; +} + +div.dataTables_wrapper div.dataTables_paginate { + margin: 0; + white-space: nowrap; + text-align: right; + font-size: 14px; +} + +.dataTables_paginate .pagination li.page-item a { + border: 1px solid #e1e1e1 !important; +} + +.pagination>.page-item>.page-link, +.pagination>.page-item>span { + border: 0; + /* border-radius: 30px !important; */ + transition: all 0.3s; + padding: 0 11px; + margin: 0 0px; + min-width: 30px; + height: 30px; + line-height: 30px; + /* color: #999; */ + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + background: transparent; + text-align: center; +} + +.page-item.active .page-link { + background: #ff5c0f !important; + box-shadow: unset; +} + +@keyframes loader { + 0% { + transform: rotate(0deg); + } + 25% { + transform: rotate(180deg); + } + 50% { + transform: rotate(180deg); + } + 75% { + transform: rotate(360deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes loader-inner { + 0% { + height: 0%; + } + 25% { + height: 0%; + } + 50% { + height: 100%; + } + 75% { + height: 100%; + } + 100% { + height: 0%; + } +} + +.divloader { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 1200; +} + +.loader { + display: inline-block; + width: 40px; + height: 40px; + position: relative; + border: 4px solid #ff5c0f; + top: 0; + animation: loader 2s infinite ease; +} + +.loader-inner { + vertical-align: top; + display: inline-block; + width: 100%; + background-color: #fff; + animation: loader-inner 2s infinite ease-in; +} \ No newline at end of file diff --git a/public/dist/fonts/eot/IRANSansWeb(FaNum).eot b/public/dist/fonts/eot/IRANSansWeb(FaNum).eot new file mode 100644 index 00000000..5a6fdd08 Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb(FaNum).eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb(FaNum)_Black.eot b/public/dist/fonts/eot/IRANSansWeb(FaNum)_Black.eot new file mode 100644 index 00000000..a012bc6f Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb(FaNum)_Black.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb(FaNum)_Bold.eot b/public/dist/fonts/eot/IRANSansWeb(FaNum)_Bold.eot new file mode 100644 index 00000000..82525e52 Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb(FaNum)_Bold.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb(FaNum)_Light.eot b/public/dist/fonts/eot/IRANSansWeb(FaNum)_Light.eot new file mode 100644 index 00000000..f8990084 Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb(FaNum)_Light.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb(FaNum)_Medium.eot b/public/dist/fonts/eot/IRANSansWeb(FaNum)_Medium.eot new file mode 100644 index 00000000..117c2c80 Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb(FaNum)_Medium.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot b/public/dist/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot new file mode 100644 index 00000000..9cd9b66a Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb.eot b/public/dist/fonts/eot/IRANSansWeb.eot new file mode 100644 index 00000000..553eec82 Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb_Black.eot b/public/dist/fonts/eot/IRANSansWeb_Black.eot new file mode 100644 index 00000000..ee7c6a01 Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb_Black.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb_Bold.eot b/public/dist/fonts/eot/IRANSansWeb_Bold.eot new file mode 100644 index 00000000..746a6e62 Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb_Bold.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb_Light.eot b/public/dist/fonts/eot/IRANSansWeb_Light.eot new file mode 100644 index 00000000..f79a681b Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb_Light.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb_Medium.eot b/public/dist/fonts/eot/IRANSansWeb_Medium.eot new file mode 100644 index 00000000..8b31d6bc Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb_Medium.eot differ diff --git a/public/dist/fonts/eot/IRANSansWeb_UltraLight.eot b/public/dist/fonts/eot/IRANSansWeb_UltraLight.eot new file mode 100644 index 00000000..fd4b2056 Binary files /dev/null and b/public/dist/fonts/eot/IRANSansWeb_UltraLight.eot differ diff --git a/public/dist/fonts/ttf/IRANSansOnlyNumeral.ttf b/public/dist/fonts/ttf/IRANSansOnlyNumeral.ttf new file mode 100644 index 00000000..617bbe50 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansOnlyNumeral.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansOnlyNumeral_Black.ttf b/public/dist/fonts/ttf/IRANSansOnlyNumeral_Black.ttf new file mode 100644 index 00000000..7b03e32c Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansOnlyNumeral_Black.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansOnlyNumeral_Bold.ttf b/public/dist/fonts/ttf/IRANSansOnlyNumeral_Bold.ttf new file mode 100644 index 00000000..48a5b42b Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansOnlyNumeral_Bold.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansOnlyNumeral_Light.ttf b/public/dist/fonts/ttf/IRANSansOnlyNumeral_Light.ttf new file mode 100644 index 00000000..05731382 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansOnlyNumeral_Light.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansOnlyNumeral_UltraLight.ttf b/public/dist/fonts/ttf/IRANSansOnlyNumeral_UltraLight.ttf new file mode 100644 index 00000000..451ec6e4 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansOnlyNumeral_UltraLight.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansOnlyNumral_Medium.ttf b/public/dist/fonts/ttf/IRANSansOnlyNumral_Medium.ttf new file mode 100644 index 00000000..8534b9e1 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansOnlyNumral_Medium.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb(FaNum).ttf b/public/dist/fonts/ttf/IRANSansWeb(FaNum).ttf new file mode 100644 index 00000000..cd74265c Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb(FaNum).ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf new file mode 100644 index 00000000..0f84dbf9 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf new file mode 100644 index 00000000..6fa2412b Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf new file mode 100644 index 00000000..d9000c95 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf new file mode 100644 index 00000000..e20001c6 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf new file mode 100644 index 00000000..00726063 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb.ttf b/public/dist/fonts/ttf/IRANSansWeb.ttf new file mode 100644 index 00000000..7416c533 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb_Black.ttf b/public/dist/fonts/ttf/IRANSansWeb_Black.ttf new file mode 100644 index 00000000..df4928f6 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb_Black.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb_Bold.ttf b/public/dist/fonts/ttf/IRANSansWeb_Bold.ttf new file mode 100644 index 00000000..158fbaa9 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb_Bold.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb_Light.ttf b/public/dist/fonts/ttf/IRANSansWeb_Light.ttf new file mode 100644 index 00000000..3060c60b Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb_Light.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb_Medium.ttf b/public/dist/fonts/ttf/IRANSansWeb_Medium.ttf new file mode 100644 index 00000000..6dd6c5df Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb_Medium.ttf differ diff --git a/public/dist/fonts/ttf/IRANSansWeb_UltraLight.ttf b/public/dist/fonts/ttf/IRANSansWeb_UltraLight.ttf new file mode 100644 index 00000000..7ebe1bf2 Binary files /dev/null and b/public/dist/fonts/ttf/IRANSansWeb_UltraLight.ttf differ diff --git a/public/dist/fonts/woff/IRANSansOnlyNumeral.woff b/public/dist/fonts/woff/IRANSansOnlyNumeral.woff new file mode 100644 index 00000000..39094a69 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansOnlyNumeral.woff differ diff --git a/public/dist/fonts/woff/IRANSansOnlyNumeral_Black.woff b/public/dist/fonts/woff/IRANSansOnlyNumeral_Black.woff new file mode 100644 index 00000000..a5b2d07d Binary files /dev/null and b/public/dist/fonts/woff/IRANSansOnlyNumeral_Black.woff differ diff --git a/public/dist/fonts/woff/IRANSansOnlyNumeral_Bold.woff b/public/dist/fonts/woff/IRANSansOnlyNumeral_Bold.woff new file mode 100644 index 00000000..f9230c84 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansOnlyNumeral_Bold.woff differ diff --git a/public/dist/fonts/woff/IRANSansOnlyNumeral_Light.woff b/public/dist/fonts/woff/IRANSansOnlyNumeral_Light.woff new file mode 100644 index 00000000..46a4df4f Binary files /dev/null and b/public/dist/fonts/woff/IRANSansOnlyNumeral_Light.woff differ diff --git a/public/dist/fonts/woff/IRANSansOnlyNumeral_UltraLight.woff b/public/dist/fonts/woff/IRANSansOnlyNumeral_UltraLight.woff new file mode 100644 index 00000000..212b5852 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansOnlyNumeral_UltraLight.woff differ diff --git a/public/dist/fonts/woff/IRANSansOnlyNumral_Medium.woff b/public/dist/fonts/woff/IRANSansOnlyNumral_Medium.woff new file mode 100644 index 00000000..18ebbf83 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansOnlyNumral_Medium.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb(FaNum).woff b/public/dist/fonts/woff/IRANSansWeb(FaNum).woff new file mode 100644 index 00000000..e34dfc48 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb(FaNum).woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb(FaNum)_Black.woff b/public/dist/fonts/woff/IRANSansWeb(FaNum)_Black.woff new file mode 100644 index 00000000..bbbca771 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb(FaNum)_Black.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb(FaNum)_Bold.woff b/public/dist/fonts/woff/IRANSansWeb(FaNum)_Bold.woff new file mode 100644 index 00000000..05d933ec Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb(FaNum)_Bold.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb(FaNum)_Light.woff b/public/dist/fonts/woff/IRANSansWeb(FaNum)_Light.woff new file mode 100644 index 00000000..fe80d475 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb(FaNum)_Light.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb(FaNum)_Medium.woff b/public/dist/fonts/woff/IRANSansWeb(FaNum)_Medium.woff new file mode 100644 index 00000000..f13a870b Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb(FaNum)_Medium.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff b/public/dist/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff new file mode 100644 index 00000000..9c653a4b Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb.woff b/public/dist/fonts/woff/IRANSansWeb.woff new file mode 100644 index 00000000..abb63f20 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb_Black.woff b/public/dist/fonts/woff/IRANSansWeb_Black.woff new file mode 100644 index 00000000..12c8a6ed Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb_Black.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb_Bold.woff b/public/dist/fonts/woff/IRANSansWeb_Bold.woff new file mode 100644 index 00000000..801c55db Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb_Bold.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb_Light.woff b/public/dist/fonts/woff/IRANSansWeb_Light.woff new file mode 100644 index 00000000..99b8d5dd Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb_Light.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb_Medium.woff b/public/dist/fonts/woff/IRANSansWeb_Medium.woff new file mode 100644 index 00000000..322c3967 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb_Medium.woff differ diff --git a/public/dist/fonts/woff/IRANSansWeb_UltraLight.woff b/public/dist/fonts/woff/IRANSansWeb_UltraLight.woff new file mode 100644 index 00000000..31c21ca7 Binary files /dev/null and b/public/dist/fonts/woff/IRANSansWeb_UltraLight.woff differ diff --git a/public/dist/fonts/woff2/IRANSansWeb(FaNum).woff2 b/public/dist/fonts/woff2/IRANSansWeb(FaNum).woff2 new file mode 100644 index 00000000..30a377d5 Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb(FaNum).woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2 b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2 new file mode 100644 index 00000000..0b15441e Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2 b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2 new file mode 100644 index 00000000..f2353b26 Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2 b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2 new file mode 100644 index 00000000..562d663b Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2 b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2 new file mode 100644 index 00000000..a69f4d00 Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2 b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2 new file mode 100644 index 00000000..1114f718 Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb.woff2 b/public/dist/fonts/woff2/IRANSansWeb.woff2 new file mode 100644 index 00000000..21bbba58 Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb_Black.woff2 b/public/dist/fonts/woff2/IRANSansWeb_Black.woff2 new file mode 100644 index 00000000..da34aadc Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb_Black.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb_Bold.woff2 b/public/dist/fonts/woff2/IRANSansWeb_Bold.woff2 new file mode 100644 index 00000000..dd1436c9 Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb_Bold.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb_Light.woff2 b/public/dist/fonts/woff2/IRANSansWeb_Light.woff2 new file mode 100644 index 00000000..16dc9f1b Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb_Light.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb_Medium.woff2 b/public/dist/fonts/woff2/IRANSansWeb_Medium.woff2 new file mode 100644 index 00000000..5fb39d49 Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb_Medium.woff2 differ diff --git a/public/dist/fonts/woff2/IRANSansWeb_UltraLight.woff2 b/public/dist/fonts/woff2/IRANSansWeb_UltraLight.woff2 new file mode 100644 index 00000000..eeeec11c Binary files /dev/null and b/public/dist/fonts/woff2/IRANSansWeb_UltraLight.woff2 differ diff --git a/public/dist/images/bamaicons/arrow-left.svg b/public/dist/images/bamaicons/arrow-left.svg new file mode 100644 index 00000000..be37bc88 --- /dev/null +++ b/public/dist/images/bamaicons/arrow-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/dashboard/pinmarker_dashboard.png b/public/dist/images/dashboard/pinmarker_dashboard.png new file mode 100644 index 00000000..c537dd46 Binary files /dev/null and b/public/dist/images/dashboard/pinmarker_dashboard.png differ diff --git a/public/dist/images/dashboard/pinmarker_dashboard_active.png b/public/dist/images/dashboard/pinmarker_dashboard_active.png new file mode 100644 index 00000000..2296d68f Binary files /dev/null and b/public/dist/images/dashboard/pinmarker_dashboard_active.png differ diff --git a/public/dist/images/details_close.png b/public/dist/images/details_close.png new file mode 100644 index 00000000..9c7d6982 Binary files /dev/null and b/public/dist/images/details_close.png differ diff --git a/public/dist/images/details_open.png b/public/dist/images/details_open.png new file mode 100644 index 00000000..c0edf448 Binary files /dev/null and b/public/dist/images/details_open.png differ diff --git a/public/dist/images/icons/add-image.svg b/public/dist/images/icons/add-image.svg new file mode 100644 index 00000000..06a0dd67 --- /dev/null +++ b/public/dist/images/icons/add-image.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/icons/alertInstallAppLogo.png b/public/dist/images/icons/alertInstallAppLogo.png new file mode 100644 index 00000000..c2c0f1b9 Binary files /dev/null and b/public/dist/images/icons/alertInstallAppLogo.png differ diff --git a/public/dist/images/icons/gozareshmehvari.svg b/public/dist/images/icons/gozareshmehvari.svg new file mode 100644 index 00000000..43b9663c --- /dev/null +++ b/public/dist/images/icons/gozareshmehvari.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/dist/images/icons/item_location.png b/public/dist/images/icons/item_location.png new file mode 100644 index 00000000..2296d68f Binary files /dev/null and b/public/dist/images/icons/item_location.png differ diff --git a/public/dist/images/icons/process.svg b/public/dist/images/icons/process.svg new file mode 100644 index 00000000..6c4482d9 --- /dev/null +++ b/public/dist/images/icons/process.svg @@ -0,0 +1 @@ + diff --git a/public/dist/images/iran.svg b/public/dist/images/iran.svg new file mode 100644 index 00000000..311d3812 --- /dev/null +++ b/public/dist/images/iran.svg @@ -0,0 +1,45 @@ + + + + iran + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/dist/images/modalrms/1.jpg b/public/dist/images/modalrms/1.jpg new file mode 100644 index 00000000..8bd7521d Binary files /dev/null and b/public/dist/images/modalrms/1.jpg differ diff --git a/public/dist/images/modalrms/10.jpg b/public/dist/images/modalrms/10.jpg new file mode 100644 index 00000000..b4fd51c0 Binary files /dev/null and b/public/dist/images/modalrms/10.jpg differ diff --git a/public/dist/images/modalrms/100.jpg b/public/dist/images/modalrms/100.jpg new file mode 100644 index 00000000..70b0cda1 Binary files /dev/null and b/public/dist/images/modalrms/100.jpg differ diff --git a/public/dist/images/modalrms/101.jpg b/public/dist/images/modalrms/101.jpg new file mode 100644 index 00000000..e85caead Binary files /dev/null and b/public/dist/images/modalrms/101.jpg differ diff --git a/public/dist/images/modalrms/102.jpg b/public/dist/images/modalrms/102.jpg new file mode 100644 index 00000000..6fdf0f62 Binary files /dev/null and b/public/dist/images/modalrms/102.jpg differ diff --git a/public/dist/images/modalrms/103.jpg b/public/dist/images/modalrms/103.jpg new file mode 100644 index 00000000..390a2574 Binary files /dev/null and b/public/dist/images/modalrms/103.jpg differ diff --git a/public/dist/images/modalrms/104.jpg b/public/dist/images/modalrms/104.jpg new file mode 100644 index 00000000..3c68aa43 Binary files /dev/null and b/public/dist/images/modalrms/104.jpg differ diff --git a/public/dist/images/modalrms/105.jpg b/public/dist/images/modalrms/105.jpg new file mode 100644 index 00000000..f58b1377 Binary files /dev/null and b/public/dist/images/modalrms/105.jpg differ diff --git a/public/dist/images/modalrms/106.jpg b/public/dist/images/modalrms/106.jpg new file mode 100644 index 00000000..83151c76 Binary files /dev/null and b/public/dist/images/modalrms/106.jpg differ diff --git a/public/dist/images/modalrms/107.jpg b/public/dist/images/modalrms/107.jpg new file mode 100644 index 00000000..ac119205 Binary files /dev/null and b/public/dist/images/modalrms/107.jpg differ diff --git a/public/dist/images/modalrms/108.jpg b/public/dist/images/modalrms/108.jpg new file mode 100644 index 00000000..cfe32213 Binary files /dev/null and b/public/dist/images/modalrms/108.jpg differ diff --git a/public/dist/images/modalrms/109.jpg b/public/dist/images/modalrms/109.jpg new file mode 100644 index 00000000..c2a1f6ce Binary files /dev/null and b/public/dist/images/modalrms/109.jpg differ diff --git a/public/dist/images/modalrms/11.jpg b/public/dist/images/modalrms/11.jpg new file mode 100644 index 00000000..1a978e26 Binary files /dev/null and b/public/dist/images/modalrms/11.jpg differ diff --git a/public/dist/images/modalrms/110.jpg b/public/dist/images/modalrms/110.jpg new file mode 100644 index 00000000..3d060158 Binary files /dev/null and b/public/dist/images/modalrms/110.jpg differ diff --git a/public/dist/images/modalrms/111.jpg b/public/dist/images/modalrms/111.jpg new file mode 100644 index 00000000..3d060158 Binary files /dev/null and b/public/dist/images/modalrms/111.jpg differ diff --git a/public/dist/images/modalrms/112.jpg b/public/dist/images/modalrms/112.jpg new file mode 100644 index 00000000..847560ba Binary files /dev/null and b/public/dist/images/modalrms/112.jpg differ diff --git a/public/dist/images/modalrms/13.jpg b/public/dist/images/modalrms/13.jpg new file mode 100644 index 00000000..7b82862e Binary files /dev/null and b/public/dist/images/modalrms/13.jpg differ diff --git a/public/dist/images/modalrms/2.jpg b/public/dist/images/modalrms/2.jpg new file mode 100644 index 00000000..70bc777b Binary files /dev/null and b/public/dist/images/modalrms/2.jpg differ diff --git a/public/dist/images/modalrms/3.jpg b/public/dist/images/modalrms/3.jpg new file mode 100644 index 00000000..289ae287 Binary files /dev/null and b/public/dist/images/modalrms/3.jpg differ diff --git a/public/dist/images/modalrms/4.jpg b/public/dist/images/modalrms/4.jpg new file mode 100644 index 00000000..6b2378d8 Binary files /dev/null and b/public/dist/images/modalrms/4.jpg differ diff --git a/public/dist/images/modalrms/5.jpg b/public/dist/images/modalrms/5.jpg new file mode 100644 index 00000000..a3c4e808 Binary files /dev/null and b/public/dist/images/modalrms/5.jpg differ diff --git a/public/dist/images/modalrms/6.jpg b/public/dist/images/modalrms/6.jpg new file mode 100644 index 00000000..2ec8abbf Binary files /dev/null and b/public/dist/images/modalrms/6.jpg differ diff --git a/public/dist/images/modalrms/7.jpg b/public/dist/images/modalrms/7.jpg new file mode 100644 index 00000000..a50ff4f1 Binary files /dev/null and b/public/dist/images/modalrms/7.jpg differ diff --git a/public/dist/images/modalrms/8.jpg b/public/dist/images/modalrms/8.jpg new file mode 100644 index 00000000..8091e7f0 Binary files /dev/null and b/public/dist/images/modalrms/8.jpg differ diff --git a/public/dist/images/modalrms/9.jpg b/public/dist/images/modalrms/9.jpg new file mode 100644 index 00000000..f49ca940 Binary files /dev/null and b/public/dist/images/modalrms/9.jpg differ diff --git a/public/dist/images/modalrms/Asset 10.png b/public/dist/images/modalrms/Asset 10.png new file mode 100644 index 00000000..5caae6cc Binary files /dev/null and b/public/dist/images/modalrms/Asset 10.png differ diff --git a/public/dist/images/modalrms/Asset 11.png b/public/dist/images/modalrms/Asset 11.png new file mode 100644 index 00000000..0b35b8eb Binary files /dev/null and b/public/dist/images/modalrms/Asset 11.png differ diff --git a/public/dist/images/modalrms/Asset 12.png b/public/dist/images/modalrms/Asset 12.png new file mode 100644 index 00000000..6c29c353 Binary files /dev/null and b/public/dist/images/modalrms/Asset 12.png differ diff --git a/public/dist/images/modalrms/Asset 7.png b/public/dist/images/modalrms/Asset 7.png new file mode 100644 index 00000000..a4d0cbfb Binary files /dev/null and b/public/dist/images/modalrms/Asset 7.png differ diff --git a/public/dist/images/modalrms/Asset 9.png b/public/dist/images/modalrms/Asset 9.png new file mode 100644 index 00000000..a7b7a0c9 Binary files /dev/null and b/public/dist/images/modalrms/Asset 9.png differ diff --git a/public/dist/images/modalrms/RMSLOGO1.svg b/public/dist/images/modalrms/RMSLOGO1.svg new file mode 100644 index 00000000..5c479913 --- /dev/null +++ b/public/dist/images/modalrms/RMSLOGO1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/modalrms/RMSLOGO2.svg b/public/dist/images/modalrms/RMSLOGO2.svg new file mode 100644 index 00000000..93bc5933 --- /dev/null +++ b/public/dist/images/modalrms/RMSLOGO2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/modalrms/RMS_logo3.svg b/public/dist/images/modalrms/RMS_logo3.svg new file mode 100644 index 00000000..f5943add --- /dev/null +++ b/public/dist/images/modalrms/RMS_logo3.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + diff --git a/public/dist/images/modalrms/briefing.png b/public/dist/images/modalrms/briefing.png new file mode 100644 index 00000000..a82b0631 Binary files /dev/null and b/public/dist/images/modalrms/briefing.png differ diff --git a/public/dist/images/modalrms/car-collision.svg b/public/dist/images/modalrms/car-collision.svg new file mode 100644 index 00000000..ecd2658d --- /dev/null +++ b/public/dist/images/modalrms/car-collision.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/dist/images/modalrms/globe.svg b/public/dist/images/modalrms/globe.svg new file mode 100644 index 00000000..372556ef --- /dev/null +++ b/public/dist/images/modalrms/globe.svg @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/dist/images/modalrms/headerLogo.png b/public/dist/images/modalrms/headerLogo.png new file mode 100644 index 00000000..86dbfcde Binary files /dev/null and b/public/dist/images/modalrms/headerLogo.png differ diff --git a/public/dist/images/modalrms/photo/1.jpg b/public/dist/images/modalrms/photo/1.jpg new file mode 100644 index 00000000..70bc777b Binary files /dev/null and b/public/dist/images/modalrms/photo/1.jpg differ diff --git a/public/dist/images/modalrms/photo/2.jpg b/public/dist/images/modalrms/photo/2.jpg new file mode 100644 index 00000000..289ae287 Binary files /dev/null and b/public/dist/images/modalrms/photo/2.jpg differ diff --git a/public/dist/images/modalrms/photo/3.jpg b/public/dist/images/modalrms/photo/3.jpg new file mode 100644 index 00000000..7b82862e Binary files /dev/null and b/public/dist/images/modalrms/photo/3.jpg differ diff --git a/public/dist/images/modalrms/photo/4.jpg b/public/dist/images/modalrms/photo/4.jpg new file mode 100644 index 00000000..f323ae57 Binary files /dev/null and b/public/dist/images/modalrms/photo/4.jpg differ diff --git a/public/dist/images/modalrms/presentation.png b/public/dist/images/modalrms/presentation.png new file mode 100644 index 00000000..40d2dd3a Binary files /dev/null and b/public/dist/images/modalrms/presentation.png differ diff --git a/public/dist/images/modalrms/strategy.png b/public/dist/images/modalrms/strategy.png new file mode 100644 index 00000000..2374ce51 Binary files /dev/null and b/public/dist/images/modalrms/strategy.png differ diff --git a/public/dist/images/new-design/141icon.svg b/public/dist/images/new-design/141icon.svg new file mode 100644 index 00000000..a636b9ac --- /dev/null +++ b/public/dist/images/new-design/141icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/Infrastructure.svg b/public/dist/images/new-design/Infrastructure.svg new file mode 100644 index 00000000..304c1fc6 --- /dev/null +++ b/public/dist/images/new-design/Infrastructure.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/alaem.svg b/public/dist/images/new-design/alaem.svg new file mode 100644 index 00000000..ada495eb --- /dev/null +++ b/public/dist/images/new-design/alaem.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/amaliatezemestani.svg b/public/dist/images/new-design/amaliatezemestani.svg new file mode 100644 index 00000000..2044d164 --- /dev/null +++ b/public/dist/images/new-design/amaliatezemestani.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/arrow-down.svg b/public/dist/images/new-design/arrow-down.svg new file mode 100644 index 00000000..5a671ef3 --- /dev/null +++ b/public/dist/images/new-design/arrow-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/arrow-left.svg b/public/dist/images/new-design/arrow-left.svg new file mode 100644 index 00000000..be37bc88 --- /dev/null +++ b/public/dist/images/new-design/arrow-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/burger-list.svg b/public/dist/images/new-design/burger-list.svg new file mode 100644 index 00000000..5883381c --- /dev/null +++ b/public/dist/images/new-design/burger-list.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/harim.svg b/public/dist/images/new-design/harim.svg new file mode 100644 index 00000000..6c9ddedb --- /dev/null +++ b/public/dist/images/new-design/harim.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/hefaz.svg b/public/dist/images/new-design/hefaz.svg new file mode 100644 index 00000000..c77f5eed --- /dev/null +++ b/public/dist/images/new-design/hefaz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/imensazi.svg b/public/dist/images/new-design/imensazi.svg new file mode 100644 index 00000000..fcec7259 --- /dev/null +++ b/public/dist/images/new-design/imensazi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/instagramLogo.svg b/public/dist/images/new-design/instagramLogo.svg new file mode 100644 index 00000000..dd72f4b6 --- /dev/null +++ b/public/dist/images/new-design/instagramLogo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/iranTemp3.svg b/public/dist/images/new-design/iranTemp3.svg new file mode 100644 index 00000000..5ba5c948 --- /dev/null +++ b/public/dist/images/new-design/iranTemp3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/iranTempGreen.svg b/public/dist/images/new-design/iranTempGreen.svg new file mode 100644 index 00000000..b2d2b095 --- /dev/null +++ b/public/dist/images/new-design/iranTempGreen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/iranTempOrange.svg b/public/dist/images/new-design/iranTempOrange.svg new file mode 100644 index 00000000..b54e99a5 --- /dev/null +++ b/public/dist/images/new-design/iranTempOrange.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/khatkeshi.svg b/public/dist/images/new-design/khatkeshi.svg new file mode 100644 index 00000000..513c7094 --- /dev/null +++ b/public/dist/images/new-design/khatkeshi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/line.svg b/public/dist/images/new-design/line.svg new file mode 100644 index 00000000..284ee99f --- /dev/null +++ b/public/dist/images/new-design/line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/logo.svg b/public/dist/images/new-design/logo.svg new file mode 100644 index 00000000..d477090f --- /dev/null +++ b/public/dist/images/new-design/logo.svg @@ -0,0 +1 @@ +یراﺪﻫار ﻊﻣﺎﺟ ﻪﻧﺎﻣﺎﺳ \ No newline at end of file diff --git a/public/dist/images/new-design/marematerooye.svg b/public/dist/images/new-design/marematerooye.svg new file mode 100644 index 00000000..cfe5d56c --- /dev/null +++ b/public/dist/images/new-design/marematerooye.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/mashinalat.svg b/public/dist/images/new-design/mashinalat.svg new file mode 100644 index 00000000..ec050fdc --- /dev/null +++ b/public/dist/images/new-design/mashinalat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/mavaredezterari.svg b/public/dist/images/new-design/mavaredezterari.svg new file mode 100644 index 00000000..fa90cb22 --- /dev/null +++ b/public/dist/images/new-design/mavaredezterari.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/microLine.svg b/public/dist/images/new-design/microLine.svg new file mode 100644 index 00000000..a9e15b88 --- /dev/null +++ b/public/dist/images/new-design/microLine.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/new-logo.png b/public/dist/images/new-design/new-logo.png new file mode 100644 index 00000000..4f19f0f7 Binary files /dev/null and b/public/dist/images/new-design/new-logo.png differ diff --git a/public/dist/images/new-design/paksazi.svg b/public/dist/images/new-design/paksazi.svg new file mode 100644 index 00000000..5ca622bf --- /dev/null +++ b/public/dist/images/new-design/paksazi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/phone.svg b/public/dist/images/new-design/phone.svg new file mode 100644 index 00000000..7507d62d --- /dev/null +++ b/public/dist/images/new-design/phone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/pol.svg b/public/dist/images/new-design/pol.svg new file mode 100644 index 00000000..cc328f84 --- /dev/null +++ b/public/dist/images/new-design/pol.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/profile-responsive.svg b/public/dist/images/new-design/profile-responsive.svg new file mode 100644 index 00000000..3980262a --- /dev/null +++ b/public/dist/images/new-design/profile-responsive.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/profile.svg b/public/dist/images/new-design/profile.svg new file mode 100644 index 00000000..95a91688 --- /dev/null +++ b/public/dist/images/new-design/profile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/projectBI.svg b/public/dist/images/new-design/projectBI.svg new file mode 100644 index 00000000..7f0e6823 --- /dev/null +++ b/public/dist/images/new-design/projectBI.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/rahdariSystem.svg b/public/dist/images/new-design/rahdariSystem.svg new file mode 100644 index 00000000..d9eb0859 --- /dev/null +++ b/public/dist/images/new-design/rahdariSystem.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/rahdarkhane.svg b/public/dist/images/new-design/rahdarkhane.svg new file mode 100644 index 00000000..7742e105 --- /dev/null +++ b/public/dist/images/new-design/rahdarkhane.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/randd-logo.png b/public/dist/images/new-design/randd-logo.png new file mode 100644 index 00000000..5f675d9c Binary files /dev/null and b/public/dist/images/new-design/randd-logo.png differ diff --git a/public/dist/images/new-design/rangamizi.svg b/public/dist/images/new-design/rangamizi.svg new file mode 100644 index 00000000..1626fdb7 --- /dev/null +++ b/public/dist/images/new-design/rangamizi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/roshanaii.svg b/public/dist/images/new-design/roshanaii.svg new file mode 100644 index 00000000..63c95ab3 --- /dev/null +++ b/public/dist/images/new-design/roshanaii.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/shostoshoo.svg b/public/dist/images/new-design/shostoshoo.svg new file mode 100644 index 00000000..cda64b1f --- /dev/null +++ b/public/dist/images/new-design/shostoshoo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/toonel&gallery.svg b/public/dist/images/new-design/toonel&gallery.svg new file mode 100644 index 00000000..5263c1f7 --- /dev/null +++ b/public/dist/images/new-design/toonel&gallery.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/watsappLogo.svg b/public/dist/images/new-design/watsappLogo.svg new file mode 100644 index 00000000..fda24dc8 --- /dev/null +++ b/public/dist/images/new-design/watsappLogo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/new-design/witelLogo.svg b/public/dist/images/new-design/witelLogo.svg new file mode 100644 index 00000000..e63e70ec --- /dev/null +++ b/public/dist/images/new-design/witelLogo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/pattern-poster.jpg b/public/dist/images/pattern-poster.jpg new file mode 100644 index 00000000..db844241 Binary files /dev/null and b/public/dist/images/pattern-poster.jpg differ diff --git a/public/dist/images/plaque-image.png b/public/dist/images/plaque-image.png new file mode 100644 index 00000000..cc4ff75c Binary files /dev/null and b/public/dist/images/plaque-image.png differ diff --git a/public/dist/images/posters/poster-garage.svg b/public/dist/images/posters/poster-garage.svg new file mode 100644 index 00000000..3863c55a --- /dev/null +++ b/public/dist/images/posters/poster-garage.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/dist/images/posters/posters-activity-users.svg b/public/dist/images/posters/posters-activity-users.svg new file mode 100644 index 00000000..0b42f7ff --- /dev/null +++ b/public/dist/images/posters/posters-activity-users.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + diff --git a/public/dist/images/posters/posters-clock-users.svg b/public/dist/images/posters/posters-clock-users.svg new file mode 100644 index 00000000..8bb89435 --- /dev/null +++ b/public/dist/images/posters/posters-clock-users.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/dist/images/posters/posters-counter-patrol.svg b/public/dist/images/posters/posters-counter-patrol.svg new file mode 100644 index 00000000..b546536e --- /dev/null +++ b/public/dist/images/posters/posters-counter-patrol.svg @@ -0,0 +1,18 @@ + + + + local_car_wash + Created with Sketch. + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/dist/images/posters/posters-counter-users.svg b/public/dist/images/posters/posters-counter-users.svg new file mode 100644 index 00000000..d1470c9a --- /dev/null +++ b/public/dist/images/posters/posters-counter-users.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/dist/images/posters/posters-kilometer-patrol.svg b/public/dist/images/posters/posters-kilometer-patrol.svg new file mode 100644 index 00000000..8130d58e --- /dev/null +++ b/public/dist/images/posters/posters-kilometer-patrol.svg @@ -0,0 +1,10 @@ + + + + + diff --git a/public/dist/images/posters/posters-users.svg b/public/dist/images/posters/posters-users.svg new file mode 100644 index 00000000..20a299a9 --- /dev/null +++ b/public/dist/images/posters/posters-users.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/public/dist/images/sazman.jpg b/public/dist/images/sazman.jpg new file mode 100644 index 00000000..c547f010 Binary files /dev/null and b/public/dist/images/sazman.jpg differ diff --git a/public/dist/images/vezarat.jpg b/public/dist/images/vezarat.jpg new file mode 100644 index 00000000..abda7370 Binary files /dev/null and b/public/dist/images/vezarat.jpg differ diff --git a/public/dist/js/DailyAccidentPoster.js b/public/dist/js/DailyAccidentPoster.js new file mode 100644 index 00000000..5d18614b --- /dev/null +++ b/public/dist/js/DailyAccidentPoster.js @@ -0,0 +1,812 @@ +// map main variables +var bounds = [ + [42.9130026312, 75.6166317076], + [20.5782370061, 30.5092252948], +]; +var showbounds = [32.4279, 53.688]; +var iranGeoJSON = JSON.parse(PROVICES_GEOJSON); +// end map main variables + +// DA map variables +var dailyAccidentMap; +var iranArrayCountDailyAccident = 0; +var diagramDataDailyAccident = []; +var keepMapFeatureColorDailyAccident = null; +// end DA map variables + +// font of charts +Chart.defaults.font.family = 'IRANSansFaNum'; +Chart.defaults.font.size = 13; +// end font of charts +console.log(jsonServer) +$(function() { + const params = new Proxy(new URLSearchParams(window.location.search), { + get: (searchParams, prop) => searchParams.get(prop), + }); + let value_fromDate = params.from_date; + let value_toDate = params.to_date; + if (value_fromDate != null || value_toDate != null) { + value_fromDate = moment(value_fromDate).format("jYYYY/jMM/jDD"); + value_toDate = moment(value_toDate).format("jYYYY/jMM/jDD"); + $("#from_date").text(value_fromDate); + $("#to_date").text(value_toDate); + }else { + $(".date-box").empty(); + } + $("#death_counter").prop('Counter', 0).animate({ + Counter: jsonServer.payamad_tasadof[0].number_of_died + }, { + duration: 3500, + easing: 'swing', + step: function(now) { + $("#death_counter").text(Math.ceil(now)); + } + }); + $("#injuries_counter").prop('Counter', 0).animate({ + Counter: jsonServer.payamad_tasadof[0].number_of_injured + }, { + duration: 3500, + easing: 'swing', + step: function(now) { + $("#injuries_counter").text(Math.ceil(now)); + } + }); + $("#accidents_counter").prop('Counter', 0).animate({ + Counter: jsonServer.payamad_tasadof[0].number_of_accident + }, { + duration: 3500, + easing: 'swing', + step: function(now) { + $("#accidents_counter").text(Math.ceil(now)); + } + }); +}); + +// map choropleth +if (jsonServer.accident_report.schematic_map!=undefined){ + const diagramDataDailyAccidentValue = jsonServer.accident_report.schematic_map; + + for (let i = 0; i < diagramDataDailyAccidentValue.length; i++) { + diagramDataDailyAccident.push(diagramDataDailyAccidentValue[i].cnt); + } + + showLegendOnMap(diagramDataDailyAccident); + + dailyAccidentMap = L.map("daily_accident_map", { + maxBounds: bounds, + zoomControl: false, + scrollWheelZoom: false, + attributionControl: false, + dragging: false, + }).setView(showbounds, 5); + + keepMapFeatureColorDailyAccident = null; + iranArrayCountDailyAccident = 0; + + iranMapGeoDailyAccident = L.geoJSON(iranGeoJSON, { + style: initStyleMapFeaturesDailyAccident, + }); + + iranMapGeoDailyAccident.addTo(dailyAccidentMap); + + function initStyleMapFeaturesDailyAccident() { + let randomchoose = null; + randomchoose = getForArrayFeatureColorDailyAccident( + fillColorMapDailyAccident(iranArrayCountDailyAccident, diagramDataDailyAccident) + ); + let StyleMap = { + fillColor: randomchoose.color, + weight: 2, + opacity: 1, + color: "white", + fillOpacity: 1, + }; + if (randomchoose.num != -2) { + if (iranArrayCountDailyAccident == 35) { + iranArrayCountDailyAccident = 0; + } + iranArrayCountDailyAccident++; + } + return StyleMap; + } + + function fillColorMapDailyAccident(featureRow, diagramDataDailyAccident) { + for (let i = 0; i < diagramDataDailyAccident.length; i++) { + if (i == featureRow) { + return diagramDataDailyAccident[i]; + } + } + } + + function getForArrayFeatureColorDailyAccident(arrayNum) { + if (keepMapFeatureColorDailyAccident) { + return { + num: -1, + color: keepMapFeatureColorDailyAccident, + }; + } else { + var colors = {}; + const quarterArr = diagramDataDailyAccident.filter(a => a != null) + var minOfData = Math.min(...quarterArr); + var maxOfData = Math.max(...quarterArr); + var quarter = Math.round((maxOfData - minOfData) / 3); + if(arrayNum == 0 || arrayNum == null) { + colors = { + num: arrayNum, + color: "#e1e1e1", + }; + } else if (minOfData == maxOfData) { + colors = { + num: arrayNum, + color: "#f94144", + }; + } else if (arrayNum <= minOfData + quarter) { + colors = { + num: arrayNum, + color: "#43aa8b", + }; + } else if (arrayNum < maxOfData - quarter) { + colors = { + num: arrayNum, + color: "#f9c74f", + }; + } else + colors = { + num: arrayNum, + color: "#f94144", + }; + + return colors; + } + } + + function showLegendOnMap(data) { + var minNum; + var maxNum; + var quarter; + var firstQuarter; + var secondQuarter; + $(".map-guid").empty(); + const quarterArr = data.filter(a => a != null) + minNum = Math.min(...quarterArr); + maxNum = Math.max(...quarterArr); + quarter = (maxNum - minNum) / 3; + firstQuarter = minNum + quarter; + secondQuarter = maxNum - quarter; + if(maxNum == minNum) { + $(".map-guid").append(`

راهنمای نقشه

+

+ + + ${maxNum} + +

`); + } else { + $(".map-guid").append(`

راهنمای نقشه

+

+ + + ${minNum} + تا + ${Math.round(firstQuarter)} + +

+

+ + + ${Math.round(firstQuarter)} + تا + ${Math.round(secondQuarter)} + +

+

+ + + ${Math.round(secondQuarter)} + تا + ${maxNum} + +

`); + + } + } +}else { + $(".map-data-box-daily-accident").remove(); + $(".acc-report-pie-chart-box").removeClass("col-4").addClass("col-6"); + $(".acc-count-pipe-chart-box").removeClass("col-4").addClass("col-6"); + $(".data-geo-text").text("در سطح استان"); +} + +// end map choropleth + +// accident count bar chart +const acc_bar_chart_data = jsonServer.accident_report.bar_chart; +const accBarChartCount = []; +const accBarChartLabel = []; +for (var i = 0; i < acc_bar_chart_data.length; i++) { + accBarChartCount.push(acc_bar_chart_data[i].cnt); + accBarChartLabel.push(acc_bar_chart_data[i].way_geometri_fa); +} +$("#acc_accident_count_pipe_chart").attr("width", $("#acc_accident_count_pipe_chart").closest(".chart-box").width()); +$("#acc_accident_count_pipe_chart").attr("height", $("#acc_accident_count_pipe_chart").closest(".chart-box").height()); +const accidentcountChart = new Chart(document.getElementById('acc_accident_count_pipe_chart').getContext('2d'), { + type: 'bar', + data: { + labels: accBarChartLabel, + datasets: [{ + label: "تعداد تصادفات بر اساس هندسه راه", + data: accBarChartCount, + backgroundColor: "#015688", + }, ] + }, + options: { + title: { + display: true, + text: 'Chart.js Bar Chart' + }, + indexAxis: 'y', + scales: { + y: { + stacked: true + }, + x: { + stacked: true, + } + } + } +}); +// end accident count bar chart + +// accident per province bar chart + + + +if (jsonServer.accident_report.schematic_map!=undefined){ + const acc_bar_chart_data_per_pro = jsonServer.number_of_accidents_per_province; + const accBarChartPerPro = []; + const accBarChartPerProLabel = []; + for (var i = 0; i < acc_bar_chart_data_per_pro.length; i++) { + accBarChartPerPro.push(acc_bar_chart_data_per_pro[i].cnt); + accBarChartPerProLabel.push(acc_bar_chart_data_per_pro[i].province_fa); + } + $("#acc_accident_per_province_pipe_chart").attr("width", $("#acc_accident_per_province_pipe_chart").closest(".chart-box").width()); + $("#acc_accident_per_province_pipe_chart").attr("height", $("#acc_accident_per_province_pipe_chart").closest(".chart-box").height()); + const accidentPerProChart = new Chart(document.getElementById('acc_accident_per_province_pipe_chart').getContext('2d'), { + type: 'bar', + data: { + labels: accBarChartPerProLabel, + datasets: [{ + label: "تعداد تصادفات بر حسب استان ها", + data: accBarChartPerPro, + backgroundColor: "#015688", + }, ] + }, + options: { + title: { + display: true, + text: 'Chart.js Bar Chart' + }, + scales: { + y: { + stacked: true + }, + x: { + stacked: true, + } + } + } + }); +}else { + $(".per-pro-box").remove(); +} +// end accident per province bar chart + +// accident report pie chart +const accReportStatusChartCount = []; +const backgroundColorChartCount = []; +const labelsChartCount = []; +const accReportStatusData = jsonServer.accident_report.pie_chart; + +for (var i = 0; i < accReportStatusData.length; i++) { + if (accReportStatusData[i].accident_type == 1) { + accReportStatusChartCount.push(accReportStatusData[i].percentage); + backgroundColorChartCount.push('#F0A500'); + labelsChartCount.push('خسارتی'); + } else if (accReportStatusData[i].accident_type == 2) { + accReportStatusChartCount.push(accReportStatusData[i].percentage); + backgroundColorChartCount.push('#B20600'); + labelsChartCount.push('جرحی'); + } else if (accReportStatusData[i].accident_type == 3) { + accReportStatusChartCount.push(accReportStatusData[i].percentage); + backgroundColorChartCount.push('#323231'); + labelsChartCount.push('فوتی'); + } +} + +const accReportStatusChartData = { + labels: labelsChartCount, + datasets: [{ + label: '', + data: accReportStatusChartCount, + backgroundColor: backgroundColorChartCount, + }] +}; +var accReportPieChartRatio = (+$("#acc_report_pie_chart").closest(".chart-box").width() + 2) / (+$("#acc_report_pie_chart").closest(".chart-box").height() + 2); + +const accReportPieChartOptions = { + aspectRatio: accReportPieChartRatio, + layout: { + padding: { + bottom: 5 + } + }, + plugins: { + datalabels: { + backgroundColor: '#00000066', + textAlign: "center", + font: { + weight: 'bold', + size: 14 + }, + borderRadius: 8, + padding: { + top: 5, + right: 8, + bottom: 2, + left: 8, + }, + color: '#fff', + formatter: function(value, context) { + return value + '%'; + } + }, + legend: { + position: 'right', + title: { + font: { + family: "IRANSansFaNum", + size: 14, + weight: 'bold' + } + }, + labels: { + usePointStyle: true, + font: { + weight: 'bold', + size: 12 + } + } + } + } +} + +const accReportPieStatusChart = new Chart( + document.getElementById("acc_report_pie_chart").getContext("2d"), { + type: 'pie', + data: accReportStatusChartData, + plugins: [ChartDataLabels], + options: accReportPieChartOptions + } +); +// end accident report pie chart + +// accident report pipe chart +const accReportPipeCount = []; +const accReportPipeLabel = []; +const accReportPipeBackgroundColor = []; + +for (var i = 0; i < accReportStatusData.length; i++) { + + if (accReportStatusData[i].accident_type == 1) { + accReportPipeCount.push(accReportStatusData[i].cnt); + accReportPipeLabel.push(accReportStatusData[i].accident_type_fa); + accReportPipeBackgroundColor.push("#F0A500"); + } else if (accReportStatusData[i].accident_type == 2) { + accReportPipeCount.push(accReportStatusData[i].cnt); + accReportPipeLabel.push(accReportStatusData[i].accident_type_fa); + accReportPipeBackgroundColor.push("#B20600"); + } else if (accReportStatusData[i].accident_type == 3) { + accReportPipeCount.push(accReportStatusData[i].cnt); + accReportPipeLabel.push(accReportStatusData[i].accident_type_fa); + accReportPipeBackgroundColor.push("#323231"); + } +} + +const accReportPipeChartData = { + labels: accReportPipeLabel, + datasets: [{ + data: accReportPipeCount, + borderRadius: { + topRight: 50, + topLeft: 50 + }, + backgroundColor: accReportPipeBackgroundColor, + }] +}; + +const accReportPipeChartOptions = { + layout: { + padding: { + bottom: 15 + }, + }, + scales: { + yAxis: { + display: true, + }, + x: { + ticks: { + font: { + weight: 'bold' + } + } + } + }, + plugins: { + datalabels: { + anchor: 'start', + textAlign: "center", + font: { + size: 14 + }, + padding: { + top: 5, + right: 4, + left: 4, + bottom: 2 + }, + borderRadius: 50, + offset: 20, + align: function(context) { + if (context.dataset.data[context.dataIndex] == 0) { + return "center"; + } + return "end"; + }, + color: function(context) { + if (context.dataset.data[context.dataIndex] == 0) { + return "#000"; + } + return "#fff"; + }, + backgroundColor: function(context) { + if (context.dataset.data[context.dataIndex] == 0) { + return null; + } + return context.dataset.backgroundColor[context.dataIndex]; + }, + rotation: 270, + formatter: function(value, context) { + return (+value).toLocaleString('en'); + } + }, + legend: { + display: false + } + }, +} +$("#acc_report_pipe_chart").attr("width", $("#acc_report_pipe_chart").closest(".chart-box").width()); +$("#acc_report_pipe_chart").attr("height", $("#acc_report_pipe_chart").closest(".chart-box").height()); +const accReportPipeChart = new Chart( + document.getElementById("acc_report_pipe_chart").getContext("2d"), { + type: 'bar', + data: accReportPipeChartData, + plugins: [ChartDataLabels], + options: accReportPipeChartOptions + } +); +// end accident report pipe chart + +// accident type +const collisionTypeChart = jsonServer.collision_type; + +for (var i = 0; i < collisionTypeChart.length; i++) { + if (collisionTypeChart[i].collision_type == 1) { + const percentage = collisionTypeChart[i].percentage; + $("#bar_title1").text(collisionTypeChart[i].collision_type_fa); + let body_bar11 = new ProgressBar.Circle(body_bar1, { + color: '#666', + strokeWidth: 8, + trailWidth: 2, + easing: 'easeInOut', + duration: 1400, + text: { + autoStyleContainer: false + }, + from: { color: '#f0a500', }, + to: { color: '#323231 ', }, + step: function(state, circle) { + circle.path.setAttribute('stroke', state.color); + var value = Math.round(circle.value() * 100); + circle.setText(`${percentage}%`); + } + }); + body_bar11.text.style.fontFamily = 'IRANSansFaNum'; + body_bar11.text.style.fontSize = '20px'; + body_bar11.animate(collisionTypeChart[i].percentage / 100); + } else if (collisionTypeChart[i].collision_type == 2) { + const percentage = collisionTypeChart[i].percentage; + $("#bar_title2").text(collisionTypeChart[i].collision_type_fa); + let body_bar22 = new ProgressBar.Circle(body_bar2, { + color: '#666', + strokeWidth: 8, + trailWidth: 2, + easing: 'easeInOut', + duration: 1400, + text: { + autoStyleContainer: false + }, + from: { color: '#f0a500', }, + to: { color: '#323231 ', }, + step: function(state, circle) { + circle.path.setAttribute('stroke', state.color); + + var value = Math.round(circle.value() * 100); + circle.setText(`${percentage}%`); + } + }); + body_bar22.text.style.fontFamily = 'IRANSansFaNum'; + body_bar22.text.style.fontSize = '20px'; + body_bar22.animate(collisionTypeChart[i].percentage / 100); + } else if (collisionTypeChart[i].collision_type == 3) { + const percentage = collisionTypeChart[i].percentage; + $("#bar_title3").text(collisionTypeChart[i].collision_type_fa); + let body_bar33 = new ProgressBar.Circle(body_bar3, { + color: '#666', + strokeWidth: 8, + trailWidth: 2, + easing: 'easeInOut', + duration: 1400, + text: { + autoStyleContainer: false + }, + from: { color: '#f0a500', }, + to: { color: '#323231 ', }, + step: function(state, circle) { + circle.path.setAttribute('stroke', state.color); + var value = Math.round(circle.value() * 100); + circle.setText(`${percentage}%`); + } + }); + body_bar33.text.style.fontFamily = 'IRANSansFaNum'; + body_bar33.text.style.fontSize = '20px'; + body_bar33.animate(collisionTypeChart[i].percentage / 100); + } else if (collisionTypeChart[i].collision_type == 4) { + const percentage = collisionTypeChart[i].percentage; + $("#bar_title4").text(collisionTypeChart[i].collision_type_fa); + let body_bar44 = new ProgressBar.Circle(body_bar4, { + color: '#666', + strokeWidth: 8, + trailWidth: 2, + easing: 'easeInOut', + duration: 1400, + text: { + autoStyleContainer: false + }, + from: { color: '#f0a500', }, + to: { color: '#323231 ', }, + step: function(state, circle) { + circle.path.setAttribute('stroke', state.color); + var value = Math.round(circle.value() * 100); + circle.setText(`${percentage}%`); + } + }); + body_bar44.text.style.fontFamily = 'IRANSansFaNum'; + body_bar44.text.style.fontSize = '20px'; + body_bar44.animate(collisionTypeChart[i].percentage / 100); + } else if (collisionTypeChart[i].collision_type == 5) { + const percentage = collisionTypeChart[i].percentage; + $("#bar_title5").text(collisionTypeChart[i].collision_type_fa); + let body_bar55 = new ProgressBar.Circle(body_bar5, { + color: '#666', + strokeWidth: 8, + trailWidth: 2, + easing: 'easeInOut', + duration: 1400, + text: { + autoStyleContainer: false + }, + from: { color: '#f0a500', }, + to: { color: '#323231 ', }, + step: function(state, circle) { + circle.path.setAttribute('stroke', state.color); + var value = Math.round(circle.value() * 100); + circle.setText(`${percentage}%`); + } + }); + body_bar55.text.style.fontFamily = 'IRANSansFaNum'; + body_bar55.text.style.fontSize = '20px'; + body_bar55.animate(collisionTypeChart[i].percentage / 100); + } else if (collisionTypeChart[i].collision_type == 6) { + const percentage = collisionTypeChart[i].percentage; + $("#bar_title6").text(collisionTypeChart[i].collision_type_fa); + let body_bar66 = new ProgressBar.Circle(body_bar6, { + color: '#666', + strokeWidth: 8, + trailWidth: 2, + easing: 'easeInOut', + duration: 1400, + text: { + autoStyleContainer: false + }, + from: { color: '#f0a500', }, + to: { color: '#323231 ', }, + step: function(state, circle) { + circle.path.setAttribute('stroke', state.color); + var value = Math.round(circle.value() * 100); + circle.setText(`${percentage}%`); + } + }); + body_bar66.text.style.fontFamily = 'IRANSansFaNum'; + body_bar66.text.style.fontSize = '20px'; + body_bar66.animate(collisionTypeChart[i].percentage / 100); + } else if (collisionTypeChart[i].collision_type == 7) { + const percentage = collisionTypeChart[i].percentage; + $("#bar_title7").text(collisionTypeChart[i].collision_type_fa); + let body_bar77 = new ProgressBar.Circle(body_bar7, { + color: '#666', + strokeWidth: 8, + trailWidth: 2, + easing: 'easeInOut', + duration: 1400, + text: { + autoStyleContainer: false + }, + from: { color: '#f0a500', }, + to: { color: '#323231 ', }, + step: function(state, circle) { + circle.path.setAttribute('stroke', state.color); + var value = Math.round(circle.value() * 100); + circle.setText(`${percentage}%`); + } + }); + body_bar77.text.style.fontFamily = 'IRANSansFaNum'; + body_bar77.text.style.fontSize = '20px'; + body_bar77.animate(collisionTypeChart[i].percentage / 100); + } +} + +// road type acc contribution +const roadTypes = ["آزادراه", "بزرگراه", "اصلی", "فرعی"]; +const accTypes = ["خسارتی", "جرحی", "فوتی"] +const roadroadTypeChartData = jsonServer.share_of_accidents_by_road_type; +const roadroadTypeChartDataCount1 = []; +const roadroadTypeChartDataCount2 = []; +const roadroadTypeChartDataCount3 = []; +const roadroadTypeChartDataLabel = []; +for (var i = 0; i < roadroadTypeChartData.length; i++) { + for (var j = 0; j < roadroadTypeChartData[i].data.length; j++) { + if (roadroadTypeChartData[i].accident_type_fa == "خسارتی") { + roadroadTypeChartDataCount1.push(roadroadTypeChartData[i].data[j].cnt); + } else if (roadroadTypeChartData[i].accident_type_fa == "جرحی") { + roadroadTypeChartDataCount2.push(roadroadTypeChartData[i].data[j].cnt); + } else if (roadroadTypeChartData[i].accident_type_fa == "فوتی") { + roadroadTypeChartDataCount3.push(roadroadTypeChartData[i].data[j].cnt); + } + } +} + +$("#acc_road_type_contribution_pipe_chart").attr("width", $("#acc_road_type_contribution_pipe_chart").closest(".chart-box").width()); +$("#acc_road_type_contribution_pipe_chart").attr("height", $("#acc_road_type_contribution_pipe_chart").closest(".chart-box").height()); + +const roadTypeChart = new Chart(document.getElementById('acc_road_type_contribution_pipe_chart').getContext('2d'), { + type: 'bar', + data: { + labels: roadTypes, + datasets: [{ + label: accTypes[0], + data: roadroadTypeChartDataCount1, + backgroundColor: "#f0a500", + }, + { + label: accTypes[1], + data: roadroadTypeChartDataCount2, + backgroundColor: "#B20600", + }, + { + label: accTypes[2], + data: roadroadTypeChartDataCount3, + backgroundColor: "#323231", + }, + ] + }, + options: { + scales: { + y: { + beginAtZero: true + } + } + } +}); +// end road type acc contribution + +// road geometry acc contribution +const geoTypes = ["فرعی", "اصلی", "بزرگراه", "آزادراه"]; +const roadgeomeChartData = jsonServer.share_of_accidents_by_road_geometry; +const roadgeomeChartDataCount1 = []; +const roadgeomeChartDataCount2 = []; +const roadgeomeChartDataCount3 = []; +const roadgeomeChartDataCount4 = []; +const roadgeomeChartDataLabel = []; +for (let i = 0; i < roadgeomeChartData.length; i++) { + roadgeomeChartDataLabel.push(roadgeomeChartData[i].way_geometri_fa); + for (let j = 0; j < roadgeomeChartData[i].data.length; j++) { + if (roadgeomeChartData[i].data[j].axis_type_fa == "آزادراه") { + roadgeomeChartDataCount1.push(roadgeomeChartData[i].data[j].cnt); + } else if (roadgeomeChartData[i].data[j].axis_type_fa == "بزرگراه") { + roadgeomeChartDataCount2.push(roadgeomeChartData[i].data[j].cnt); + } else if (roadgeomeChartData[i].data[j].axis_type_fa == "اصلی") { + roadgeomeChartDataCount3.push(roadgeomeChartData[i].data[j].cnt); + } else if (roadgeomeChartData[i].data[j].axis_type_fa == "فرعی") { + roadgeomeChartDataCount4.push(roadgeomeChartData[i].data[j].cnt); + } + } +} +$("#acc_road_geometry_contribution_pipe_chart").attr("width", $("#acc_road_geometry_contribution_pipe_chart").closest(".chart-box").width()); +$("#acc_road_geometry_contribution_pipe_chart").attr("height", $("#acc_road_geometry_contribution_pipe_chart").closest(".chart-box").height()); +const roadgeometryChart = new Chart(document.getElementById('acc_road_geometry_contribution_pipe_chart').getContext('2d'), { + type: 'bar', + data: { + labels: roadgeomeChartDataLabel, + datasets: [{ + label: geoTypes[0], + data: roadgeomeChartDataCount4, + backgroundColor: "#f0a500", + }, + { + label: geoTypes[1], + data: roadgeomeChartDataCount3, + backgroundColor: "#461111", + }, + { + label: geoTypes[2], + data: roadgeomeChartDataCount2, + backgroundColor: "#A13333", + }, + { + label: geoTypes[3], + data: roadgeomeChartDataCount1, + backgroundColor: "#B3541E", + }, + ] + }, + options: { + scales: { + x: { + stacked: true, + }, + y: { + stacked: true + } + } + } +}); +// end road geometry acc contribution + +// daily time data +const perDayData = jsonServer.per_day; +for (var i = 0; i < perDayData.length; i++) { + if (perDayData[i].accident_type_fa == "خسارتی") { + $(".page").find("#dayMainPercent").text(`${perDayData[i].day.total_percentage}%`); + $(".page").find("#nightMainPercent").text(`${perDayData[i].night.total_percentage}%`); + + $(".page").find("#damage_row").text(perDayData[i].accident_type_fa); + $(".page").find("#damage_day_count").text(perDayData[i].day.cnt); + $(".page").find("#damage_day_percent").text(`${perDayData[i].day.percent}%`); + $(".page").find("#damage_night_count").text(perDayData[i].night.cnt); + $(".page").find("#damage_night_percent").text(`${perDayData[i].night.percent}%`); + } else if (perDayData[i].accident_type_fa == "جرحی") { + $(".page").find("#injuries_row").text(perDayData[i].accident_type_fa); + $(".page").find("#injuries_day_count").text(perDayData[i].day.cnt); + $(".page").find("#injuries_day_percent").text(`${perDayData[i].day.percent}%`); + $(".page").find("#injuries_night_count").text(perDayData[i].night.cnt); + $(".page").find("#injuries_night_percent").text(`${perDayData[i].night.percent}%`); + } else if (perDayData[i].accident_type_fa == "فوتی") { + $(".page").find("#death_row").text(perDayData[i].accident_type_fa); + $(".page").find("#death_day_count").text(perDayData[i].day.cnt); + $(".page").find("#death_day_percent").text(`${perDayData[i].day.percent}%`); + $(".page").find("#death_night_count").text(perDayData[i].night.cnt); + $(".page").find("#death_night_percent").text(`${perDayData[i].night.percent}%`); + } +} +// end daily time data \ No newline at end of file diff --git a/public/dist/js/RandD.js b/public/dist/js/RandD.js new file mode 100644 index 00000000..2d631113 --- /dev/null +++ b/public/dist/js/RandD.js @@ -0,0 +1,845 @@ +var search = ''; +var activeTab = ''; +var showpeople = ""; +var komite_list = ""; +var widthpage = $(window).width(); +// provincesId = []; +$(document).ready(function () { + console.log("wide", widthpage) + + all_RandDCounter(); + $("#darhaleejra").click(); + activeTab = $("#darhaleejra").data('active') + $.ajax({ + type: "GET", + url: "/RandD/research_members", + success: function (res) { + var people = res.data; + for (let i = 0; i < people.length; i++) { + showpeople = + showpeople + + '
  • \ +
    \ + ' + + people[i].member_name + + '\ + ' + + people[i].member_duty + + '\ + ' + + people[i].member_office + + "" + + "
    " + + "
  • "; + } + + $("#splide__list").append(showpeople); + if (widthpage > 1000) { + new Splide("#splide", { + type: "loop", + perPage: 3, + direction: "rtl", + height: "200px", + autoplay: true, + pauseOnHover: false, + cover: true, + breakpoints: { + height: "6rem", + }, + }).mount(); + } else if (widthpage < 1000 && widthpage > 801) { + new Splide("#splide", { + type: "loop", + perPage: 3, + direction: "rtl", + height: "200px", + autoplay: true, + pauseOnHover: false, + cover: true, + breakpoints: { + height: "6rem", + }, + }).mount(); + } else if (widthpage < 800 && widthpage > 501) { + new Splide("#splide", { + type: "loop", + perPage: 2, + direction: "rtl", + height: "200px", + autoplay: true, + pauseOnHover: false, + cover: true, + breakpoints: { + height: "6rem", + }, + }).mount(); + } else if (widthpage < 500) { + new Splide("#splide", { + type: "loop", + perPage: 1, + direction: "rtl", + height: "200px", + autoplay: true, + pauseOnHover: false, + cover: true, + breakpoints: { + height: "6rem", + }, + }).mount(); + } + + }, + }); + + $.ajax({ + type: "GET", + url: "/RandD/interface_members", + success: function (res) { + append_interface(res) + }, + }); + + +}); + +function all_RandDCounter() { + $.ajax({ + url: "/RandD/statics", + type: "GET", + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + $(".countup1").each(function () { + var $this = $(this), + countTo = result.statics.ejra; + + $({ + countNum: $this.text() + }).animate({ + countNum: countTo, + }, { + duration: 2000, + easing: "linear", + step: function () { + $this.text(Math.floor(this.countNum)); + }, + complete: function () { + $this.text(this.countNum); + }, + }); + }); + $(".countup2").each(function () { + var $this = $(this), + countTo = result.statics.end; + + $({ + countNum: $this.text() + }).animate({ + countNum: countTo, + }, { + duration: 2000, + easing: "linear", + step: function () { + $this.text(Math.floor(this.countNum)); + }, + complete: function () { + $this.text(this.countNum); + }, + }); + }); + $(".countup3").each(function () { + var $this = $(this), + countTo = result.statics.comite; + + $({ + countNum: $this.text() + }).animate({ + countNum: countTo, + }, { + duration: 2000, + easing: "linear", + step: function () { + $this.text(Math.floor(this.countNum)); + }, + complete: function () { + $this.text(this.countNum); + }, + }); + }); + hideLoaderScreen(); + }, + error: function (error) { + // console.log(error); + }, + }); +} + +function showLoaderScreen() { + $(".divloader").css("display", "flex").hide().fadeIn(); +} + +function hideLoaderScreen() { + $(".divloader").fadeOut(); +} +//در حال اجرا +$("#darhaleejra").on("click", function () { + activeTab = $(this).data('active'); + $("body").find("#body_khateme").addClass("stylescroll"); + $("#khatemeyafte").css("background-color", "#ff5c0f"); + $("#darhaleejra").css("background-color", "#015688"); + $("#tahtebaresi").css("background-color", "#ff5c0f"); + $("#body_filter").css("display", "block"); + $("#body_khateme").empty(); + $("#body_khateme").append(`
    در حال دریافت اطلاعات ...
    `); + if (search == '') { + $.ajax({ + type: "GET", + url: "/RandD/homepage", + success: function (data) { + ejra = data.data; + $("#body_khateme").empty(); + for (let index = 0; index < ejra.length; index++) { + if (ejra[index].contract_status == 1) { + function returnejra() { + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + ejra[index].project_title + + '

    اداره کل:

    ' + ejra[index].province_fa + + '

    حوزه:

    ' + ejra[index].domain_fa + + '

    مجری:

    ' + ejra[index].project_agent + + '

    شماره قرارداد:

    ' + ejra[index].contract_number + + '

    مدت قرار داد(ماه):

    ' + ejra[index].contract_term + + '

    مبلغ قرارداد:

    ' + ejra[index].contract_amount + + '

    \ + ' + ); + } + $("#body_khateme").append(returnejra()); + } + } + } + }); + } else { + $.ajax({ + type: "GET", + url: "/RandD/search?search=" + search + "&type=1", + success: function (data) { + ejra = data.data; + $("#body_khateme").empty(); + for (let index = 0; index < ejra.length; index++) { + function returnejra() { + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + ejra[index].project_title + + '

    اداره کل:

    ' + ejra[index].province_fa + + '

    حوزه:

    ' + ejra[index].domain_fa + + '

    مجری:

    ' + ejra[index].project_agent + + '

    شماره قرارداد:

    ' + ejra[index].contract_number + + '

    مدت قرار داد(ماه):

    ' + ejra[index].contract_term + + '

    مبلغ قرارداد:

    ' + ejra[index].contract_amount + + '

    \ + ' + ); + } + $("#body_khateme").append(returnejra()); + } + } + }); + } +}); +//خاتمه یافته +$("#khatemeyafte").on("click", function () { + activeTab = $(this).data('active'); + $("body").find("#body_khateme").addClass("stylescroll"); + $("#khatemeyafte").css("background-color", "#015688"); + $("#darhaleejra").css("background-color", "#ff5c0f"); + $("#tahtebaresi").css("background-color", "#ff5c0f"); + $("#body_filter").css("display", "block"); + $("#body_khateme").empty(); + $("#body_khateme").append(`
    در حال دریافت اطلاعات ...
    `); + if (search == '') { + $.ajax({ + type: "GET", + url: "/RandD/homepage", + success: function (data) { + khateme = data.data; + console.log("all", khateme[0]); + $("#body_khateme").empty(); + for (let index = 0; index < khateme.length; index++) { + if (khateme[index].contract_status == 2) { + function returnkhateme() { + var btnFiles = ''; + if (khateme[index].final_report_one) btnFiles += `` + if (khateme[index].final_report_two) btnFiles += `` + if (khateme[index].final_report_three) btnFiles += `` + if (khateme[index].final_report_four) btnFiles += `` + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + khateme[index].project_title + + '

    ' + btnFiles + '

    اداره کل:

    ' + khateme[index].province_fa + + '

    حوزه:

    ' + khateme[index].domain_fa + + '

    مجری:

    ' + khateme[index].project_agent + + '

    شماره قرارداد:

    ' + khateme[index].contract_number + + '

    مدت قرار داد(ماه):

    ' + khateme[index].contract_term + + '

    مبلغ قرارداد:

    ' + khateme[index].contract_amount + + '

    \ + ' + ); + } + $("#body_khateme").append(returnkhateme()); + } + } + } + }); + } else { + $.ajax({ + type: "GET", + url: "/RandD/search?search=" + search + "&type=2", + success: function (data) { + khateme = data.data; + console.log("all", khateme[0]); + $("#body_khateme").empty(); + for (let index = 0; index < khateme.length; index++) { + function returnkhateme() { + var btnFiles = ''; + if (khateme[index].final_report_one) btnFiles += `` + if (khateme[index].final_report_two) btnFiles += `` + if (khateme[index].final_report_three) btnFiles += `` + if (khateme[index].final_report_four) btnFiles += `` + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + khateme[index].project_title + + '

    ' + btnFiles + '

    اداره کل:

    ' + khateme[index].province_fa + + '

    حوزه:

    ' + khateme[index].domain_fa + + '

    مجری:

    ' + khateme[index].project_agent + + '

    شماره قرارداد:

    ' + khateme[index].contract_number + + '

    مدت قرار داد(ماه):

    ' + khateme[index].contract_term + + '

    مبلغ قرارداد:

    ' + khateme[index].contract_amount + + '

    \ + ' + ); + } + $("#body_khateme").append(returnkhateme()); + } + } + }); + } +}); +//تحت بررسی +$("#tahtebaresi").on("click", function () { + activeTab = $(this).data('active'); + $("body").find("#body_khateme").addClass("stylescroll"); + $("#khatemeyafte").css("background-color", "#ff5c0f"); + $("#darhaleejra").css("background-color", "#ff5c0f"); + $("#tahtebaresi").css("background-color", "#015688"); + $("#body_filter").css("display", "block"); + $("#body_khateme").empty(); + $("#body_khateme").append(`
    در حال دریافت اطلاعات ...
    `); + if (search == '') { + $.ajax({ + type: "GET", + url: "/RandD/committee_projects", + success: function (data) { + baresi = data.data; + console.log("all", baresi[0]); + $("#body_khateme").empty(); + for (let index = 0; index < baresi.length; index++) { + function returnbaresi() { + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + baresi[index].title + + '

    اداره کل:

    ' + baresi[index].province_fa + + '

    حوزه:

    ' + baresi[index].domain_fa + + '

    نام ثبت کننده:

    ' + baresi[index].fname_creator + ' ' + baresi[index].lname_creator + + '

    شماره تماس ثبت کننده:

    ' + baresi[index].phone_creator + + '

    \ + ' + ); + } + $("#body_khateme").append(returnbaresi()); + } + } + }); + } else { + $.ajax({ + type: "GET", + url: "/RandD/search?search=" + search + "&type=3", + success: function (data) { + baresi = data.data; + console.log("all", baresi[0]); + $("#body_khateme").empty(); + for (let index = 0; index < baresi.length; index++) { + function returnbaresi() { + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + baresi[index].title + + '

    اداره کل:

    ' + baresi[index].province_fa + + '

    حوزه:

    ' + baresi[index].domain_fa + + '

    نام ثبت کننده:

    ' + baresi[index].fname_creator + ' ' + baresi[index].lname_creator + + '

    شماره تماس ثبت کننده:

    ' + baresi[index].phone_creator + + '

    \ + ' + ); + } + $("#body_khateme").append(returnbaresi()); + } + } + }); + } +}); +$("#body_filter").addClass("stylescroll"); +$(".shakhsi").on("click", function () { + $("#modalCenter").modal("show"); + $.ajax({ + type: "GET", + url: "/RandD/statics", + success: function (data) { + komite = data.data.aazaye_comite; + console.log("all", komite[0]); + for (let index = 0; index < komite.length; index++) { + function etelaateaza() { + return ( + '\ +

    نام:

    \ +

    ' + komite[index].member_name + '

    \ +
    \ +

    سمت:

    \ +

    ' + komite[index].member_duty + '

    \ +
    \ +

    محل فعالیت:

    \ +

    ' + komite[index].member_office + '

    \ + ' + ); + } + $(".modal-body").append(etelaateaza()); + } + } + }); +}); +$.ajax({ + type: "GET", + url: "/RandD/setad-province/all", + success: function (data) { + allpro = data.data; + // console.log("all", ); + for (let index = 0; index < allpro.length; index++) { + + function provincegiri() { + return ( + '\ +
    \ + \ + \ +
    \ + ' + ); + } + $(".province-filter").append(provincegiri()); + } + } +}); +$("#modalCenter .close").on("click", function () { + $(".modal-body").empty(); +}); +$(".modal-footer .btn-secondary").on("click", function () { + $(".modal-body").empty(); +}); +$("body").on("click", function () { + $(".modal-body").empty(); +}); + +$(".title_filter").on("click", function () { + if ($(".province-filter").css("display") == "block") { + $(".province-filter").slideUp(500); + $(".title_filter").css("background-color", "#ff5c0f"); + } else { + $(".province-filter").slideDown(500); + $(".title_filter").css("background-color", "#015688"); + } +}); +$(".title_filter2").on("click", function () { + if ($(".hoze_filter").css("display") == "block") { + $(".hoze_filter").slideUp(500); + $(".title_filter2").css("background-color", "#ff5c0f"); + } else { + $(".hoze_filter").slideDown(500); + $(".title_filter2").css("background-color", "#015688"); + } +}); + +$('#input-search').on('input', function () { + search = $(this).val(); + + $("body").find("#body_khateme").addClass("stylescroll"); + $("#body_khateme").empty(); + $("#body_khateme").append(`
    در حال دریافت اطلاعات ...
    `); + switch (activeTab) { + case 'ejra': + if (search == '') { + $.ajax({ + type: "GET", + url: "/RandD/homepage", + success: function (data) { + ejra = data.data; + $("#body_khateme").empty(); + for (let index = 0; index < ejra.length; index++) { + if (ejra[index].contract_status == 1) { + function returnejra() { + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + ejra[index].project_title + + '

    اداره کل:

    ' + ejra[index].province_fa + + '

    حوزه:

    ' + ejra[index].domain_fa + + '

    مجری:

    ' + ejra[index].project_agent + + '

    شماره قرارداد:

    ' + ejra[index].contract_number + + '

    مدت قرار داد(ماه):

    ' + ejra[index].contract_term + + '

    مبلغ قرارداد:

    ' + ejra[index].contract_amount + + '

    \ + ' + ); + } + $("#body_khateme").append(returnejra()); + } + } + } + }); + } else { + $.ajax({ + type: "GET", + url: "/RandD/search?search=" + search + "&type=1", + success: function (data) { + ejra = data.data; + $("#body_khateme").empty(); + for (let index = 0; index < ejra.length; index++) { + function returnejra() { + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + ejra[index].project_title + + '

    اداره کل:

    ' + ejra[index].province_fa + + '

    حوزه:

    ' + ejra[index].domain_fa + + '

    مجری:

    ' + ejra[index].project_agent + + '

    شماره قرارداد:

    ' + ejra[index].contract_number + + '

    مدت قرار داد(ماه):

    ' + ejra[index].contract_term + + '

    مبلغ قرارداد:

    ' + ejra[index].contract_amount + + '

    \ + ' + ); + } + $("#body_khateme").append(returnejra()); + } + } + }); + } + break; + case 'khateme': + if (search == '') { + $.ajax({ + type: "GET", + url: "/RandD/homepage", + success: function (data) { + khateme = data.data; + console.log("all", khateme[0]); + $("#body_khateme").empty(); + for (let index = 0; index < khateme.length; index++) { + if (khateme[index].contract_status == 2) { + function returnkhateme() { + var btnFiles = ''; + if (khateme[index].final_report_one) btnFiles += `` + if (khateme[index].final_report_two) btnFiles += `` + if (khateme[index].final_report_three) btnFiles += `` + if (khateme[index].final_report_four) btnFiles += `` + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + khateme[index].project_title + + '

    ' + btnFiles + '

    اداره کل:

    ' + khateme[index].province_fa + + '

    حوزه:

    ' + khateme[index].domain_fa + + '

    مجری:

    ' + khateme[index].project_agent + + '

    شماره قرارداد:

    ' + khateme[index].contract_number + + '

    مدت قرار داد(ماه):

    ' + khateme[index].contract_term + + '

    مبلغ قرارداد:

    ' + khateme[index].contract_amount + + '

    \ + ' + ); + } + $("#body_khateme").append(returnkhateme()); + } + } + } + }); + } else { + $.ajax({ + type: "GET", + url: "/RandD/search?search=" + search + "&type=2", + success: function (data) { + khateme = data.data; + console.log("all", khateme[0]); + $("#body_khateme").empty(); + for (let index = 0; index < khateme.length; index++) { + function returnkhateme() { + var btnFiles = ''; + if (khateme[index].final_report_one) btnFiles += `` + if (khateme[index].final_report_two) btnFiles += `` + if (khateme[index].final_report_three) btnFiles += `` + if (khateme[index].final_report_four) btnFiles += `` + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + khateme[index].project_title + + '

    ' + btnFiles + '

    اداره کل:

    ' + khateme[index].province_fa + + '

    حوزه:

    ' + khateme[index].domain_fa + + '

    مجری:

    ' + khateme[index].project_agent + + '

    شماره قرارداد:

    ' + khateme[index].contract_number + + '

    مدت قرار داد(ماه):

    ' + khateme[index].contract_term + + '

    مبلغ قرارداد:

    ' + khateme[index].contract_amount + + '

    \ + ' + ); + } + $("#body_khateme").append(returnkhateme()); + } + } + }); + } + break; + case 'komite': + if (search == '') { + $.ajax({ + type: "GET", + url: "/RandD/committee_projects", + success: function (data) { + baresi = data.data; + console.log("all", baresi[0]); + $("#body_khateme").empty(); + for (let index = 0; index < baresi.length; index++) { + function returnbaresi() { + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + baresi[index].title + + '

    اداره کل:

    ' + baresi[index].province_fa + + '

    حوزه:

    ' + baresi[index].domain_fa + + '

    نام ثبت کننده:

    ' + baresi[index].fname_creator + ' ' + baresi[index].lname_creator + + '

    شماره تماس ثبت کننده:

    ' + baresi[index].phone_creator + + '

    \ + ' + ); + } + $("#body_khateme").append(returnbaresi()); + } + } + }); + } else { + $.ajax({ + type: "GET", + url: "/RandD/search?search=" + search + "&type=3", + success: function (data) { + baresi = data.data; + console.log("all", baresi[0]); + $("#body_khateme").empty(); + for (let index = 0; index < baresi.length; index++) { + function returnbaresi() { + return ( + '\ +
    \ +

    عنوان پروژه:

    ' + baresi[index].title + + '

    اداره کل:

    ' + baresi[index].province_fa + + '

    حوزه:

    ' + baresi[index].domain_fa + + '

    نام ثبت کننده:

    ' + baresi[index].fname_creator + ' ' + baresi[index].lname_creator + + '

    شماره تماس ثبت کننده:

    ' + baresi[index].phone_creator + + '

    \ + ' + ); + } + $("#body_khateme").append(returnbaresi()); + } + } + }); + } + break; + } +}); +if (widthpage < 800) { + $(".counters-div1").css("border-left", "0px"); + $(".counters-div2").css("border-left", "0px"); +} +if (widthpage < 990) { + $(".check-res-header2").removeClass("container"); + $(".check-res-header2").addClass("container-fluid"); +} +if (widthpage < 460) { + $(".header-for-projectpart").addClass("d-flex"); + $(".header-for-projectpart").addClass("flex-column"); + $("#body_khateme").removeClass("mt-2"); +} +function append_interface(res) { + var test = "" + var data_inter = res.data + // for (var i=0 ; i${i}` + // } + for (let i = 0; i < data_inter.length; i++) { + test = test + `
    ${data_inter[i].member_name}${data_inter[i].member_duty}
    ` + } + $(".owl-carousel").append(test) + + var el = $('.owl-carousel'); + + var carousel; + var carouselOptions = { + margin: 20, + nav: true, + dots: true, + slideBy: 'page', + autoplay: true, + autoplayTimeout: 3000, + autoplayHoverPause: true, + loop: true, + rtl: true, + responsive: { + 0: { + items: 1, + rows: 2 //custom option not used by Owl Carousel, but used by the algorithm below + }, + 768: { + items: 2, + rows: 3 //custom option not used by Owl Carousel, but used by the algorithm below + }, + 991: { + items: 3, + rows: 2 //custom option not used by Owl Carousel, but used by the algorithm below + }, + 1200: { + items: 5, + rows: 2 //custom option not used by Owl Carousel, but used by the algorithm below + }, + + } + }; + + //Taken from Owl Carousel so we calculate width the same way + var viewport = function () { + var width; + if (carouselOptions.responsiveBaseElement) { + width = $(carouselOptions.responsiveBaseElement).width(); + } else if (window.innerWidth) { + width = window.innerWidth; + } else if (document.documentElement && document.documentElement.clientWidth) { + width = document.documentElement.clientWidth; + } else { + console.warn('Can not detect viewport width.'); + } + return width; + }; + + var severalRows = false; + var orderedBreakpoints = []; + for (var breakpoint in carouselOptions.responsive) { + if (carouselOptions.responsive[breakpoint].rows > 1) { + severalRows = true; + } + orderedBreakpoints.push(parseInt(breakpoint)); + } + + //Custom logic is active if carousel is set up to have more than one row for some given window width + if (severalRows) { + orderedBreakpoints.sort(function (a, b) { + return b - a; + }); + var slides = el.find('[data-slide-index]'); + var slidesNb = slides.length; + if (slidesNb > 0) { + var rowsNb; + var previousRowsNb = undefined; + var colsNb; + var previousColsNb = undefined; + + //Calculates number of rows and cols based on current window width + var updateRowsColsNb = function () { + var width = viewport(); + for (var i = 0; i < orderedBreakpoints.length; i++) { + var breakpoint = orderedBreakpoints[i]; + if (width >= breakpoint || i == (orderedBreakpoints.length - 1)) { + var breakpointSettings = carouselOptions.responsive['' + breakpoint]; + rowsNb = breakpointSettings.rows; + colsNb = breakpointSettings.items; + break; + } + } + }; + + var updateCarousel = function () { + updateRowsColsNb(); + + //Carousel is recalculated if and only if a change in number of columns/rows is requested + if (rowsNb != previousRowsNb || colsNb != previousColsNb) { + var reInit = false; + if (carousel) { + //Destroy existing carousel if any, and set html markup back to its initial state + carousel.trigger('destroy.owl.carousel'); + carousel = undefined; + slides = el.find('[data-slide-index]').detach().appendTo(el); + el.find('.fake-col-wrapper').remove(); + reInit = true; + } + + + //This is the only real 'smart' part of the algorithm + + //First calculate the number of needed columns for the whole carousel + var perPage = rowsNb * colsNb; + var pageIndex = Math.floor(slidesNb / perPage); + var fakeColsNb = pageIndex * colsNb + (slidesNb >= (pageIndex * perPage + colsNb) ? colsNb : (slidesNb % colsNb)); + + //Then populate with needed html markup + var count = 0; + for (var i = 0; i < fakeColsNb; i++) { + //For each column, create a new wrapper div + var fakeCol = $('
    ').appendTo(el); + for (var j = 0; j < rowsNb; j++) { + //For each row in said column, calculate which slide should be present + var index = Math.floor(count / perPage) * perPage + (i % colsNb) + j * colsNb; + if (index < slidesNb) { + //If said slide exists, move it under wrapper div + slides.filter('[data-slide-index=' + index + ']').detach().appendTo(fakeCol); + } + count++; + } + } + //end of 'smart' part + + previousRowsNb = rowsNb; + previousColsNb = colsNb; + + if (reInit) { + //re-init carousel with new markup + carousel = el.owlCarousel(carouselOptions); + } + } + }; + + //Trigger possible update when window size changes + $(window).on('resize', updateCarousel); + + //We need to execute the algorithm once before first init in any case + updateCarousel(); + } + } + + //init + carousel = el.owlCarousel(carouselOptions); +} \ No newline at end of file diff --git a/public/dist/js/RandFirst.js b/public/dist/js/RandFirst.js new file mode 100644 index 00000000..999e717c --- /dev/null +++ b/public/dist/js/RandFirst.js @@ -0,0 +1,2366 @@ +var contractDatePicker; +var idkol; +var edit; +var idEdit; +var provinces = []; +var myfile = ""; +var RandD_table = "/RandD/projects/all"; +var RandD_table_update = "/RandD/projects/update"; +var RandD_table_delete = "/RandD/projects/delete"; +var RandD_table_add = "/RandD/projects/add"; +var isAdmin = false; +var completepic = 0; +var RandDAgents = 0; +var acnt = "کارشناسی ثبت نشده"; +var randdAgents = {}; +var AgentList = []; +var maxagent = 2; +var currAgentcnt = 1; +var tableOnWork; +var CanSubmit; +var serverUp = "/public/uploads/"; +var newplan_all_url = "/RandD/proposed_projects/all"; +var newplan_add_url = "/RandD/proposed_projects/add"; +var newplan_del_url = "/RandD/proposed_projects/delete"; +var api_url = "/RandD"; +var webapi_url = "/RandD"; + + +$.fn.dataTable.ext.errMode = "none"; +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +var showpdf = function (targetx) { + + $('#pdf-view').attr('src', targetx); + $('#ModalPDF').modal('show'); + + +} +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +var AllValidity = function () { + if ($('#allocatecredit-no').is(':checked')) { + $("#new-target-amount").val(" ") + } + CanSubmit = true; + let newPlanForm = document.getElementById("FormNewPlan"); + let newPlanInputs = newPlanForm.querySelectorAll("input"); + for (var i = 0; i < newPlanInputs.length; i++) { + if (!newPlanInputs[i].value) { + newPlanInputs[i].classList.add("is-invalid-input"); + canAdd = false; + CanSubmit = false; + } else { + newPlanInputs[i].classList.remove("is-invalid-input"); + + + } + } + if ($("#new-province-id").val() == null) { + $("#new-province-id").addClass("is-invalid-input") + } + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + GoSubmitNewPlan(); +}; + +var GoSubmitNewPlan = function () { + if (CanSubmit) { + // alert("can submit"); + PostNewPlan(); + } + +} +//;;;;;;;;;;;;;;;;;;;;;;;;;; +var NPlanFormData = new FormData(); +var proj_rfp_file; +var proj_justification_file; +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$("#1ndfileUpload").change(function () { + proj_rfp_file = this.files; + // NPlanFormData.append("proj_rfp_file", proj_rfp_file); + $.each(proj_rfp_file, function (i, file) { + NPlanFormData.append("proj_rfp_file", file); + }); +}); +$("#2ndfileUpload").change(function () { + proj_justification_file = this.files; + // NPlanFormData.append("proj_justification_file", proj_justification_file); + $.each(proj_justification_file, function (i, file) { + NPlanFormData.append("proj_justification_file", file); + }); +}); + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;Pack inputs +var PostNewPlan = function () { + + + var project_title = $("#new-project-title").val(); + var province_fa = $("#new-province-id option:selected").text(); + var domain_fa = $("#new_domain_id option:selected").text(); + var proj_etimate_amount = $("#new-contract-amount").val(); + var proj_credit_state = $("input[name='proj_credit_state']:checked").val(); + var proj_credit_resource = $("#new-target-amount").val(); + var proj_agents = AgentList.toString(); + var proj_regby_name = $("#proj_regby_name").val(); + var proj_regby_family = $("#proj_regby_family").val(); + var proj_regby_phone = $("#proj_regby_phone").val(); + + + + + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + + + NPlanFormData.append("project_title", project_title); + NPlanFormData.append("province_fa", province_fa); + NPlanFormData.append("domain_fa", domain_fa); + NPlanFormData.append("proj_etimate_amount", proj_etimate_amount); + NPlanFormData.append("proj_credit_state", proj_credit_state); + NPlanFormData.append("proj_credit_resource", proj_credit_resource); + NPlanFormData.append("proj_agents", proj_agents); + // NPlanFormData.append("proj_rfp_file", "24"); + // NPlanFormData.append("proj_justification_file", "24"); + NPlanFormData.append("proj_regby_name", proj_regby_name); + NPlanFormData.append("proj_regby_family", proj_regby_family); + NPlanFormData.append("proj_regby_phone", proj_regby_phone); + for (var pair of NPlanFormData.entries()) { + console.log(pair[0] + ', ' + pair[1]); + } + console.log(NPlanFormData); + $.ajax({ + url: newplan_add_url, + type: "post", + headers: { + 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') + }, + data: NPlanFormData, + processData: false, + contentType: false, + success: function (response, status, jqxhr) { + hideLoaderScreen(); + // $('#RandDnew').DataTable().ajax.reload(null, false); + $("#SuccessModal").modal("show"); + //newplan submitted maxter + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + }, + error: function (jqxhr, status, errorMessage) { + hideLoaderScreen(); + $("#UnSuccessModal").modal("show"); + } + }); + + + + + + + +} +// var tablenewx = $('#RandDnew').DataTable(); +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$('#RandDnew').on("click", "button.deletsubmit", function () { + + + data_row = $('#RandDnew').DataTable().row($(this).closest('tr')).data(); + rowid = data_row.id; + + //==============================================================Delete row + + var element = $(this); + + + var info = { + id: data_row.id + }; + // if (confirm("تایید برای حذف رکورد")) { + // $.ajax({ + // type: "POST", + // url: newplan_del_url, + + // data: info, + // success: function() { + + // $('#RandDnew').DataTable().ajax.reload(null, false); + + + + // } + // }); + // $(this).parents(".show").animate({ backgroundColor: "#003" }, "slow") + // .animate({ opacity: "hide" }, "slow"); + // } + + + Swal.fire({ + icon: "warning", + title: "آیا برای حذف مطمئن هستید؟", + showCancelButton: true, + confirmButtonColor: "#3085d6", + cancelButtonColor: "#d33", + confirmButtonText: "بله، تایید می‌شود", + cancelButtonText: "منصرف شدم!", + showLoaderOnConfirm: true, + preConfirm: () => { + showLoaderScreen(); + $.ajax({ + url: newplan_del_url, + data: info, + type: "POST", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + + success: function (result) { + $('#RandDnew').DataTable().ajax.reload(null, false); + }, + error: function (error) { + Swal.fire({ + icon: "error", + title: "خطا", + confirmButtonText: "بستن", + }); + }, + }); + }, + }); +}); +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +let guid = () => { + let s4 = () => { + return Math.floor((1 + Math.random()) * 0x10000) + .toString(16) + .substring(1); + } + var xuud = ""; + xuud = s4() + s4() + s4() + s4() + s4() + s4() + s4() + s4(); + // xuud = xuud.replace("-", ""); + // return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); + return xuud; +} +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;maxter load +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$(window).on('load', function () { + $('#SelectModalRandD').modal('show'); +}); + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$('#swicon').change(function () { + var x = $("#swicon option:selected").attr('value'); + switch (x) { + case '1': + showrAndfirst() + break; + case '2': + showrandsecond() + break; + } + + // $('#listTitle').css('display', 'none') + // $("#RandD-holder").css('display', 'none'); + // $("#RandDnew-holder").css('display', 'none'); + // $('#open_select_modal').css('display', 'none') + + // $("#SelectModalRandD").modal("show"); + +}); +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;Table switcher max0d3r +var SwTable = function (ix) { + if (ix == 1) { + // $("#RandD-holder").css('display', 'block'); + $("#RandD-holder").fadeOut("slow"); + $("#RandDnew-holder").css('display', 'none'); + } else { + $("#RandDnew-holder").fadeOut("slow"); + $("#RandD-holder").css('display', 'none'); + + + } +} + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;Form SElector maxt0r;;;;;;;;;;;;;;;;; +$('#open_select_modal').click(function () { + $('#stepModalRandD').modal({ + backdrop: 'static', + keyboard: false + }); + if (tableOnWork == 'OfferProject') { + $("#NewPlanModal").modal("show"); + $("#submitNewProject").css("display", "inline"); + $("#EditNewProject").css("display", "none"); + } else { + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + $("#uploadedItemspic").empty(); + $("#uploadedItemspic2").empty(); + $("#uploadedItemspic3").empty(); + $("#uploadedItemspic4").empty(); + $("#submitNewRow").attr("disabled", false); + edit = false; + showModal(0); + initialField(); + $("#SelectModalRandD").modal("hide"); + $("#submitNewRow").css("display", "none"); + + $("#submitNewRow_new").css("display", "block"); + + // $("#showfile").css("visibility", "hidden"); + $("#province-id").empty(); + $("#province-id").append(''); + + for (let index = 0; index < provinces.length; index++) { + $("#province-id").append( + "\ + \ + " + ); + } + + $("#stepModalRandD").modal("show"); + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + + } + +}); +//::::::::::::::::::::::::::::::::::::::::Maxter RandD:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: +var rdAgentSw = function (cnt) { + + switch (cnt) { + case 1: + acnt = "یک کارشناس"; + + break; + case 2: + acnt = "دو کارشناس"; + break; + + case 3: + acnt = "سه کارشناس"; + // code block + + default: + // code block + } + + return acnt; +} +//============================================================================ +function initialnewprojectForm() { + $('#allocatecredit-ok').prop('checked', false); + $('#allocatecredit-no').prop('checked', true); + +} + +//=========add agent + + +// +$('#addagentRND').on('click', function () { + var agentreq = 0; + var fieldkey; + var fieldVal; + var agentObj = []; + var rowAgent; + //...................... validate Section..................................................... + let agentsDiv = document.getElementById("rdagentsection"); + let inputAgents = agentsDiv.querySelectorAll("input"); + for (var i = 0; i < inputAgents.length; i++) { + if (!inputAgents[i].value) { + inputAgents[i].classList.add("is-invalid-input"); + canAdd = false; + } else { + inputAgents[i].classList.remove("is-invalid-input"); + fieldkey = inputAgents[i].getAttribute("name"); + fieldVal = inputAgents[i].value; + randdAgents[fieldkey] = fieldVal; + agentreq++; + } + } + + + + + + + ////////////////////////////////////////////////////////////////////////// + if (maxagent > currAgentcnt) { + var uidd = guid(); + let agentParent = document.getElementById("rdagentslist"); + let agentRows = rdagentslist.querySelectorAll("div.row"); + var agntcrntRow = 0; + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + if (Object.keys(randdAgents).length > 0) { + console.log('1', AgentList); + randdAgents["xid"] = uidd; + var xrowadd; + var rowToAdd = JSON.stringify(randdAgents); + xrowadd + AgentList.push(rowToAdd); + console.log('2', AgentList); + + + } + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + for (var i = 0; i < agentRows.length; i++) { + agntcrntRow++; + + }; + currAgentcnt = agntcrntRow; + + + ///++++++++++++++++++++++++++++++++++++++++++++++++++++ + + + if (agentreq > 2) { + rowAgent = '
    '; + rowAgent += '
    ' + '' + '' + '' + '
    '; + rowAgent += '
    ' + '' + 'نام : ' + randdAgents["projectagentname"] + '' + '
    '; + rowAgent += '
    ' + '' + ' نام خانوادگی : ' + randdAgents["projectagentfamily"] + '' + '
    '; + rowAgent += '
    ' + '' + 'تلفن :' + randdAgents["projectagentphone"] + '' + '
    '; + rowAgent += '
    ' + console.log(randdAgents[0]); + $('#rdagentslist').append(rowAgent); + // currAgentcnt++; + } + } else { + $('#agentiscomp').css('display', 'block'); + } + nameName = $("#projectagentname").val(); + familyName = $("#projectagentfamily").val(); + numberName = $("#projectagentphone").val(); + console.log("kose ammatun", nameName); + console.log("kose ammatun", familyName); + console.log("kose ammatun", numberName); + GenerateTablefilter(nameName, familyName, numberName); +}); + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + +///////////////////////////////////////////////////////Submit newPlan +$('#submitNewProject').on('click', function () { + AllValidity(); + // showLoaderScreen(); +}); + +$('#regnewplancomp').on('click', function () { + $('#NewPlanModal').modal('hide'); + $('#RandDnew').DataTable().ajax.reload(null, false); + + +}); + +//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +var RemoveAgentRow = function (ixx) { + var remrow = 'div[xid="' + ixx + '"]'; + var itemjson; + $(remrow).remove(); + AgentList.forEach(function (item, indexthis) { + itemjson = JSON.parse(item) + if (itemjson.xid == ixx) { + AgentList.splice(indexthis, 1); + } + + }); + console.log('after-remobing', AgentList); + currAgentcnt--; + +}; +//----------------------------------Upload File-----MAx0der------------------------------------------------------------- +$('#2ndfileUpload').change(function (e) { + $('#2ndfileSelected').val($(this).val()); +}); + +document.getElementById('2getfile').onclick = function () { + document.getElementById('2ndfileUpload').click(); +}; + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$('#1ndfileUpload').change(function (e) { + $('#1ndfileSelected').val($(this).val()); +}); + +document.getElementById('1getfile').onclick = function () { + document.getElementById('1ndfileUpload').click(); +}; +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$(document).ready(function () { + setTimeout(() => { + checkPosition(); + }, 50); + init_row_filter() + //new add after upload + //just number for contract amount and number and date + $("#contract-amount").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + // $("#contract-num").keypress(function(e) { + // if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + // }); + $("#contract-date").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + $("#projectagentphone").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + $("#projectagentphone").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + $("#proj_regby_phone").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + $("#proj_responsible_phone").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + //just number for contract amount and number and date + //new add after upload + + //++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Maxter x0d3r + + //+++++++++++++++++++++++++ +}); + +function showLoaderScreen() { + $(".divloader").css("display", "flex").hide().fadeIn(); +} + +function hideLoaderScreen() { + $(".divloader").fadeOut(); +} + +function ajaxcalltablefirst() { + $.ajax({ + url: RandD_table, + type: "GET", + success: function (result) { + $("#example").dataTable().fnClearTable(); + $("#example").dataTable().fnAddData(result.data); + hideLoaderScreen(); + // Swal.fire({ + // icon: "success", + // title: "با موفقیت بروزرسانی شد", + // confirmButtonText: "بستن", + // }); + }, + }); +} + + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;Rendering Tables Maxter;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +var newtable; +var OfferTableRender = function () { + + newtable = $("#RandDnew").DataTable({ + dom: "p>", + pagingType: "simple_numbers", + scrollX: true, + // // scrollY: "500px", + scrollY: true, + responsive: true, + pageLength: 8, + language: { + sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد", + sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف", + sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف", + sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)", + sInfoPostFix: "", + sInfoThousands: ",", + sLengthMenu: "نمایش _MENU_ ردیف", + sLoadingRecords: "در حال بارگذاری...", + sProcessing: "در حال پردازش...", + sSearch: "جستجو: ", + sZeroRecords: "رکوردی با این مشخصات پیدا نشد", + oPaginate: { + sFirst: "برگه‌ی نخست", + sLast: "برگه‌ی آخر", + sNext: "بعدی", + sPrevious: "قبلی", + }, + oAria: { + sSortAscending: ": فعال سازی نمایش به صورت صعودی", + sSortDescending: ": فعال سازی نمایش به صورت نزولی", + }, + }, + + processing: true, + select: true, + ajax: { + url: newplan_all_url, + type: "GET", + + }, + columns: [{ + className: "text-center", + data: null, + render: function (data, type, row, meta) { + return meta.row + 1; + }, + }, + { + data: "id" + }, + { + data: "province_fa" + }, + { + data: "project_title" + }, + { + data: "domain_fa" + }, + { + data: "proj_etimate_amount" + }, + { + data: "proj_credit_state" + }, + { + data: "proj_credit_resource" + }, + + { + data: "proj_rfp_file", + + render: function (data, type, row) { + var targeturl = serverUp + data + ".pdf"; + + return ''; + + } + }, + { + data: "proj_justification_file", + render: function (data, type, row) { + var targeturl2 = serverUp + data + ".pdf"; + + // return ''; + return ''; + + } + }, + { + data: "proj_agents", + render: function (rdata, type, row, meta) { + // var rowid = meta.row; + // var agentshow = ''; + // return agentshow; + var ObjectShow = []; + var jsonRow; + var jsonrowlist; + // var datarowshow = data.proj_agents; + ObjectShow.push(rdata); + console.log('objectshow', ObjectShow); + + jsonRow = '[' + ObjectShow[0] + ']'; + jsonrowlist = JSON.parse(jsonRow); + console.log('jsonRow', jsonrowlist); + var lstselect = '
    '; + // lstselect += '
    نام خانوادگی
    نام
    تلفن
    '; + lstselect += ''; + lstselect += '
    '; + // return $select.html(); + return lstselect; + } + + + + }, + //sabt konande + { + data: "proj_regby_name" + }, + { + data: "proj_regby_family" + }, + { + data: "proj_regby_phone" + }, + //sabt konande + { + className: "text-center", + data: null, + render: function (data, type, row) { + return `
    + + +
    + + + +
    ` + }, + }, + ], + + columnDefs: [{ + className: "center-col", + targets: "_all" + }, + + ], + + buttons: [{ + extend: "excelHtml5", + title: "Excel", + text: '
    اکسل
    ', + messageTop: "تحقیق و توسعه(R&D)", + exportOptions: { + columns: [0, 1, 2, 3, 4, 5, 6, 7, 8], + }, + customize: function (xlsx) { + var sheet = xlsx.xl.worksheets["sheet1.xml"]; + + // Loop over the cells in column `C` + $('row c[r^="M"]', sheet).each(function () { + // Get the value + + $(this).attr("s", "52"); + }); + $('row c[r^="N"]', sheet).each(function () { + // Get the value + + $(this).attr("s", "52"); + }); + }, + },], + initcomplete: function () { + $("body").find(".dataTables_scrollBody").addClass("scrollbar"); + $("body").find(".dataTables_scrollBody").addClass("stylescroll"); + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;maxter + + + + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + }, + drawCallback: function (settings) { + $("body").find(".dataTables_scrollBody").addClass("scrollbar"); + $("body").find(".dataTables_scrollBody").addClass("stylescroll"); + + }, + + }); + + $('#OpenFormAdd').css('display', 'block'); + $('#open_select_modal').css('display', 'block'); + +}; +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;showing pdf maxter:::::::::::::::::::::::::: +var openpdf = function (targetx) { + $("#dialog").dialog({ + modal: true, + title: targetx, + width: 540, + height: 450, + buttons: { + Close: function () { + $(this).dialog('close'); + } + }, + open: function () { + var object = ""; + object += "If you are unable to view file, you can download from here"; + object += " or download Adobe PDF Reader to view the file."; + object += ""; + object = object.replace(/{FileName}/g, "Files/" + targetx); + $("#dialog").html(object); + } + }); + +} +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + +var table; +var CurrtableRender = function () { + showLoaderScreen(); + table = $("#RandD").DataTable({ + dom: "p>", + pagingType: "simple_numbers", + scrollX: true, + // scrollY: "500px", + scrollY: true, + responsive: true, + language: { + sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد", + sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف", + sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف", + sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)", + sInfoPostFix: "", + sInfoThousands: ",", + sLengthMenu: "نمایش _MENU_ ردیف", + sLoadingRecords: "در حال بارگذاری...", + sProcessing: "در حال پردازش...", + sSearch: "جستجو: ", + sZeroRecords: "رکوردی با این مشخصات پیدا نشد", + oPaginate: { + sFirst: "برگه‌ی نخست", + sLast: "برگه‌ی آخر", + sNext: "بعدی", + sPrevious: "قبلی", + }, + oAria: { + sSortAscending: ": فعال سازی نمایش به صورت صعودی", + sSortDescending: ": فعال سازی نمایش به صورت نزولی", + }, + }, + order: [ + [0, "asc"][(1, "asc")], + [2, "desc"], + [3, "desc"], + [4, "desc"] + ], + order: [ + [0, "desc"] + ], + processing: true, + select: true, + ajax: { + url: RandD_table, + type: "GET", + dataSrc: function (json) { + cansubmit = json.can_submit; + if (cansubmit == 1) { + $("#add_sabbatical").css("display", "block"); + } else if (cansubmit == 0) { + $("#add_sabbatical").css("display", "none"); + } + return json.data; + }, + }, + columns: [{ + className: "text-center", + data: null, + render: function (data, type, row, meta) { + return meta.row + 1; + }, + }, + { + data: "unique_id" + }, + { + data: "province_fa" + }, + { + data: "project_title" + }, + { + data: "domain_fa" + }, + { + data: "contract_date" + }, + { + data: "contract_number" + }, + { + data: "contract_amount" + }, + { + data: null, + render: function (data, type, row) { + if (data.contract_status == 2) { + return `

    خاتمه یافته

    ` + } else { + return `

    در حال اجرا

    ` + } + } + }, + { + data: "contract_term" + }, + { + data: "project_agent" + }, + { + data: null, + render: function (data, type, row) { + if (data.contract_status == 2) { + + return `
    + +
    ` + } else { + return `
    ` + } + } + }, + { + data: null, + render: function (data, type, row) { + if (data.contract_status == 2) { + + return `
    + +
    ` + } else { + return `
    ` + } + } + }, + + //inja avaz shod + { + data: null, + render: function (data, type, row) { + if (data.contract_status == 2 && data.final_report_three != null) { + + return `
    + +
    ` + } else { + return `
    ` + } + } + }, + { + data: null, + render: function (data, type, row) { + if (data.contract_status == 2) { + + return `
    + +
    ` + } else { + return `
    ` + } + } + }, + //inja avaz shod + //////////////injaro bardar//////////////// + { + data: null, + render: function (data, type, row) { + if (data.project_status == 1) { + return `

    تحت بررسی

    ` + } else { + return `

    در حال اجرا

    ` + } + }, + }, + //////////////injaro bardar//////////////// + { + className: "text-center", + data: null, + render: function (data, type, row) { + if (data.project_status == 1) { + return `
    ` + } else { + var isAction = false + var content = `
    ` + if (data.perm.isCUD) { + content += `` + content += `
    ` + content += `` + isAction = true; + } + if (data.perm.requestFinish) { + content += `
    ` + content += `` + isAction = true; + } + if (!isAction) content += `
    ` + content += `
    ` + + return content; + } + }, + }, + ], + buttons: [{ + extend: "excelHtml5", + title: "Excel", + text: '
    اکسل
    ', + messageTop: "تحقیق و توسعه(R&D)", + exportOptions: { + columns: [0, 1, 2, 3, 4, 5, 6, 7, 8], + }, + customize: function (xlsx) { + var sheet = xlsx.xl.worksheets["sheet1.xml"]; + + // Loop over the cells in column `C` + $('row c[r^="M"]', sheet).each(function () { + // Get the value + + $(this).attr("s", "52"); + }); + $('row c[r^="N"]', sheet).each(function () { + // Get the value + + $(this).attr("s", "52"); + }); + }, + },], + initComplete: function () { + $("body").find(".dataTables_scrollBody").addClass("scrollbar"); + $("body").find(".dataTables_scrollBody").addClass("stylescroll"); + $(".js-example-basic-multiple").append( + '' + ); + if ($('#btn-fillter-project-by-status').data('all') == 'true') { + $('#btn-fillter-project-by-status').text('پروژه های در حال اجرا') + table.columns(8).search('').draw(); + $('#btn-fillter-project-by-status').data('all', 'false') + } else { + $('#btn-fillter-project-by-status').text('همه پروژه ها') + table.columns(8).search('در حال اجرا').draw(); + $('#btn-fillter-project-by-status').data('all', 'true') + } + hideLoaderScreen(); + }, + }); + $('#OpenFormAdd').css('display', 'block'); + $('#open_select_modal').css('display', 'block'); +} + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$(document).on("load", function () { + $(window).bind("resize", checkPosition); +}); + +function checkPosition() { + if ($(window).width() < 1300) { + $("#RandD_wrapper").css("margin-top", "20px"); + + } else { + $("#RandD_wrapper").css("margin-top", ""); + } + if ($(window).width() < 555) { + $(".content-center-dataTable").css("width", "260px"); + } else { + $(".content-center-dataTable").css("width", ""); + } + if ($(window).width() < 440) { + $(".dataTables_filter input").css("width", "94px"); + $(".dataTables_filter").css("margin-bottom", "10px"); + $(".dt-buttons").addClass("d-flex"); + $(".dt-buttons").addClass("justify-content-center"); + $(".dt-buttons button").css("font-size", "10px"); + } else { + $(".dataTables_filter input").css("width", ""); + $(".dataTables_filter").css("margin-bottom", ""); + $(".dt-buttons").removeClass("d-flex"); + $(".dt-buttons button").css("font-size", ""); + $(".dt-buttons").removeClass("justify-content-center"); + // pooria + } +} +$(".second-menu-img").click(function () { + $(".queen-size-nav").toggle({ + direction: "right" + }, 50); + if ( + $(".second-menu-img").attr("src") == + "../dist/images/new-design/burger-list.svg" + ) { + $(".second-menu-img").attr("src", "../dist/images/new-design/delete.svg"); + $(".queen-size-nav").css("position", "absolute"); + $(".queen-size-nav").css("z-index", "2"); + $(".queen-size-nav").css("width", "30%"); + $(".queen-size-nav").css("height", "100%"); + $(".second-top-menu").css("z-index", "2"); + } else if ( + $(".second-menu-img").attr("src") == "../dist/images/new-design/delete.svg" + ) { + $(".second-menu-img").attr( + "src", + "../dist/images/new-design/burger-list.svg" + ); + $(".second-top-menu").css("margin-right", "0px"); + $(".queen-size-nav").css("width", "0%"); + $(".queen-size-nav").css("height", "0%"); + } +}); +$(".queen-res").click(function () { + $(".first-step-res").slideToggle(300); + if ($(".first-step-res").css("display") == "block") { + $(".arrow-changing1").attr( + "src", + "../dist/images/new-design/arrow-down.svg" + ); + } + setTimeout(() => { + if ($(".first-step-res").css("display") == "none") { + $(".arrow-changing1").attr( + "src", + "../dist/images/new-design/arrow-left.svg" + ); + } + }, 320); +}); + +$(".second-queen-res").click(function () { + if ($(".first-step-res").css("display") == "block") { + $(".first-step-res").slideUp(300); + setTimeout(() => { + if ($(".first-step-res").css("display") == "none") { + $(".arrow-changing1").attr( + "src", + "../dist/images/new-design/arrow-left.svg" + ); + } + }, 320); + } +}); +$(".fivth-queen-res").click(function () { + $(".eight-step-res").slideToggle(300); +}); + + + +function showModal(id) { + $("#stepModalRandD").modal("show"); + $(".cancel").on("click", function () { + $("#stepModalRandD").modal("hide"); + }); +} +contractDatePicker = $("input[name=contract-date]").persianDatepicker({ + format: "YYYY/MM/DD", + initialValue: false, + autoClose: true, + initialValueType: "persian", + // position: [-150, 10], + onSelect: function (unix) { + if (contractDatePicker == "") { + $("#contract-date-id").addClass("is-invalid-input"); + } else { + $("#contract-date-id").removeClass("is-invalid-input"); + } + }, +}); + +function initialField() { + + $("#domain_id").val(""); + $("#project-title").val(""); + $("#province-id").val(""); + $("#contract-term").val(""); + $("#contract-date").val(""); + $("#contract-num").val(""); + $("#contract-amount").val(""); + // $("#contract-conditon-id").val(""); + $("#last-report").val(""); + $("#last-report2").val(""); + $("#last-report3").val(""); + $("#last-report4").val(""); + $("#executer").val(""); + + + + $("#domain_id").removeClass("is-invalid-input"); + $("#project-title").removeClass("is-invalid-input"); + $("#province-id").removeClass("is-invalid-input"); + $("#contract-term").removeClass("is-invalid-input"); + $("#contract-num").removeClass("is-invalid-input"); + $("#contract-amount").removeClass("is-invalid-input"); + $("#contract-conditon-id").removeClass("is-invalid-input"); + $("#last-report").removeClass("is-invalid-input"); + $("#last-report2").removeClass("is-invalid-input"); + // $("#last-report3").removeClass("is-invalid-input"); + $("#last-report4").removeClass("is-invalid-input"); + $("#contract-date").removeClass("is-invalid-input"); + $("#executer").removeClass("is-invalid-input"); + $("#file-input-validity").removeClass("is-invalid-input"); + $("#file-input-validity2").removeClass("is-invalid-input"); + // $("#file-input-validity3").removeClass("is-invalid-input"); + $("#file-input-validity4").removeClass("is-invalid-input"); + + + +} +//yadet bashe ha +$("#RandD").on("click", "button.downloadpdf", function () { + // // alert("hi") + var tr = $(this).closest("tr"); + var row = table.row(tr); + var final_report_one = row.data().final_report_one; + console.log("final_report_one", final_report_one); + window.open("/" + final_report_one, '_blank') +}); +$("#RandD").on("click", "button.downloadpdf2", function () { + window.location + // // alert("hi") + var tr = $(this).closest("tr"); + var row = table.row(tr); + var final_report_two = row.data().final_report_two; + console.log("final_report_two", final_report_two); + window.open("/" + final_report_two, '_blank') +}); +$("#RandD").on("click", "button.downloadpdf3", function () { + window.location + // // alert("hi") + var tr = $(this).closest("tr"); + var row = table.row(tr); + var final_report_three = row.data().final_report_three; + console.log("final_report_three", final_report_three); + window.open("/" + final_report_three, '_blank') +}); +$("#RandD").on("click", "button.downloadpdf4", function () { + window.location + // // alert("hi") + var tr = $(this).closest("tr"); + var row = table.row(tr); + var final_report_four = row.data().final_report_four; + console.log("final_report_four", final_report_four); + window.open("/" + final_report_four, '_blank') +}); +$("#RandD").on("click", "button.details-control", function () { + //new add after upload + if ($("#province-id").hasClass("is-invalid-input")) { + $("#province-id").removeClass("is-invalid-input"); + }; + if ($("#contract-term").hasClass("is-invalid-input")) { + $("#contract-term").removeClass("is-invalid-input"); + }; + if ($("#project-title").hasClass("is-invalid-input")) { + $("#project-title").removeClass("is-invalid-input"); + } + if ($("#contract-conditon-id").hasClass("is-invalid-input")) { + $("#contract-conditon-id").removeClass("is-invalid-input"); + } + if ($("#contract-amount").hasClass("is-invalid-input")) { + $("#contract-amount").removeClass("is-invalid-input"); + } + if ($("#domain_id").hasClass("is-invalid-input")) { + $("#domain_id").removeClass("is-invalid-input"); + } + if ($("#contract-num").hasClass("is-invalid-input")) { + $("#contract-num").removeClass("is-invalid-input"); + } + if ($("#contract-date").hasClass("is-invalid-input")) { + $("#contract-date").removeClass("is-invalid-input"); + } + if ($("#executer").hasClass("is-invalid-input")) { + $("#executer").removeClass("is-invalid-input"); + } + if ($("#contract-term").hasClass("is-invalid-input")) { + $("#contract-term").removeClass("is-invalid-input"); + } + if ($("#file-input-validity").hasClass("is-invalid-input")) { + $("#file-input-validity").removeClass("is-invalid-input"); + } + if ($("#file-input-validity2").hasClass("is-invalid-input")) { + $("#file-input-validity2").removeClass("is-invalid-input"); + } + // if ($("#file-input-validity3").hasClass("is-invalid-input")) { + // $("#file-input-validity3").removeClass("is-invalid-input"); + // } + if ($("#file-input-validity4").hasClass("is-invalid-input")) { + $("#file-input-validity4").removeClass("is-invalid-input"); + } + + //new add after upload + showModal(0); + edit = true; + // $("#showfile").empty(); + $("#showfile").css('visibility', 'hidden'); + $("#showfile2").css('visibility', 'hidden'); + $("#showfile3").css('visibility', 'hidden'); + $("#showfile4").css('visibility', 'hidden'); + $("#submitNewRow_new").css("display", "none"); + $("#submitNewRow").css("display", "block"); + + var tr = $(this).closest("tr"); + var row = table.row(tr); + idEdit = row.data().id; + $("#contract-date-id").val(row.data().contract_date); + var provinceid = row.data().province_id; + var provincefa = row.data().province_fa; + + var projectTitle = row.data().project_title; + var contract_date = row.data().contract_date; + var contractNum = row.data().contract_number; + var ProjectTitle = row.data().project_name; + var contraact_amount = row.data().contract_amount; + var contract_term = row.data().contract_term; + var contract_conditon_id = row.data().contract_status; + var domain_id = row.data().domain_id; + var executee = row.data().project_agent; + $("#project-title").val(projectTitle); + $("#contract-date").val(contract_date); + $("#domain_id").val(domain_id); + $("#contract-num").val(contractNum); + $("#contract-amount").val(contraact_amount); + $("#contract-term").val(contract_term); + $("#contract-conditon-id").val(contract_conditon_id); + $("#executer").val(executee); + if (contract_conditon_id == 2) { + $("#showfile").css("visibility", "visible"); + } + // $("#province-id").empty(); + $("#province-id").append(''); + + for (let index = 0; index < provinces.length; index++) { + $("#province-id").append( + "\ + \ + " + ); + } + $("#province-id").val(provinceid); + // if (parseInt($(this).children("option:selected").val()) == 1) { + // $("#showfile").css('visibility', 'hidden') + // $("#onprocceschange").css('display', 'none') + // } + // if (parseInt($(this).children("option:selected").val()) == 2) { + // $("#showfile").css('visibility', 'visible') + // } + // if($("#contract-conditon-id").val() == 1) { + $("#showfile").css('visibility', 'visible'); + $("#showfile2").css('visibility', 'visible'); + $("#showfile3").css('visibility', 'visible'); + $("#showfile4").css('visibility', 'visible'); + // } +}); +$("#RandDnew").on("click", "button.details-control", function () { + //new add after upload + + if ($("#new-project-title").hasClass("is-invalid-input")) { + $("#new-project-title").removeClass("is-invalid-input"); + }; + if ($("#new-province-id").hasClass("is-invalid-input")) { + $("#new-province-id").removeClass("is-invalid-input"); + } + if ($("#new_domain_id").hasClass("is-invalid-input")) { + $("#new_domain_id").removeClass("is-invalid-input"); + } + if ($("#new-contract-amount").hasClass("is-invalid-input")) { + $("#new-contract-amount").removeClass("is-invalid-input"); + } + if ($("#new-target-amount").hasClass("is-invalid-input")) { + $("#new-target-amount").removeClass("is-invalid-input"); + } + if ($("#projectagentname").hasClass("is-invalid-input")) { + $("#projectagentname").removeClass("is-invalid-input"); + } + if ($("#projectagentfamily").hasClass("is-invalid-input")) { + $("#projectagentfamily").removeClass("is-invalid-input"); + } + if ($("#projectagentphone").hasClass("is-invalid-input")) { + $("#projectagentphone").removeClass("is-invalid-input"); + } + if ($("#1ndfileSelected").hasClass("is-invalid-input")) { + $("#1ndfileSelected").removeClass("is-invalid-input"); + } + if ($("#2ndfileSelected").hasClass("is-invalid-input")) { + $("#2ndfileSelected").removeClass("is-invalid-input"); + } + if ($("#proj_regby_name").hasClass("is-invalid-input")) { + $("#proj_regby_name").removeClass("is-invalid-input"); + } + if ($("#proj_regby_family").hasClass("is-invalid-input")) { + $("#proj_regby_family").removeClass("is-invalid-input"); + } + if ($("#proj_regby_phone").hasClass("is-invalid-input")) { + $("#proj_regby_phone").removeClass("is-invalid-input"); + } + if ($("#file-input-validity").hasClass("is-invalid-input")) { + $("#file-input-validity").removeClass("is-invalid-input"); + } + if ($("#file-input-validity2").hasClass("is-invalid-input")) { + $("#file-input-validity2").removeClass("is-invalid-input"); + } + // if ($("#file-input-validity3").hasClass("is-invalid-input")) { + // $("#file-input-validity3").removeClass("is-invalid-input"); + // } + if ($("#file-input-validity4").hasClass("is-invalid-input")) { + $("#file-input-validity4").removeClass("is-invalid-input"); + } + + // $("#new-province-id").empty(); + // $("#new_domain_id").empty(); + // $("#new-contract-amount").empty(); + // $("#new-target-amount").empty(); + // $("#projectagentname").empty(); + // $("#projectagentfamily").empty(); + // $("#projectagentphone").empty(); + // $("#1ndfileSelected").empty(); + // $("#2ndfileSelected").empty(); + // $("#proj_regby_name").empty(); + // $("#proj_regby_family").empty(); + // $("#proj_regby_phone").empty(); + // $("#file-input-validity").empty(); + $("#NewPlanModal").modal("show"); + $("#NewPlanModal").find(".form-control").empty(); + edit = true; + $("#submitNewProject").css("display", "none"); + $("#EditNewProject").css("display", "inline"); + + var tr = $(this).closest("tr"); + // var row = table.row(tr); + // idEdit = row.data().id; + console.log("gooz", tr); + // $("#contract-date-id").val(row.data().contract_date); + // var provinceid = row.data().province_id; + // var provincefa = row.data().province_fa; + + // var projectTitle = row.data().project_title; + // var contract_date = row.data().contract_date; + // var contractNum = row.data().contract_num; + // var ProjectTitle = row.data().project_name; + // var contraact_amount = row.data().contract_amount; + // var contract_conditon_id = row.data().contract_condition_id; + // var domain_id = row.data().domain_id; + // var executee = row.data().executer; + // $("#project-title").val(projectTitle); + // $("#contract-date").val(contract_date); + // $("#domain_id").val(domain_id); + // $("#contract-num").val(contractNum); + // $("#contract-amount").val(contraact_amount); + // $("#contract-conditon-id").val(contract_conditon_id); + // $("#executer").val(executee); + // if (contract_conditon_id == 2) { + // $("#showfile").css("visibility", "visible"); + // } + // $("#province-id").empty(); + // $("#province-id").append(''); + + // for (let index = 0; index < provinces.length; index++) { + // $("#province-id").append( + // "\ + // \ + // " + // ); + // } + // $("#province-id").val(provinceid); +}); + +$("#submitNewRow_new").on("click", function () { + $("#submitNewRow_new").attr("disabled", "disabled") + let formData = new FormData(); + + let provinceVal = $("#province-id").val(); + let province_fa = $("#province-id :selected").text(); + let project_title_val = $("#project-title").val(); + let contract_date_val = $("#contract-date").val(); + let contract_num_val = $("#contract-num").val(); + let domain_id_val = $("#domain_id").val(); + let contract_amount_val = $("#contract-amount").val(); + let contract_term_val = $("#contract-term").val(); + let contract_conditon_id_val = $("#contract-conditon-id").val(); + // let contract_conditon_fa_val = $("#contract-conditon-id :selected").text(); + let executer = $("#executer").val(); + if (provinceVal == null) { + $("#province-id").addClass("is-invalid-input"); + } else { + $("#province-id").removeClass("is-invalid-input"); + } + if (contract_term_val == "") { + $("#contract-term").addClass("is-invalid-input"); + } else { + $("#contract-term").removeClass("is-invalid-input"); + } + if (project_title_val == "") { + $("#project-title").addClass("is-invalid-input"); + } else { + $("#project-title").removeClass("is-invalid-input"); + } + if (executer == "") { + $("#executer").addClass("is-invalid-input"); + } else { + $("#executer").removeClass("is-invalid-input"); + } + if (contract_date_val == "") { + $("#contract-date").addClass("is-invalid-input"); + } else { + $("#contract-date").removeClass("is-invalid-input"); + } + if (contract_num_val == "") { + $("#contract-num").addClass("is-invalid-input"); + } else { + $("#contract-num").removeClass("is-invalid-input"); + } + if (domain_id_val == null) { + $("#domain_id").addClass("is-invalid-input"); + } else { + $("#domain_id").removeClass("is-invalid-input"); + } + if (contract_amount_val == "") { + $("#contract-amount").addClass("is-invalid-input"); + } else { + $("#contract-amount").removeClass("is-invalid-input"); + } + if (contract_conditon_id_val == null) { + $("#contract-conditon-id").addClass("is-invalid-input"); + } else { + $("#contract-conditon-id").removeClass("is-invalid-input"); + } + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic-0").val() != "") { + $("#file-input-validity").addClass("is-invalid-input"); + $("#last-report").addClass("is-invalid-input"); + } else { + $("#file-input-validity").removeClass("is-invalid-input"); + $("#last-report").removeClass("is-invalid-input"); + } + } else if ($("#contract-conditon-id").val() == 1) { + $("#file-input-validity").removeClass("is-invalid-input"); + } + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic2-0").val() != "") { + $("#file-input-validity2").addClass("is-invalid-input"); + $("#last-report2").addClass("is-invalid-input"); + } else { + $("#file-input-validity2").removeClass("is-invalid-input"); + $("#last-report2").removeClass("is-invalid-input"); + } + } else if ($("#contract-conditon-id").val() == 1) { + $("#file-input-validity2").removeClass("is-invalid-input"); + } + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic3-0").val() != "") { + // $("#file-input-validity3").addClass("is-invalid-input"); + // $("#last-report3").addClass("is-invalid-input"); + } + // else { + // $("#file-input-validity3").removeClass("is-invalid-input"); + // $("#last-report3").removeClass("is-invalid-input"); + // } + } + // else if ($("#contract-conditon-id").val() == 1) { + // $("#file-input-validity3").removeClass("is-invalid-input"); + // } + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic4-0").val() != "") { + $("#file-input-validity4").addClass("is-invalid-input"); + $("#last-report4").addClass("is-invalid-input"); + } else { + $("#file-input-validity4").removeClass("is-invalid-input"); + $("#last-report4").removeClass("is-invalid-input"); + } + } else if ($("#contract-conditon-id").val() == 1) { + $("#file-input-validity4").removeClass("is-invalid-input"); + } + formData.append("province_id", provinceVal); + formData.append("province_fa", province_fa); + formData.append("project_title", project_title_val); + formData.append("contract_date", contract_date_val); + formData.append("contract_number", contract_num_val); + formData.append("domain_id", domain_id_val); + formData.append("contract_amount", contract_amount_val); + formData.append("contract_term", contract_term_val); + // formData.append("contract_condition_id", contract_conditon_id_val); + formData.append("contract_status", contract_conditon_id_val); + formData.append("project_agent", executer); + if ($("input[name=modalUpFilepic2]")[0].files.length != 0) + formData.append( + "file1", + $("input[name=modalUpFilepic2]")[0].files[0] + ); + if ($("input[name=modalUpFilepic]")[0].files.length != 0) + formData.append( + "file2", + $("input[name=modalUpFilepic]")[0].files[0] + ); + if ($("input[name=modalUpFilepic3]")[0].files.length != 0) + formData.append( + "file3", + $("input[name=modalUpFilepic3]")[0].files[0] + ); + if ($("input[name=modalUpFilepic4]")[0].files.length != 0) + formData.append( + "file4", + $("input[name=modalUpFilepic4]")[0].files[0] + ); + if ($("#stepModalRandD").find(".is-invalid-input").length || $("#file-input-validity").hasClass("is-invalid-input") || $("#file-input-validity2").hasClass("is-invalid-input") || $("#file-input-validity4").hasClass("is-invalid-input")) { + // has error + Swal.fire({ + icon: "error", + title: "خطا", + text: "لطفا تمامی فیلدهای مرتبط را تکمیل کنید.", + confirmButtonText: "بستن", + }); + $("#submitNewRow_new").removeAttr("disabled"); + + } else { + showLoaderScreen(); + $.ajax({ + url: "/RandD/projects/add", + type: "POST", + data: formData, + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (result) { + $("#submitNewRow_new").removeAttr("disabled"); + // hideLoaderScreen(); + ajaxcalltable(); + showLoaderScreen(); + }, + error: function (error) { + $("#submitNewRow_new").removeAttr("disabled"); + + hideLoaderScreen(); + // Swal.fire({ + // icon: "error", + // title: "خطا", + // text: "خطایی رخ داده است", + // confirmButtonText: "بستن", + // }); + }, + }); + } + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic-0").val() != "") { + $("#file-input-validity").addClass("is-invalid-input"); + $("#last-report").addClass("is-invalid-input"); + } else { + $("#file-input-validity").removeClass("is-invalid-input"); + $("#last-report").removeClass("is-invalid-input"); + } + } else if ($("#contract-conditon-id").val() == 1) { + $("#file-input-validity").removeClass("is-invalid-input"); + } + + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic2-0").val() != "") { + $("#file-input-validity2").addClass("is-invalid-input"); + $("#last-report2").addClass("is-invalid-input"); + } else { + $("#file-input-validity2").removeClass("is-invalid-input"); + $("#last-report2").removeClass("is-invalid-input"); + } + } else if ($("#contract-conditon-id").val() == 1) { + $("#file-input-validity2").removeClass("is-invalid-input"); + } + + if ($("#contract-conditon-id").val() == 2) { + // if ($("#itempic3-0").val() != "") { + // $("#file-input-validity3").removeClass("is-invalid-input"); + // $("#last-report3").addClass("is-invalid-input"); + // } + // else { + // $("#file-input-validity3").removeClass("is-invalid-input"); + // $("#last-report3").addClass("is-invalid-input"); + // } + } + // else if ($("#contract-conditon-id").val() == 1) { + // $("#file-input-validity3").removeClass("is-invalid-input"); + // } + + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic4-0").val() != "") { + $("#file-input-validity4").removeClass("is-invalid-input"); + $("#last-report4").addClass("is-invalid-input"); + } else { + $("#file-input-validity4").removeClass("is-invalid-input"); + $("#last-report4").addClass("is-invalid-input"); + } + } else if ($("#contract-conditon-id").val() == 1) { + $("#file-input-validity4").removeClass("is-invalid-input"); + } + + +}); +//balaii khube +//paiini ashghale +$("#submitNewRow").on("click", function () { + + let formData = new FormData(); + + let provinceVal = $("#province-id :selected").text(); + + let provinceidVal = $("#province-id").val(); + + let projectVal = $("#project-title").val(); + + let contractdateVal = $("#contract-date").val(); + + let contractnumVal = $("#contract-num").val(); + + let domainidVal = $("#domain_id").val(); + + let contractamountVal = $("#contract-amount").val(); + + let contractConditionVal = $("#contract-conditon-id :selected").text(); + + let contractConditionidVal = $("#contract-conditon-id").val(); + //////////////injaro bardar///////////////// + let contract_term_val = $("#contract-term").val() + //////////////injaro bardar///////////////// + let executerVal = $("#executer").val(); + + if (provinceVal == "") { + $("#province-id").addClass("is-invalid-input"); + } else { + $("#province-id").removeClass("is-invalid-input"); + } + if (projectVal == "") { + $("#project-title").addClass("is-invalid-input"); + } else { + $("#project-title").removeClass("is-invalid-input"); + } + if (contractdateVal == "") { + $("#contract-date").addClass("is-invalid-input"); + } else { + $("#contract-date").removeClass("is-invalid-input"); + } + if (contractnumVal == "") { + $("#contract-num").addClass("is-invalid-input"); + } else { + $("#contract-num").removeClass("is-invalid-input"); + } + if (domainidVal == "") { + $("#domain_id").addClass("is-invalid-input"); + } else { + $("#domain_id").removeClass("is-invalid-input"); + } + if (contractamountVal == "") { + $("#contract-amount").addClass("is-invalid-input"); + } else { + $("#contract-amount").removeClass("is-invalid-input"); + } + if (contractConditionVal == "") { + $("#contract-conditon-id").addClass("is-invalid-input"); + } else { + $("#contract-conditon-id").removeClass("is-invalid-input"); + } + if (executerVal == "") { + $("#executer").addClass("is-invalid-input"); + } else { + $("#executer").removeClass("is-invalid-input"); + } + formData.append("id", idEdit); + formData.append("province_id", provinceidVal); + formData.append("province_fa", provinceVal); + formData.append("project_title", projectVal); + formData.append("contract_date", contractdateVal); + formData.append("contract_number", contractnumVal); + formData.append("domain_id", domainidVal); + formData.append("contract_amount", contractamountVal); + formData.append("contract_term", contract_term_val); + formData.append("contract_status", contractConditionidVal); + // formData.append("contract_condition_fa", contractConditionVal); + formData.append("project_agent", executerVal); + + + if ($("input[name=modalUpFilepic]")[0].files.length != 0) + formData.append( + "final_report_two", + $("input[name=modalUpFilepic]")[0].files[0] + ); + if ($("input[name=modalUpFilepic2]")[0].files.length != 0) + formData.append( + "final_report_one", + $("input[name=modalUpFilepic2]")[0].files[0] + ); + if ($("input[name=modalUpFilepic3]")[0].files.length != 0) + formData.append( + "final_report_three", + $("input[name=modalUpFilepic3]")[0].files[0] + ); + if ($("input[name=modalUpFilepic4]")[0].files.length != 0) + formData.append( + "final_report_four", + $("input[name=modalUpFilepic4]")[0].files[0] + ); + if ($("#stepModalRandD").find(".is-invalid-input").length) { + // has error + Swal.fire({ + icon: "error", + title: "خطا", + text: "لطفا تمامی فیلدهای مرتبط را تکمیل کنید.", + confirmButtonText: "بستن", + }).then((result) => { + console.log(result); + if (result.isConfirmed) { + // Swal.fire('Saved!', '', 'success') + } else if (result.isDenied) { + // Swal.fire('Changes are not saved', '', 'info') + } + }); + } + $.ajax({ + url: "/RandD/projects/update/" + idEdit, + type: "POST", + headers: { + 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') + }, + data: formData, + cache: false, + contentType: false, + processData: false, + success: function (result) { + ajaxcalltable(); + }, + error: function (error) { + hideLoaderScreen(); + Swal.fire({ + icon: "error", + title: "خطا", + text: "خطایی رخ داده است", + confirmButtonText: "بستن", + }); + }, + }); +}); + +function showrandsecond() { + $('#listTitle').text('پروژه های در حال اجرا/خاتمه یافته'); + $('#listTitle').css('display', 'block'); + tableOnWork = "CurrProject"; + $('#RandDnew-holder').css('display', 'none'); + $('#RandD-holder').css('display', 'block'); + $('#OpenFormAdd').css('display', 'block'); + $('#open_select_modal').css('display', 'block'); + if (!table) { + CurrtableRender(); + } + + $('#SelectModalRandD').modal('hide'); + +} + +$('#listTitle').text('پروژه های در حال اجرا/خاتمه یافته'); +$('#listTitle').css('display', 'block'); +tableOnWork = "CurrProject"; +$('#RandDnew-holder').css('display', 'none'); +$('#RandD-holder').css('display', 'block'); +$('#OpenFormAdd').css('display', 'block'); +$('#open_select_modal').css('display', 'block'); +if (!table) { + CurrtableRender(); +} + +$('#SelectModalRandD').modal('hide'); + +function showrAndfirst() { + $('#listTitle').text('پروژه های پیشنهادی جهت کارگروه'); + $('#listTitle').css('display', 'block'); + console.log($('#listTitle').text()) + + tableOnWork = 'OfferProject'; + $('#RandDnew-holder').css('display', 'block'); + $('#RandD-holder').css('display', 'none'); + $('#OpenFormAdd').css('display', 'block'); + $('#open_select_modal').css('display', 'block'); + $("body").find(".dataTables_scrollBody").addClass("scrollbar"); + $("body").find(".dataTables_scrollBody").addClass("stylescroll"); + if (!newtable) { + OfferTableRender(); + + } + + + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + // $("#NewPlanModal").modal("show"); + $("#SelectModalRandD").modal("hide"); + + $("#new-province-id").empty(); + $("#new-province-id").append(''); + + for (let index = 0; index < provinces.length; index++) { + $("#new-province-id").append( + "\ + \ + " + ); + } + + //|||||||||||||||||||||||||||||||||||||||||||||||||||||| + initialnewprojectForm(); + //|||||||||||||||||||||||||||||||||||||||||||||||||||||| + +} + +$('#switch-credit').on("click", function () { + var CreditChecked = $('#allocatecredit-ok').prop('checked'); + if (CreditChecked) { + $('#credit-target-holder').css('display', 'block'); + } else { + $('#credit-target-holder').css('display', 'none'); + + } + +}); + + + + +//button for delete row start +$("#RandD").on("click", "button.deletsubmit", function () { + var tr = $(this).closest("tr"); + var row = table.row(tr); + idkol = row.data().id; + Swal.fire({ + icon: "warning", + title: "آیا برای حذف مطمئن هستید؟", + showCancelButton: true, + confirmButtonColor: "#3085d6", + cancelButtonColor: "#d33", + confirmButtonText: "بله، تایید می‌شود", + cancelButtonText: "منصرف شدم!", + showLoaderOnConfirm: true, + preConfirm: () => { + showLoaderScreen(); + $.ajax({ + url: webapi_url + "/projects/delete/" + idkol, + type: "POST", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (result) { + hideLoaderScreen(); + ajaxcalltablefirst(); + showLoaderScreen(); + table.ajax.reload(null, false); + }, + error: function (error) { + Swal.fire({ + icon: "error", + title: "خطا", + confirmButtonText: "بستن", + }); + }, + }); + }, + }); +}); + +function getProvinces() { + let reqUrl = api_url + "/setad-province/all"; + $.ajax({ + url: reqUrl, + type: "GET", + success: function (result) { + hideLoaderScreen(); + provinces = result.data; + }, + error: function (error) { }, + }); +} +$("#province-id").on("change", function () { + if (parseInt($(this).children("option:selected").val()) == 0) { + $("#province-id").addClass("is-invalid-input"); + } else { + $("#province-id").removeClass("is-invalid-input"); + } +}); + +function init_row_filter() { + $.ajax({ + url: api_url + "/setad-province/all", + type: "GET", + success: function (data) { + provinces = data.data; + for (let index = 0; index < provinces.length; index++) { + $(".js-example-basic-multiple").append( + "\ + \ + " + ); + } + }, + }); +} +//for province +function ajaxcalltable() { + $.ajax({ + url: RandD_table, + type: "GET", + success: function (result) { + $("#RandD").dataTable().fnClearTable(); + $("#RandD").dataTable().fnAddData(result.data); + + hideLoaderScreen(); + + // Swal.fire({ + // icon: "success", + // title: "ثبت موفقیت آمیز", + // text: "اطلاعات اولیه با موفقیت ثبت گردید!", + // confirmButtonText: "بستن", + // }); + + $("#stepModalRandD").modal("hide"); + }, + }); +} + +function restrictInputOtherThanArabic($field) { + // Arabic characters fall in the Unicode range 0600 - 06FF + var arabicCharUnicodeRange = /[\u0600-\u06FF-0-9-45]/; + + $field.bind("keypress", function (event) { + var key = event.which; + // 0 = numpad + // 8 = backspace + // 32 = space + if (key == 8 || key == 0 || key === 32) { + return true; + } + + var str = String.fromCharCode(key); + if (arabicCharUnicodeRange.test(str)) { + return true; + } + + return false; + }); +} +restrictInputOtherThanArabic($("#province-id")); +// restrictInputOtherThanArabic($("#project-title")); +// restrictInputOtherThanArabic($("#contract-num")); +restrictInputOtherThanArabic($("#domain_id")); +restrictInputOtherThanArabic($("#contract-conditon-id")); +// restrictInputOtherThanArabic($("#contract-amount")); +restrictInputOtherThanArabic($("#executer")); + + +$("#RandD").on("click", "tbody tr", function () { + if ($(this).hasClass("selected")) { + $(this).removeClass("selected"); + $(this).css("color", ""); + $(this).find("i").css("color", ""); + } else { + table.$("tr.selected").find("i").css("color", ""); + table.$("tr.selected").css("color", ""); + table.$("tr.selected").removeClass("selected"); + $(this).addClass("selected"); + $(this).css("color", "white"); + $(this).find("i").css("color", "white"); + } +}); + + +$("#contract-conditon-id").on('change', function () { + if (parseInt($(this).children("option:selected").val()) == 1) { + $("#labelChanger").css("display", "none") + $("#labelChanger2").css("display", "none") + $("#labelChanger3").css("display", "none") + $("#labelChanger4").css("display", "none") + $("#uploadedfileee").css("display", "none") + $("#uploadedfileee2").css("display", "none") + $("#uploadedfileee3").css("display", "none") + $("#uploadedfileee4").css("display", "none") + $("#uploadedItemspic").css("display", "none") + $("#uploadedItemspic2").css("display", "none") + $("#uploadedItemspic3").css("display", "none") + $("#uploadedItemspic4").css("display", "none") + + + + } + if (parseInt($(this).children("option:selected").val()) == 2) { + $("#labelChanger").css("display", "block") + $("#labelChanger2").css("display", "block") + $("#labelChanger3").css("display", "block") + $("#labelChanger4").css("display", "block") + $("#uploadedfileee").css("display", "block") + $("#uploadedfileee2").css("display", "block") + $("#uploadedfileee3").css("display", "block") + $("#uploadedfileee4").css("display", "block") + $("#uploadedItemspic").css("display", "block") + $("#uploadedItemspic2").css("display", "block") + $("#uploadedItemspic3").css("display", "block") + $("#uploadedItemspic4").css("display", "block") + + + + + document.getElementById("labelChanger").innerHTML = "آپلود قرار داد و شرح خدمات"; + document.getElementById("labelChanger2").innerHTML = "آپلود صورتجلسه تحویل قطعی"; + document.getElementById("labelChanger3").innerHTML = "آپلود مدارک تکمیلی"; + document.getElementById("labelChanger4").innerHTML = "آپلود گزارش نهایی"; + } +}); + +function showUploadedFilespic(input) { + if (input.files) { + if (completepic == 0) { + + $('#uploadedItemspic').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + completepic = 1; + } else { + $('#uploadedItemspic').empty(); + $('#uploadedItemspic').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + } + } +} + +function showUploadedFilespic2(input) { + if (input.files) { + if (completepic == 0) { + + $('#uploadedItemspic2').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + completepic = 1; + } else { + $('#uploadedItemspic2').empty(); + $('#uploadedItemspic2').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + } + } +} + +function showUploadedFilespic3(input) { + if (input.files) { + if (completepic == 0) { + + $('#uploadedItemspic3').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + completepic = 1; + } else { + $('#uploadedItemspic3').empty(); + $('#uploadedItemspic3').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + } + } +} + +function showUploadedFilespic4(input) { + if (input.files) { + if (completepic == 0) { + + $('#uploadedItemspic4').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + completepic = 1; + } else { + $('#uploadedItemspic4').empty(); + $('#uploadedItemspic4').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + } + } +} + +function deletfilepic(id) { + $('#itempic-' + id).remove() + $('input[name=modalUpFilepic]').val('') + $(".pdf1").css("color", "#ff5c0f"); + +} + +function deletfilepic2(id) { + $('#itempic2-' + id).remove() + $('input[name=modalUpFilepic2]').val('') + $(".pdf2").css("color", "#ff5c0f"); + +} + +function deletfilepic3(id) { + $('#itempic3-' + id).remove() + $('input[name=modalUpFilepic3]').val('') + $(".pdf3").css("color", "#ff5c0f"); + +} + +function deletfilepic4(id) { + $('#itempic4-' + id).remove() + $('input[name=modalUpFilepic4]').val('') + $(".pdf4").css("color", "#ff5c0f"); + +} + + +function GenerateTablefilter(nameName, familyName, numberName) { + // console.log("str" , str) + var customers = new Array(); + if (customers != []) { + customers = []; + } + customers.push(["نام", "نام خانوادگی ", "شماره تماس"]); + + // for (let i = 0; i < name.length; i++) { + customers.push([ + nameName, + familyName, numberName, + ]); + // } + var table = document.createElement("TABLE"); + $(table).attr("width", "100%"); + $(table).addClass("table"); + $(table).addClass("table-bordered"); + $(table).addClass("tablemodal"); + + table.border = "1"; + + //Get the count of columns. + var columnCount = customers[0].length; + + //Add the header row. + var row = table.insertRow(-1); + for (var i = 0; i < columnCount; i++) { + var headerCell = document.createElement("TH"); + headerCell.innerHTML = customers[0][i]; + row.appendChild(headerCell); + } + + //Add the data rows. + for (var i = 1; i < customers.length; i++) { + row = table.insertRow(-1); + for (var j = 0; j < columnCount; j++) { + var cell = row.insertCell(-1); + cell.innerHTML = customers[i][j]; + } + } + + var dvTable = document.getElementById("rdagentslist"); + dvTable.innerHTML = ""; + dvTable.appendChild(table); +} +$("#RandD").on("click", "button.finishsubmit", function () { + var tr = $(this).closest("tr"); + var row = table.row(tr); + idkol = row.data().id; + Swal.fire({ + icon: "warning", + title: "آیا برای ثبت نهایی اطمینان دارید؟", + showCancelButton: true, + confirmButtonColor: "#3085d6", + cancelButtonColor: "#d33", + confirmButtonText: "بله، تایید می‌شود", + cancelButtonText: "منصرف شدم!", + showLoaderOnConfirm: true, + preConfirm: () => { + showLoaderScreen(); + $.ajax({ + url: api_url + "/projects/processRegistration" + idkol, + type: "POST", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (result) { + hideLoaderScreen(); + ajaxcalltablefirst(); + showLoaderScreen(); + table.ajax.reload(null, false); + }, + error: function (error) { + Swal.fire({ + icon: "error", + title: "خطا", + confirmButtonText: "بستن", + }); + }, + }); + }, + }); +}); + +if ($("#contract-conditon-id").val() == 0) { + $(".style-jsi").css("margin-top", "80px"); +} +$("#last-report2").on("change", function () { + $(".pdf2").css("color", "rgb(43, 125, 43)") +}); +$("#last-report").on("change", function () { + $(".pdf1").css("color", "rgb(43, 125, 43)") +}); +$("#last-report3").on("change", function () { + $(".pdf3").css("color", "rgb(43, 125, 43)") +}); +$("#last-report4").on("change", function () { + $(".pdf4").css("color", "rgb(43, 125, 43)") +}); + +$('#btn-fillter-project-by-status').on('click', function () { + if ($(this).data('all') == 'true') { + $(this).text('پروژه های در حال اجرا') + table.columns(8).search('').draw(); + $(this).data('all', 'false') + } else { + $(this).text('همه پروژه ها') + table.columns(8).search('در حال اجرا').draw(); + $(this).data('all', 'true') + } +}); + +if (screen.width < 530) { + $(".body-table-style").removeClass("px-4") + $(".body-table-style").removeClass("pt-3") + $(".body-table-style").removeClass("row") +} else { + $(".body-table-style").addClass("px-4") + $(".body-table-style").addClass("pt-3") + $(".body-table-style").addClass("row") +} \ No newline at end of file diff --git a/public/dist/js/RandSecond.js b/public/dist/js/RandSecond.js new file mode 100644 index 00000000..7ad35b7f --- /dev/null +++ b/public/dist/js/RandSecond.js @@ -0,0 +1,2524 @@ +var contractDatePicker; +var idkol; +var edit; +var idEdit; +var provinces = []; +var myfile = ""; +var RandD_table = "/RandD/projects/all"; +var RandD_table_update = "/RandD/projects/update"; +var RandD_table_delete = "/RandD/projects/delete"; +var RandD_table_add = "/RandD/projects/add"; +var isAdmin = false; +var completepic = 0; +var RandDAgents = 0; +var acnt = "کارشناسی ثبت نشده"; +var randdAgents = {}; +var AgentList = []; +var maxagent = 2; +var currAgentcnt = 1; +var tableOnWork; +var CanSubmit; +var serverUp = "/public/uploads/"; +var newplan_all_url = "/RandD/proposed_projects/all"; +var newplan_add_url = "/RandD/proposed_projects/add"; +var newplan_del_url = "/RandD/proposed_projects/delete"; +var api_url = "/RandD"; +var tableParticipants; +var tableAnswerForm; +var ideditcol + +$.fn.dataTable.ext.errMode = "none"; +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +var showpdf = function (targetx) { + // console.log("showpdf", targetx) + window.location.href = targetx + // $('#pdf-view').attr('src', targetx); + // $('#ModalPDF').modal('show'); + + +} +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +var AllValidity = function () { + if ($('#allocatecredit-no').is(':checked')) { + $("#new-target-amount").val(" ") + } + CanSubmit = true; + let newPlanForm = document.getElementById("FormNewPlan"); + let newPlanInputs = newPlanForm.querySelectorAll("input"); + for (var i = 0; i < newPlanInputs.length; i++) { + if (!newPlanInputs[i].value) { + newPlanInputs[i].classList.add("is-invalid-input"); + canAdd = false; + CanSubmit = false; + } else { + newPlanInputs[i].classList.remove("is-invalid-input"); + + + } + } + if ($("#new-province-id").val() == null) { + $("#new-province-id").addClass("is-invalid-input") + } + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + GoSubmitNewPlan(); +}; + +var GoSubmitNewPlan = function () { + if (CanSubmit) { + $("#NewPlanModal").modal("hide") + // alert("can submit"); + PostNewPlan(); + } + +} +$('#1ndfileUpload').change(function (e) { + $('#1ndfileSelected').val($(this).val()); +}); + +document.getElementById('1getfile').onclick = function () { + document.getElementById('1ndfileUpload').click(); +}; +//;;;;;;;;;;;;;;;;;;;;;;;;;; +var NPlanFormData = new FormData(); +var proj_rfp_file; +var proj_justification_file; +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$("#1ndfileUpload").change(function () { + var file = $(this).val(); + var ext = file.split('.').pop(); + // alert(ext); + console.log("tet", typeof (ext)) + if (ext == "pdf" || ext == "pdF" || ext == "pDf" || ext == "pDF" || ext == "Pdf" || ext == "PDf" || ext == "PDF") { + proj_rfp_file = this.files; + // NPlanFormData.append("proj_rfp_file", proj_rfp_file); + $.each(proj_rfp_file, function (i, file) { + NPlanFormData.append("proj_rfp_file", file); + }); + } else { + alert("لطفا فایل با فرمت pdf انتخاب نمایید ") + $("#1ndfileSelected").val('') + } + +}); + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;Pack inputs +var PostNewPlan = function () { + + var project_title = $("#new-project-title").val(); + var province_id = $("#new-province-id").val(); + var province_fa = $("#new-province-id option:selected").text(); + var domain_id = $("#new_domain_id").val(); + var proj_etimate_amount = $("#new-contract-amount").val(); + var proj_credit_resource = $("#new-target-amount").val(); + var proj_regby_name = $("#proj_regby_name").val(); + var proj_regby_family = $("#proj_regby_family").val(); + var proj_regby_phone = $("#proj_regby_phone").val(); + if ($("#allocatecredit-ok").is(':checked')) { + proj_credit_state = 1; + } else { + proj_credit_state = 0; + } + + + + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + + + NPlanFormData.append("title", project_title); + NPlanFormData.append("province_id", province_id); + NPlanFormData.append("province_fa", province_fa); + NPlanFormData.append("domain_id", domain_id); + NPlanFormData.append("project_amount", proj_etimate_amount); + NPlanFormData.append("credit_status", proj_credit_state); + NPlanFormData.append("proj_credit_resourse", proj_credit_resource); + NPlanFormData.append("fname_creator", proj_regby_name); + NPlanFormData.append("lname_creator", proj_regby_family); + NPlanFormData.append("phone_creator", proj_regby_phone); + $.ajax({ + url: newplan_add_url, + type: "POST", + headers: { + 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') + }, + data: NPlanFormData, + processData: false, + contentType: false, + beforeSend: function () { + showLoaderScreen(); + }, + success: function (response, status, jqxhr) { + hideLoaderScreen(); + $("#NewPlanModal").modal("hide"); + reloadtable() + showLoaderScreen(); + + $('#new-project-title').val('') + $('#new-province').val(0) + $('#new_domain_id').val(0) + $('#new-contract-amount').val('') + $('#1ndfileSelected').val('') + $('#proj_regby_name').val('') + $('#proj_regby_family').val('') + $('#proj_regby_phone').val('') + $('#new-target-amount').val('') + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + }, + error: function (jqxhr, status, errorMessage) { + } + }); + + + + + + + $("#NewPlanModal").modal("show"); +} + +function reloadtable() { + $.ajax({ + url: newplan_all_url, + type: "GET", + success: function (result) { + hideLoaderScreen() + $("#RandDnew").dataTable().fnClearTable(); + $("#RandDnew").dataTable().fnAddData(result.data); + + }, + }); +} +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$('#RandDnew').on("click", "button.deletsubmit", function () { + + + data_row = $('#RandDnew').DataTable().row($(this).closest('tr')).data(); + rowid = data_row.id; + + //==============================================================Delete row + + var element = $(this); + + + var info = { + id: data_row.id + }; + + + Swal.fire({ + icon: "warning", + title: "آیا برای حذف مطمئن هستید؟", + showCancelButton: true, + confirmButtonColor: "#3085d6", + cancelButtonColor: "#d33", + confirmButtonText: "بله، تایید می‌شود", + cancelButtonText: "منصرف شدم!", + showLoaderOnConfirm: true, + preConfirm: () => { + showLoaderScreen(); + $.ajax({ + url: newplan_del_url, + data: info, + type: "POST", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + + success: function (result) { + $('#RandDnew').DataTable().ajax.reload(null, false); + }, + error: function (error) { + Swal.fire({ + icon: "error", + title: "خطا", + confirmButtonText: "بستن", + }); + }, + }); + }, + }); +}); +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +let guid = () => { + let s4 = () => { + return Math.floor((1 + Math.random()) * 0x10000) + .toString(16) + .substring(1); + } + var xuud = ""; + xuud = s4() + s4() + s4() + s4() + s4() + s4() + s4() + s4(); + // xuud = xuud.replace("-", ""); + // return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); + return xuud; +} +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;maxter load +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$(window).on('load', function () { + $('#SelectModalRandD').modal('show'); +}); + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$('#swicon').change(function () { + var x = $("#swicon option:selected").attr('value'); + switch (x) { + case '1': + showrAndfirst() + break; + case '2': + showrandsecond() + break; + } + + // $('#listTitle').css('display', 'none') + // $("#RandD-holder").css('display', 'none'); + // $("#RandDnew-holder").css('display', 'none'); + // $('#open_select_modal').css('display', 'none') + + // $("#SelectModalRandD").modal("show"); + +}); +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;Table switcher max0d3r +var SwTable = function (ix) { + if (ix == 1) { + // $("#RandD-holder").css('display', 'block'); + $("#RandD-holder").fadeOut("slow"); + $("#RandDnew-holder").css('display', 'none'); + } else { + $("#RandDnew-holder").fadeOut("slow"); + $("#RandD-holder").css('display', 'none'); + + + } +} + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;Form SElector maxt0r;;;;;;;;;;;;;;;;; +$('#open_select_modal').click(function () { + emptyallinput() + $('#NewPlanModal').modal({ + backdrop: 'static', + keyboard: false + }); + if (tableOnWork == 'OfferProject') { + + $("#NewPlanModal").modal("show"); + $("#submitNewProject").css("display", "inline"); + // $("#EditNewProject").css("display", "none"); + } else { + + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + $("#uploadedItemspic").empty(); + $("#submitNewRow").attr("disabled", false); + edit = false; + showModal(0); + initialField(); + $("#SelectModalRandD").modal("hide"); + $("#submitNewRow").css("display", "none"); + + $("#submitNewRow_new").css("display", "block"); + + // $("#showfile").css("visibility", "hidden"); + $("#province-id").empty(); + $("#province-id").append(''); + + for (let index = 0; index < provinces.length; index++) { + $("#province-id").append( + "\ + \ + " + ); + } + + $("#stepModalRandD").modal("show"); + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + + } + +}); + +function emptyallinput() { + $("#new-project-title").val("") + $("#new_domain_id").val(0) + $("#new-contract-amount").val("") + $("#proj_regby_name").val("") + $("#proj_regby_family").val("") + $("#proj_regby_phone").val("") + $("#1ndfileSelected").val("") + $("#new-province-id").val(0) + $("#credit-target-holder").css("display", "none") + $('#allocatecredit-ok').prop('checked', false); + $('#allocatecredit-no').prop('checked', true); + +} +//::::::::::::::::::::::::::::::::::::::::Maxter RandD:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: +var rdAgentSw = function (cnt) { + + switch (cnt) { + case 1: + acnt = "یک کارشناس"; + + break; + case 2: + acnt = "دو کارشناس"; + break; + + case 3: + acnt = "سه کارشناس"; + // code block + + default: + // code block + } + + return acnt; +} +//============================================================================ +function initialnewprojectForm() { + $('#allocatecredit-ok').prop('checked', false); + $('#allocatecredit-no').prop('checked', true); + +} + +//=========add agent + + +// +$('#addagentRND').on('click', function () { + var agentreq = 0; + var fieldkey; + var fieldVal; + var agentObj = []; + var rowAgent; + //...................... validate Section..................................................... + let agentsDiv = document.getElementById("rdagentsection"); + let inputAgents = agentsDiv.querySelectorAll("input"); + for (var i = 0; i < inputAgents.length; i++) { + if (!inputAgents[i].value) { + inputAgents[i].classList.add("is-invalid-input"); + canAdd = false; + } else { + inputAgents[i].classList.remove("is-invalid-input"); + fieldkey = inputAgents[i].getAttribute("name"); + fieldVal = inputAgents[i].value; + randdAgents[fieldkey] = fieldVal; + agentreq++; + } + } + + + + + + + ////////////////////////////////////////////////////////////////////////// + if (maxagent > currAgentcnt) { + var uidd = guid(); + let agentParent = document.getElementById("rdagentslist"); + let agentRows = rdagentslist.querySelectorAll("div.row"); + var agntcrntRow = 0; + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + if (Object.keys(randdAgents).length > 0) { + // console.log('1', AgentList); + randdAgents["xid"] = uidd; + var xrowadd; + var rowToAdd = JSON.stringify(randdAgents); + xrowadd + AgentList.push(rowToAdd); + // console.log('2', AgentList); + + + } + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + for (var i = 0; i < agentRows.length; i++) { + agntcrntRow++; + + }; + currAgentcnt = agntcrntRow; + + + ///++++++++++++++++++++++++++++++++++++++++++++++++++++ + + + if (agentreq > 2) { + rowAgent = '
    '; + rowAgent += '
    ' + '' + '' + '' + '
    '; + rowAgent += '
    ' + '' + 'نام : ' + randdAgents["projectagentname"] + '' + '
    '; + rowAgent += '
    ' + '' + ' نام خانوادگی : ' + randdAgents["projectagentfamily"] + '' + '
    '; + rowAgent += '
    ' + '' + 'تلفن :' + randdAgents["projectagentphone"] + '' + '
    '; + rowAgent += '
    ' + // console.log(randdAgents[0]); + $('#rdagentslist').append(rowAgent); + // currAgentcnt++; + } + } else { + $('#agentiscomp').css('display', 'block'); + } + nameName = $("#projectagentname").val(); + familyName = $("#projectagentfamily").val(); + numberName = $("#projectagentphone").val(); + GenerateTablefilter(nameName, familyName, numberName); +}); + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + +///////////////////////////////////////////////////////Submit newPlan +$('#submitNewProject').on('click', function () { + AllValidity(); + +}); + +$('#regnewplancomp').on('click', function () { + $('#NewPlanModal').modal('hide'); + $('#RandDnew').DataTable().ajax.reload(null, false); + + +}); + +//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +var RemoveAgentRow = function (ixx) { + var remrow = 'div[xid="' + ixx + '"]'; + var itemjson; + $(remrow).remove(); + AgentList.forEach(function (item, indexthis) { + itemjson = JSON.parse(item) + if (itemjson.xid == ixx) { + AgentList.splice(indexthis, 1); + } + + }); + // console.log('after-remobing', AgentList); + currAgentcnt--; + +}; +//----------------------------------Upload File-----MAx0der------------------------------------------------------------- + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + +//edit file +$('#1ndfileUploadedit').change(function (e) { + $('#1ndfileSelectededit').val($(this).val()); +}); + +document.getElementById('1getfileedit').onclick = function () { + document.getElementById('1ndfileUploadedit').click(); +}; + + +//edit file +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$(document).ready(function () { + getProvinces() + setTimeout(() => { + checkPosition(); + }, 50); + init_row_filter() + //new add after upload + //just number for contract amount and number and date + $("#contract-amount").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + // $("#contract-num").keypress(function(e) { + // if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + // }); + $("#contract-date").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + $("#projectagentphone").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + $("#projectagentphone").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + $("#proj_regby_phone").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + $("#proj_responsible_phone").keypress(function (e) { + if (String.fromCharCode(e.keyCode).match(/[^0-9]/g)) return false; + }); + showrAndfirst() + //just number for contract amount and number and date + //new add after upload + + //++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Maxter x0d3r + + //+++++++++++++++++++++++++ +}); + +function showLoaderScreen() { + $(".divloader").css("display", "flex").hide().fadeIn(); +} + +function hideLoaderScreen() { + $(".divloader").fadeOut(); +} + +function ajaxcalltablefirst() { + $.ajax({ + url: api_url + "/resdevlp/all", + type: "GET", + success: function (result) { + $("#example").dataTable().fnClearTable(); + $("#example").dataTable().fnAddData(result.data); + hideLoaderScreen(); + // Swal.fire({ + // icon: "success", + // title: "با موفقیت بروزرسانی شد", + // confirmButtonText: "بستن", + // }); + }, + }); +} + + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;Rendering Tables Maxter;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +var newtable; +var OfferTableRender = function () { + showLoaderScreen() + newtable = $("#RandDnew").DataTable({ + dom: "p>", + pagingType: "simple_numbers", + scrollX: true, + // // scrollY: "500px", + scrollY: true, + responsive: true, + pageLength: 8, + language: { + sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد", + sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف", + sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف", + sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)", + sInfoPostFix: "", + sInfoThousands: ",", + sLengthMenu: "نمایش _MENU_ ردیف", + sLoadingRecords: "در حال بارگذاری...", + sProcessing: "در حال پردازش...", + sSearch: "جستجو: ", + sZeroRecords: "رکوردی با این مشخصات پیدا نشد", + oPaginate: { + sFirst: "برگه‌ی نخست", + sLast: "برگه‌ی آخر", + sNext: "بعدی", + sPrevious: "قبلی", + }, + oAria: { + sSortAscending: ": فعال سازی نمایش به صورت صعودی", + sSortDescending: ": فعال سازی نمایش به صورت نزولی", + }, + }, + order: [ + [0, "asc"][(1, "asc")], + [2, "desc"], + [3, "desc"], + [4, "desc"] + ], + order: [ + [0, "desc"] + ], + processing: true, + select: true, + ajax: { + url: newplan_all_url, + type: "GET", + dataSrc: function (json) { + userRole = json.allow; + return json.data; + }, + + }, + columns: [{ + className: "text-center", + data: null, + render: function (data, type, row, meta) { + return meta.row + 1; + }, + }, + //change here happend + { + data: "unique_id" + }, + { + data: "title" + }, + { + data: "province_fa" + }, + { + data: "domain_fa" + }, + { + data: "project_amount" + }, + { + data: null, + render: function (data, type, row) { + if (data.credit_status == 1) { + return `

    انجام شده

    ` + } else { + return `

    انجام نشده

    ` + } + } + }, + { + data: "proj_credit_resourse", + render: function (data, type, row) { + if (data == null) { + return "_" + } else { + return data + } + } + + }, + + { + data: null, + render: function (data, type, row) { + + return `
    + +
    ` + } + }, + { + data: null, + render: function (data, type, row) { + + return `
    + +
    ` + } + }, + { + data: "project_status_fa", + className: 'text-center text-nowrap' + }, + { + data: null, + render: function (data, type, row) { + let content = '
    '; + if (data.perm.votingResult) { + if (data.resultVote) { + content += `` + } else if (data.Voting) { + if (data.allowVoting) { + console.log(data.id); + content += `` + } + } else if (data.isStartVote) { + content += `` + } else if (data.perm.isCUD) { + content += `` + content += `
    ` + content += `` + } + } + if (data.startVote) { + content += `
    ` + content += `` + } + if (data.canReject) { + content += `
    ` + content += `` + } + content += '
    ' + return content; + }, + className: 'text-center text-nowrap' + }, + + ], + createdRow: function (row, data, index) { + if (data.allowVoting || data.isStartVote) { + $(row).addClass('bg-info'); + } + }, + columnDefs: [{ + className: "center-col", + targets: "_all" + }, + + ], + + buttons: [{ + extend: "excelHtml5", + title: "Excel", + text: '
    اکسل
    ', + messageTop: "تحقیق و توسعه(R&D)", + + customize: function (xlsx) { + var sheet = xlsx.xl.worksheets["sheet1.xml"]; + + // Loop over the cells in column `C` + $('row c[r^="M"]', sheet).each(function () { + // Get the value + + $(this).attr("s", "52"); + }); + $('row c[r^="N"]', sheet).each(function () { + // Get the value + + $(this).attr("s", "52"); + }); + }, + },], + initcomplete: function () { + $("body").find(".dataTables_scrollBody").addClass("scrollbar"); + $("body").find(".dataTables_scrollBody").addClass("stylescroll"); + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;maxter + + + + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + hideLoaderScreen(); + }, + drawCallback: function (settings) { + $("body").find(".dataTables_scrollBody").addClass("scrollbar"); + $("body").find(".dataTables_scrollBody").addClass("stylescroll"); + + }, + + }); + + $('#OpenFormAdd').css('display', 'block'); + $('#open_select_modal').css('display', 'block'); + +}; + +$(document).on('click', '.btn-reject', function () { + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + $('#desc_reject').val('') + $('#reject_project_id').val('') + $('#reject_project_id').val(row.data().id) + $('#reject-form-modal').modal('show'); +}) + +$(document).on('click', '#btn_reject_send', function () { + const id = $('#reject_project_id').val() + const desc = $('#desc_reject').val() + if (desc != '') { + let formData = new FormData(); + formData.append("reject_description", desc); + $.ajax({ + url: '/RandD/proposed_projects/reject/' + id, + type: "POST", + data: formData, + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + beforeSend: function () { + showLoaderScreen() + }, + success: function (result) { + hideLoaderScreen() + reloadtable() + $("#reject-form-modal").modal("hide"); + Swal.fire({ + icon: "success", + title: "عملیات موفق", + text: "درخواست با موفقیت رد شد!", + confirmButtonText: "بستن", + }); + }, + error: function (error) { + + hideLoaderScreen(); + // Swal.fire({ + // icon: "error", + // title: "خطا", + // text: "خطایی رخ داده است", + // confirmButtonText: "بستن", + // }); + }, + }); + } else { + Swal.fire({ + icon: "warning", + title: "خطا", + text: "لطفا دلیل رد درخواست را وارد نمایید.", + confirmButtonText: "بستن", + }); + } +}) +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;showing pdf maxter:::::::::::::::::::::::::: +var openpdf = function (targetx) { + $("#dialog").dialog({ + modal: true, + title: targetx, + width: 540, + height: 450, + buttons: { + Close: function () { + $(this).dialog('close'); + } + }, + open: function () { + var object = ""; + object += "If you are unable to view file, you can download from here"; + object += " or download Adobe PDF Reader to view the file."; + object += ""; + object = object.replace(/{FileName}/g, "Files/" + targetx); + $("#dialog").html(object); + } + }); + +} +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + +var table; +var CurrtableRender = function () { + table = $("#RandD").DataTable({ + dom: "p>", + pagingType: "simple_numbers", + scrollX: true, + // scrollY: "500px", + scrollY: true, + responsive: true, + language: { + sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد", + sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف", + sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف", + sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)", + sInfoPostFix: "", + sInfoThousands: ",", + sLengthMenu: "نمایش _MENU_ ردیف", + sLoadingRecords: "در حال بارگذاری...", + sProcessing: "در حال پردازش...", + sSearch: "جستجو: ", + sZeroRecords: "رکوردی با این مشخصات پیدا نشد", + oPaginate: { + sFirst: "برگه‌ی نخست", + sLast: "برگه‌ی آخر", + sNext: "بعدی", + sPrevious: "قبلی", + }, + oAria: { + sSortAscending: ": فعال سازی نمایش به صورت صعودی", + sSortDescending: ": فعال سازی نمایش به صورت نزولی", + }, + }, + order: [ + [0, "asc"][(1, "asc")], + [2, "desc"], + [3, "desc"], + [4, "desc"] + ], + order: [ + [0, "desc"] + ], + processing: true, + select: true, + ajax: { + url: RandD_table, + type: "GET", + dataSrc: function (json) { + cansubmit = json.can_submit; + if (cansubmit == 1) { + $("#add_sabbatical").css("display", "block"); + } else if (cansubmit == 0) { + $("#add_sabbatical").css("display", "none"); + } + return json.data; + }, + }, + columns: [ + // {data: "id"}, + { + className: "text-center", + data: null, + render: function (data, type, row, meta) { + return meta.row + 1; + }, + }, + // chage happend here + { + data: "id" + }, + { + data: "province_fa" + }, + { + data: "project_title" + }, + { + data: "domain_fa" + }, + { + data: "contract_date" + }, + { + data: "contract_num" + }, + { + data: "contract_amount" + }, + { + data: "contract_condition_fa" + }, + { + data: "executer" + }, + { + data: null, + render: function (data, type, row) { + if (data.contract_condition_id == 2) { + + return `
    + +
    ` + } else { + return `
    + +
    ` + } + } + }, + { + className: "text-center", + data: null, + render: function (data, type, row) { + if (isAdmin) { + return `
    + +
    + +
    ` + } else { + return `
    ` + } + }, + }, + ], + buttons: [{ + extend: "excelHtml5", + title: "Excel", + text: '
    اکسل
    ', + messageTop: "تحقیق و توسعه(R&D)", + exportOptions: { + columns: [0, 1, 2, 3, 4, 5, 6, 7, 8], + }, + customize: function (xlsx) { + var sheet = xlsx.xl.worksheets["sheet1.xml"]; + + // Loop over the cells in column `C` + $('row c[r^="M"]', sheet).each(function () { + // Get the value + + $(this).attr("s", "52"); + }); + $('row c[r^="N"]', sheet).each(function () { + // Get the value + + $(this).attr("s", "52"); + }); + }, + },], + initComplete: function () { + $("body").find(".dataTables_scrollBody").addClass("scrollbar"); + $("body").find(".dataTables_scrollBody").addClass("stylescroll"); + $(".js-example-basic-multiple").append( + '' + ); + }, + }); + $('#OpenFormAdd').css('display', 'block'); + $('#open_select_modal').css('display', 'block'); +} + +//;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; +$(document).on("load", function () { + $(window).bind("resize", checkPosition); +}); + +function checkPosition() { + if ($(window).width() < 1300) { + $("#RandD_wrapper").css("margin-top", "20px"); + + } else { + $("#RandD_wrapper").css("margin-top", ""); + } + if ($(window).width() < 555) { + $(".content-center-dataTable").css("width", "260px"); + } else { + $(".content-center-dataTable").css("width", ""); + } + if ($(window).width() < 440) { + $(".dataTables_filter input").css("width", "94px"); + $(".dataTables_filter").css("margin-bottom", "10px"); + $(".dt-buttons").addClass("d-flex"); + $(".dt-buttons").addClass("justify-content-center"); + $(".dt-buttons button").css("font-size", "10px"); + } else { + $(".dataTables_filter input").css("width", ""); + $(".dataTables_filter").css("margin-bottom", ""); + $(".dt-buttons").removeClass("d-flex"); + $(".dt-buttons button").css("font-size", ""); + $(".dt-buttons").removeClass("justify-content-center"); + // pooria + } +} +$(".second-menu-img").click(function () { + $(".queen-size-nav").toggle({ + direction: "right" + }, 50); + if ( + $(".second-menu-img").attr("src") == + "../dist/images/new-design/burger-list.svg" + ) { + $(".second-menu-img").attr("src", "../dist/images/new-design/delete.svg"); + $(".queen-size-nav").css("position", "absolute"); + $(".queen-size-nav").css("z-index", "2"); + $(".queen-size-nav").css("width", "30%"); + $(".queen-size-nav").css("height", "100%"); + $(".second-top-menu").css("z-index", "2"); + } else if ( + $(".second-menu-img").attr("src") == "../dist/images/new-design/delete.svg" + ) { + $(".second-menu-img").attr( + "src", + "../dist/images/new-design/burger-list.svg" + ); + $(".second-top-menu").css("margin-right", "0px"); + $(".queen-size-nav").css("width", "0%"); + $(".queen-size-nav").css("height", "0%"); + } +}); +$(".queen-res").click(function () { + $(".first-step-res").slideToggle(300); + if ($(".first-step-res").css("display") == "block") { + $(".arrow-changing1").attr( + "src", + "../dist/images/new-design/arrow-down.svg" + ); + } + setTimeout(() => { + if ($(".first-step-res").css("display") == "none") { + $(".arrow-changing1").attr( + "src", + "../dist/images/new-design/arrow-left.svg" + ); + } + }, 320); +}); + +$(".second-queen-res").click(function () { + if ($(".first-step-res").css("display") == "block") { + $(".first-step-res").slideUp(300); + setTimeout(() => { + if ($(".first-step-res").css("display") == "none") { + $(".arrow-changing1").attr( + "src", + "../dist/images/new-design/arrow-left.svg" + ); + } + }, 320); + } +}); +$(".fivth-queen-res").click(function () { + $(".eight-step-res").slideToggle(300); +}); + + + +function showModal(id) { + $("#stepModalRandD").modal("show"); + $(".cancel").on("click", function () { + $("#stepModalRandD").modal("hide"); + }); +} +contractDatePicker = $("input[name=contract-date]").persianDatepicker({ + format: "YYYY/MM/DD", + initialValue: false, + autoClose: true, + initialValueType: "persian", + // position: [-150, 10], + onSelect: function (unix) { + if (contractDatePicker == "") { + $("#contract-date-id").addClass("is-invalid-input"); + } else { + $("#contract-date-id").removeClass("is-invalid-input"); + } + }, +}); + +function initialField() { + + $("#domain_id").val(""); + $("#project-title").val(""); + $("#province-id").val(""); + $("#contract-date").val(""); + $("#contract-num").val(""); + $("#contract-amount").val(""); + // $("#contract-conditon-id").val(""); + $("#last-report").val(""); + $("#executer").val(""); + + + + $("#domain_id").removeClass("is-invalid-input"); + $("#project-title").removeClass("is-invalid-input"); + $("#province-id").removeClass("is-invalid-input"); + $("#contract-num").removeClass("is-invalid-input"); + $("#contract-amount").removeClass("is-invalid-input"); + $("#contract-conditon-id").removeClass("is-invalid-input"); + $("#last-report").removeClass("is-invalid-input"); + $("#contract-date").removeClass("is-invalid-input"); + $("#executer").removeClass("is-invalid-input"); + $("#file-input-validity").removeClass("is-invalid-input"); + + + +} +$("#RandD").on("click", "button.downloadpdf", function () { + // alert("hi") + var tr = $(this).closest("tr"); + var row = table.row(tr); + var uid_file = row.data().uid_file; + let formData = new FormData(); + formData.append("uid_file", uid_file); + $.ajax({ + url: api_url + "/resdevlp/download", + type: "POST", + data: formData, + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (result) { + // e.preventDefault(); //stop the browser from following + window.open(result.data); + // ajaxcalltable(); + }, + error: function (error) { + + hideLoaderScreen(); + // Swal.fire({ + // icon: "error", + // title: "خطا", + // text: "خطایی رخ داده است", + // confirmButtonText: "بستن", + // }); + }, + }); +}); +$("#RandD").on("click", "button.details-control", function () { + //new add after upload + if ($("#province-id").hasClass("is-invalid-input")) { + $("#province-id").removeClass("is-invalid-input"); + }; + if ($("#project-title").hasClass("is-invalid-input")) { + $("#project-title").removeClass("is-invalid-input"); + } + if ($("#contract-conditon-id").hasClass("is-invalid-input")) { + $("#contract-conditon-id").removeClass("is-invalid-input"); + } + if ($("#contract-amount").hasClass("is-invalid-input")) { + $("#contract-amount").removeClass("is-invalid-input"); + } + if ($("#domain_id").hasClass("is-invalid-input")) { + $("#domain_id").removeClass("is-invalid-input"); + } + if ($("#contract-num").hasClass("is-invalid-input")) { + $("#contract-num").removeClass("is-invalid-input"); + } + if ($("#contract-date").hasClass("is-invalid-input")) { + $("#contract-date").removeClass("is-invalid-input"); + } + if ($("#executer").hasClass("is-invalid-input")) { + $("#executer").removeClass("is-invalid-input"); + } + if ($("#file-input-validity").hasClass("is-invalid-input")) { + $("#file-input-validity").removeClass("is-invalid-input"); + } + + //new add after upload + showModal(0); + edit = true; + // $("#showfile").empty(); + $("#showfile").css('visibility', 'hidden'); + $("#submitNewRow_new").css("display", "none"); + $("#submitNewRow").css("display", "block"); + + var tr = $(this).closest("tr"); + var row = table.row(tr); + idEdit = row.data().id; + $("#contract-date-id").val(row.data().contract_date); + var provinceid = row.data().province_id; + var provincefa = row.data().province_fa; + + var projectTitle = row.data().project_title; + var contract_date = row.data().contract_date; + var contractNum = row.data().contract_num; + var ProjectTitle = row.data().project_name; + var contraact_amount = row.data().contract_amount; + var contract_conditon_id = row.data().contract_condition_id; + var domain_id = row.data().domain_id; + var executee = row.data().executer; + $("#project-title").val(projectTitle); + $("#contract-date").val(contract_date); + $("#domain_id").val(domain_id); + $("#contract-num").val(contractNum); + $("#contract-amount").val(contraact_amount); + $("#contract-conditon-id").val(contract_conditon_id); + $("#executer").val(executee); + if (contract_conditon_id == 2) { + // $("#showfile").css("visibility", "visible"); + } + // $("#province-id").empty(); + $("#province-id").append(''); + + for (let index = 0; index < provinces.length; index++) { + $("#province-id").append( + "\ + \ + " + ); + } + $("#province-id").val(provinceid); + // if (parseInt($(this).children("option:selected").val()) == 1) { + // $("#showfile").css('visibility', 'hidden') + // $("#onprocceschange").css('display', 'none') + // } + // if (parseInt($(this).children("option:selected").val()) == 2) { + // $("#showfile").css('visibility', 'visible') + // } + // if($("#contract-conditon-id").val() == 1) { + $("#showfile").css('visibility', 'visible'); + // } +}); +$("#RandDnew").on("click", "button.details-control", function () { + //new add after upload + + if ($("#new-project-title").hasClass("is-invalid-input")) { + $("#new-project-title").removeClass("is-invalid-input"); + }; + if ($("#new-province-id").hasClass("is-invalid-input")) { + $("#new-province-id").removeClass("is-invalid-input"); + } + if ($("#new_domain_id").hasClass("is-invalid-input")) { + $("#new_domain_id").removeClass("is-invalid-input"); + } + if ($("#new-contract-amount").hasClass("is-invalid-input")) { + $("#new-contract-amount").removeClass("is-invalid-input"); + } + if ($("#new-target-amount").hasClass("is-invalid-input")) { + $("#new-target-amount").removeClass("is-invalid-input"); + } + if ($("#projectagentname").hasClass("is-invalid-input")) { + $("#projectagentname").removeClass("is-invalid-input"); + } + if ($("#projectagentfamily").hasClass("is-invalid-input")) { + $("#projectagentfamily").removeClass("is-invalid-input"); + } + if ($("#projectagentphone").hasClass("is-invalid-input")) { + $("#projectagentphone").removeClass("is-invalid-input"); + } + if ($("#file-input-validity").hasClass("is-invalid-input")) { + $("#file-input-validity").removeClass("is-invalid-input"); + } + if ($("#proj_regby_name").hasClass("is-invalid-input")) { + $("#proj_regby_name").removeClass("is-invalid-input"); + } + if ($("#proj_regby_family").hasClass("is-invalid-input")) { + $("#proj_regby_family").removeClass("is-invalid-input"); + } + if ($("#proj_regby_phone").hasClass("is-invalid-input")) { + $("#proj_regby_phone").removeClass("is-invalid-input"); + } + if ($("#1ndfileSelected").hasClass("is-invalid-input")) { + $("#1ndfileSelected").removeClass("is-invalid-input"); + } + + // $("#new-province-id").empty(); + // $("#new_domain_id").empty(); + // $("#new-contract-amount").empty(); + // $("#new-target-amount").empty(); + // $("#projectagentname").empty(); + // $("#projectagentfamily").empty(); + // $("#projectagentphone").empty(); + // $("#1ndfileSelected").empty(); + // $("#2ndfileSelected").empty(); + // $("#proj_regby_name").empty(); + // $("#proj_regby_family").empty(); + // $("#proj_regby_phone").empty(); + // $("#file-input-validity").empty(); + $("#NewPlanModal").modal("show"); + $("#NewPlanModal").find(".form-control").empty(); + edit = true; + $("#submitNewProject").css("display", "none"); + // $("#EditNewProject").css("display", "inline"); + + var tr = $(this).closest("tr"); + // var row = table.row(tr); + // idEdit = row.data().id; + // console.log("gooz", tr); + // $("#contract-date-id").val(row.data().contract_date); + // var provinceid = row.data().province_id; + // var provincefa = row.data().province_fa; + + // var projectTitle = row.data().project_title; + // var contract_date = row.data().contract_date; + // var contractNum = row.data().contract_num; + // var ProjectTitle = row.data().project_name; + // var contraact_amount = row.data().contract_amount; + // var contract_conditon_id = row.data().contract_condition_id; + // var domain_id = row.data().domain_id; + // var executee = row.data().executer; + // $("#project-title").val(projectTitle); + // $("#contract-date").val(contract_date); + // $("#domain_id").val(domain_id); + // $("#contract-num").val(contractNum); + // $("#contract-amount").val(contraact_amount); + // $("#contract-conditon-id").val(contract_conditon_id); + // $("#executer").val(executee); + // if (contract_conditon_id == 2) { + // $("#showfile").css("visibility", "visible"); + // } + // $("#province-id").empty(); + // $("#province-id").append(''); + + // for (let index = 0; index < provinces.length; index++) { + // $("#province-id").append( + // "\ + // \ + // " + // ); + // } + // $("#province-id").val(provinceid); +}); + +$("#submitNewRow_new").on("click", function () { + + let formData = new FormData(); + + let provinceVal = $("#province-id").val(); + let province_fa = $("#province-id :selected").text(); + let project_title_val = $("#project-title").val(); + let contract_date_val = $("#contract-date").val(); + let contract_num_val = $("#contract-num").val(); + let domain_id_val = $("#domain_id").val(); + let domain_fa_val = $("#domain_id :selected").text(); + let contract_amount_val = $("#contract-amount").val(); + let contract_conditon_id_val = $("#contract-conditon-id").val(); + let contract_conditon_fa_val = $("#contract-conditon-id :selected").text(); + let executer = $("#executer").val(); + + if (provinceVal == null) { + $("#province-id").addClass("is-invalid-input"); + } else { + $("#province-id").removeClass("is-invalid-input"); + } + if (project_title_val == "") { + $("#project-title").addClass("is-invalid-input"); + } else { + $("#project-title").removeClass("is-invalid-input"); + } + if (executer == "") { + $("#executer").addClass("is-invalid-input"); + } else { + $("#executer").removeClass("is-invalid-input"); + } + if (contract_date_val == "") { + $("#contract-date").addClass("is-invalid-input"); + } else { + $("#contract-date").removeClass("is-invalid-input"); + } + if (contract_num_val == "") { + $("#contract-num").addClass("is-invalid-input"); + } else { + $("#contract-num").removeClass("is-invalid-input"); + } + if (domain_id_val == null) { + $("#domain_id").addClass("is-invalid-input"); + } else { + $("#domain_id").removeClass("is-invalid-input"); + } + if (contract_amount_val == "") { + $("#contract-amount").addClass("is-invalid-input"); + } else { + $("#contract-amount").removeClass("is-invalid-input"); + } + if (contract_conditon_id_val == null) { + $("#contract-conditon-id").addClass("is-invalid-input"); + } else { + $("#contract-conditon-id").removeClass("is-invalid-input"); + } + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic-0").val() != "") { + $("#file-input-validity").addClass("is-invalid-input"); + $("#last-report").addClass("is-invalid-input"); + } else { + $("#file-input-validity").removeClass("is-invalid-input"); + $("#last-report").removeClass("is-invalid-input"); + } + } else if ($("#contract-conditon-id").val() == 1) { + $("#file-input-validity").removeClass("is-invalid-input"); + } + formData.append("province_id", provinceVal); + formData.append("province_fa", province_fa); + formData.append("project_title", project_title_val); + formData.append("contract_date", contract_date_val); + formData.append("contract_num", contract_num_val); + formData.append("domain_id", domain_id_val); + formData.append("domain_fa", domain_fa_val); + formData.append("contract_amount", contract_amount_val); + formData.append("contract_condition_id", contract_conditon_id_val); + formData.append("contract_condition_fa", contract_conditon_fa_val); + formData.append("executer", executer); + if ($("input[name=modalUpFilepic]")[0].files.length != 0) + formData.append( + "file_name", + $("input[name=modalUpFilepic]")[0].files[0] + ); + if ($("#stepModalRandD").find(".is-invalid-input").length || $("#file-input-validity").hasClass("is-invalid-input")) { + // has error + Swal.fire({ + icon: "error", + title: "خطا", + text: "لطفا تمامی فیلدهای مرتبط را تکمیل کنید.", + confirmButtonText: "بستن", + }); + } else { + $.ajax({ + url: api_url + "/resdevlp/add", + type: "POST", + data: formData, + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (result) { + + ajaxcalltable(); + }, + error: function (error) { + + hideLoaderScreen(); + // Swal.fire({ + // icon: "error", + // title: "خطا", + // text: "خطایی رخ داده است", + // confirmButtonText: "بستن", + // }); + }, + }); + } + if ($("#contract-conditon-id").val() == 2) { + if ($("#itempic-0").val() != "") { + $("#file-input-validity").addClass("is-invalid-input"); + $("#last-report").addClass("is-invalid-input"); + } else { + $("#file-input-validity").removeClass("is-invalid-input"); + $("#last-report").removeClass("is-invalid-input"); + } + } else if ($("#contract-conditon-id").val() == 1) { + $("#file-input-validity").removeClass("is-invalid-input"); + } +}); + +$("#submitNewRow").on("click", function () { + + let formData = new FormData(); + + let provinceVal = $("#province-id :selected").text(); + + let provinceidVal = $("#province-id").val(); + + let projectVal = $("#project-title").val(); + + let contractdateVal = $("#contract-date").val(); + + let contractnumVal = $("#contract-num").val(); + + let domainVal = $("#domain_id :selected").text(); + + let domainidVal = $("#domain_id").val(); + + let contractamountVal = $("#contract-amount").val(); + + let contractConditionVal = $("#contract-conditon-id :selected").text(); + + let contractConditionidVal = $("#contract-conditon-id").val(); + + let executerVal = $("#executer").val(); + + if (provinceVal == "") { + $("#province-id").addClass("is-invalid-input"); + } else { + $("#province-id").removeClass("is-invalid-input"); + } + if (projectVal == "") { + $("#project-title").addClass("is-invalid-input"); + } else { + $("#project-title").removeClass("is-invalid-input"); + } + if (contractdateVal == "") { + $("#contract-date").addClass("is-invalid-input"); + } else { + $("#contract-date").removeClass("is-invalid-input"); + } + if (contractnumVal == "") { + $("#contract-num").addClass("is-invalid-input"); + } else { + $("#contract-num").removeClass("is-invalid-input"); + } + if (domainVal == "") { + $("#domain_id").addClass("is-invalid-input"); + } else { + $("#domain_id").removeClass("is-invalid-input"); + } + if (contractamountVal == "") { + $("#contract-amount").addClass("is-invalid-input"); + } else { + $("#contract-amount").removeClass("is-invalid-input"); + } + if (contractConditionVal == "") { + $("#contract-conditon-id").addClass("is-invalid-input"); + } else { + $("#contract-conditon-id").removeClass("is-invalid-input"); + } + if (executerVal == "") { + $("#executer").addClass("is-invalid-input"); + } else { + $("#executer").removeClass("is-invalid-input"); + } + formData.append("id", idEdit); + formData.append("province_id", provinceidVal); + formData.append("province_fa", provinceVal); + formData.append("project_title", projectVal); + formData.append("contract_date", contractdateVal); + formData.append("contract_num", contractnumVal); + formData.append("domain_id", domainidVal); + formData.append("domain_fa", domainVal); + formData.append("contract_amount", contractamountVal); + formData.append("contract_condition_id", contractConditionidVal); + formData.append("contract_condition_fa", contractConditionVal); + formData.append("executer", executerVal); + if ($("input[name=modalUpFilepic]")[0].files.length != 0) + formData.append( + "file_name", + $("input[name=modalUpFilepic]")[0].files[0] + ); + if ($("#stepModalRandD").find(".is-invalid-input").length) { + // has error + Swal.fire({ + icon: "error", + title: "خطا", + text: "لطفا تمامی فیلدهای مرتبط را تکمیل کنید.", + confirmButtonText: "بستن", + }).then((result) => { + // console.log(result); + if (result.isConfirmed) { + // Swal.fire('Saved!', '', 'success') + } else if (result.isDenied) { + // Swal.fire('Changes are not saved', '', 'info') + } + }); + } + $.ajax({ + url: api_url + "/resdevlp/update", + type: "POST", + headers: { + 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') + }, + data: formData, + cache: false, + contentType: false, + processData: false, + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + hideLoaderScreen(); + ajaxcalltable(); + }, + error: function (error) { + hideLoaderScreen(); + Swal.fire({ + icon: "error", + title: "خطا", + text: "خطایی رخ داده است", + confirmButtonText: "بستن", + }); + }, + }); +}); + +function showrandsecond() { + $('#listTitle').text('پروژه های در حال اجرا خاتمه یافته '); + $('#listTitle').css('display', 'block'); + tableOnWork = "CurrProject"; + $('#RandDnew-holder').css('display', 'none'); + $('#RandD-holder').css('display', 'block'); + $('#OpenFormAdd').css('display', 'block'); + $('#open_select_modal').css('display', 'block'); + if (!table) { + CurrtableRender(); + } + + $('#SelectModalRandD').modal('hide'); + +} + +$('#listTitle').text('پروژه های در حال اجرا خاتمه یافته '); +$('#listTitle').css('display', 'block'); +tableOnWork = "CurrProject"; +$('#RandDnew-holder').css('display', 'none'); +$('#RandD-holder').css('display', 'block'); +$('#OpenFormAdd').css('display', 'block'); +$('#open_select_modal').css('display', 'block'); +if (!table) { + CurrtableRender(); +} + +$('#SelectModalRandD').modal('hide'); + +function showrAndfirst() { + // alert("hiii") + $('#listTitle').text('پروژه های پیشنهادی جهت طرح در کمیته علمی '); + $('#listTitle').css('display', 'block'); + // console.log($('#listTitle').text()) + + tableOnWork = 'OfferProject'; + $('#RandDnew-holder').css('display', 'block'); + $('#RandD-holder').css('display', 'none'); + $('#OpenFormAdd').css('display', 'block'); + $('#open_select_modal').css('display', 'block'); + $("body").find(".dataTables_scrollBody").addClass("scrollbar"); + $("body").find(".dataTables_scrollBody").addClass("stylescroll"); + if (!newtable) { + OfferTableRender(); + + } + let reqUrl = api_url + "/setad-province/all"; + $.ajax({ + url: reqUrl, + type: "GET", + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + hideLoaderScreen(); + provinces = result.data; + $("#new-province-id").empty(); + $("#new-province-id").append(''); + for (let index = 0; index < provinces.length; index++) { + $("#new-province-id").append( + "\ + \ + " + ); + } + }, + error: function (error) { + hideLoaderScreen(); + }, + }); + + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + + //;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; + // $("#NewPlanModal").modal("show"); + $("#SelectModalRandD").modal("hide"); + + + + //|||||||||||||||||||||||||||||||||||||||||||||||||||||| + initialnewprojectForm(); + //|||||||||||||||||||||||||||||||||||||||||||||||||||||| + +} + +$('#switch-credit').on("click", function () { + var CreditChecked = $('#allocatecredit-ok').prop('checked'); + if (CreditChecked) { + $('#credit-target-holder').css('display', 'block'); + } else { + $('#credit-target-holder').css('display', 'none'); + + } + +}); + +$('#edit-credit').on("click", function () { + var CreditChecked = $('#allocatecredit-ok-edit').prop('checked'); + if (CreditChecked) { + $('#edit-target-holder').css('display', 'block'); + } else { + $('#edit-target-holder').css('display', 'none'); + + } + +}); + + + + +//button for delete row end +//for province +function getProvinces() { + let reqUrl = api_url + "/setad-province/all"; + $.ajax({ + url: reqUrl, + type: "GET", + success: function (result) { + // console.log("result", result) + hideLoaderScreen(); + provinces = result.data; + }, + error: function (error) { + hideLoaderScreen(); + }, + }); +} +$("#province-id").on("change", function () { + if (parseInt($(this).children("option:selected").val()) == 0) { + $("#province-id").addClass("is-invalid-input"); + } else { + $("#province-id").removeClass("is-invalid-input"); + } +}); + +function init_row_filter() { + $.ajax({ + url: api_url + "/setad-province/all", + type: "GET", + success: function (data) { + provinces = data.data; + for (let index = 0; index < provinces.length; index++) { + $(".js-example-basic-multiple").append( + "\ + \ + " + ); + } + }, + }); +} +//for province +function ajaxcalltable() { + $.ajax({ + url: RandD_table, + type: "GET", + success: function (result) { + $("#RandD").dataTable().fnClearTable(); + $("#RandD").dataTable().fnAddData(result.data); + + hideLoaderScreen(); + + // Swal.fire({ + // icon: "success", + // title: "ثبت موفقیت آمیز", + // text: "اطلاعات اولیه با موفقیت ثبت گردید!", + // confirmButtonText: "بستن", + // }); + + $("#stepModalRandD").modal("hide"); + }, + }); +} + +function restrictInputOtherThanArabic($field) { + // Arabic characters fall in the Unicode range 0600 - 06FF + var arabicCharUnicodeRange = /[\u0600-\u06FF-0-9-45]/; + + $field.bind("keypress", function (event) { + var key = event.which; + // 0 = numpad + // 8 = backspace + // 32 = space + if (key == 8 || key == 0 || key === 32) { + + return true; + } + + var str = String.fromCharCode(key); + if (arabicCharUnicodeRange.test(str)) { + return true; + } + + return false; + }); +} +restrictInputOtherThanArabic($("#province-id")); +// restrictInputOtherThanArabic($("#project-title")); +// restrictInputOtherThanArabic($("#contract-num")); +restrictInputOtherThanArabic($("#domain_id")); +restrictInputOtherThanArabic($("#contract-conditon-id")); +// restrictInputOtherThanArabic($("#contract-amount")); +restrictInputOtherThanArabic($("#executer")); +//randsecond +// restrictInputOtherThanArabic($("#new-project-title")); +restrictInputOtherThanArabic($("#new-contract-amount")); +restrictInputOtherThanArabic($("#projectagentname")); +restrictInputOtherThanArabic($("#projectagentfamily")); +restrictInputOtherThanArabic($("#proj_regby_name")); +restrictInputOtherThanArabic($("#proj_regby_family")); + + + + + +$("#RandD").on("click", "tbody tr", function () { + if ($(this).hasClass("selected")) { + $(this).removeClass("selected"); + $(this).css("color", ""); + $(this).find("i").css("color", ""); + } else { + table.$("tr.selected").find("i").css("color", ""); + table.$("tr.selected").css("color", ""); + table.$("tr.selected").removeClass("selected"); + $(this).addClass("selected"); + $(this).css("color", "white"); + $(this).find("i").css("color", "white"); + } +}); + + +$("#contract-conditon-id").on('change', function () { + if (parseInt($(this).children("option:selected").val()) == 1) { + document.getElementById("labelChanger").innerHTML = "آپلود تصویر"; + + } + if (parseInt($(this).children("option:selected").val()) == 2) { + document.getElementById("labelChanger").innerHTML = "آپلود گزارش نهایی"; + } +}); + +function showUploadedFilespic(input) { + if (input.files) { + if (completepic == 0) { + + $('#uploadedItemspic').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + completepic = 1; + } else { + $('#uploadedItemspic').empty(); + $('#uploadedItemspic').append('\ +
    \ +
    نام: ' + input.files[0].name + '
    \ +
    حجم: ' + input.files[0].size / 1000 + 'KB
    \ +

    \ +
    \ + '); + } + } +} + +function deletfilepic(id) { + $('#itempic-' + id).remove() + $('input[name=modalUpFilepic]').val('') + +} + +function GenerateTablefilter(nameName, familyName, numberName) { + // console.log("str" , str) + var customers = new Array(); + if (customers != []) { + customers = []; + } + customers.push(["نام", "نام خانوادگی ", "شماره تماس"]); + + // for (let i = 0; i < name.length; i++) { + customers.push([ + nameName, + familyName, numberName, + ]); + // } + var table = document.createElement("TABLE"); + $(table).attr("width", "100%"); + $(table).addClass("table"); + $(table).addClass("table-bordered"); + $(table).addClass("tablemodal"); + + table.border = "1"; + + //Get the count of columns. + var columnCount = customers[0].length; + + //Add the header row. + var row = table.insertRow(-1); + for (var i = 0; i < columnCount; i++) { + var headerCell = document.createElement("TH"); + headerCell.innerHTML = customers[0][i]; + row.appendChild(headerCell); + } + + //Add the data rows. + for (var i = 1; i < customers.length; i++) { + row = table.insertRow(-1); + for (var j = 0; j < columnCount; j++) { + var cell = row.insertCell(-1); + cell.innerHTML = customers[i][j]; + } + } + + var dvTable = document.getElementById("rdagentslist"); + dvTable.innerHTML = ""; + dvTable.appendChild(table); +} +$("#RandDnew").on("click", "button.regbyname", function () { + // alert("hiiiiiiii") + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + var name = row.data().proj_regby_name; + var number = row.data().proj_regby_phone; + var familynum = row.data().proj_regby_family; + $("#project-name").val(name) + $("#project-lastname").val(number) + $("#project-phone").val(familynum) + + $('#showregbyname').modal('show'); + + +}) +// show RANDEDIT +$("#RandDnew").on("click", "button.btn-edit", function () { + $("#1ndfileSelectededit").val("") + + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + console.log("newwew", row.data()) + ideditcol = row.data().id; + var domainEDit = row.data().domain_id; + var titleEdit = row.data().title; + var province_idEdit = row.data().province_id; + var project_amountEDit = row.data().project_amount; + var fname_creatorEdit = row.data().fname_creator; + var lname_creat = row.data().lname_creator; + var phone_creator = row.data().phone_creator; + var credit_statusEdit = row.data().credit_status; + var proj_credit_resourse = row.data().proj_credit_resourse; + var rfp_file = row.data().rfp_file + $("#edit-project-title").val(titleEdit) + $("#edit_domain_id").val(domainEDit) + $("#edit-contract-amount").val(project_amountEDit) + $("#edit_regby_name").val(fname_creatorEdit) + $("#edit_regby_family").val(lname_creat) + $("#edit_regby_phone").val(phone_creator) + $("#edit-project-title").val(titleEdit) + $("#edit-project-title").val(titleEdit) + showprovinceEdit(province_idEdit) + showstatus(credit_statusEdit, proj_credit_resourse) + + $("#editmodal").modal("show") + + +}) + +function showstatus(status, resource) { + if (status == 0) { + $('#allocatecredit-no-edit').prop('checked', true); + $('#allocatecredit-ok-edit').prop('checked', false); + $("#edit-target-holder").css("display", "none") + + } else if (status == 1) { + $('#allocatecredit-no-edit').prop('checked', false); + $('#allocatecredit-ok-edit').prop('checked', true); + $("#edit-target-holder").css("display", "block") + $("#edit-target-amount").val(resource) + } +} + +function showprovinceEdit(id) { + console.log("edit", id) + $("#edit-province-id").append(''); + + for (let index = 0; index < provinces.length; index++) { + $("#edit-province-id").append( + "\ + \ + " + ); + } + + $("#edit-province-id").val(id) + +} +var formDataEdit = new FormData(); +var proj_rfp_file_edit; +$("#1ndfileUploadedit").change(function () { + var file = $(this).val(); + var ext = file.split('.').pop(); + // alert(ext); + console.log("tet", typeof (ext)) + if (ext == "pdf" || ext == "pdF" || ext == "pDf" || ext == "pDF" || ext == "Pdf" || ext == "PDf" || ext == "PDF") { + proj_rfp_file_edit = this.files; + $.each(proj_rfp_file_edit, function (i, file) { + formDataEdit.append("proj_rfp_file", file); + }); + } else { + $("#1ndfileSelectededit").val("") + alert("لطفا فایل با فرمت pdf انتخاب نمایید ") + } + +}); +//editmodal +$("#submitEditProject").on("click", function () { + + var project_title = $("#edit-project-title").val(); + var province_id = $("#edit-province-id").val(); + var province_fa = $("#edit-province-id option:selected").text(); + var domain_id = $("#edit_domain_id").val(); + var proj_etimate_amount = $("#edit-contract-amount").val(); + var proj_credit_resource = $("#edit-target-amount").val(); + var proj_regby_name = $("#edit_regby_name").val(); + var proj_regby_family = $("#edit_regby_family").val(); + var proj_regby_phone = $("#edit_regby_phone").val(); + if ($("#allocatecredit-ok-edit").is(':checked')) { + proj_credit_state_edit = 1; + } else { + proj_credit_state_edit = 0; + } + formDataEdit.append("title", project_title); + formDataEdit.append("province_id", province_id); + formDataEdit.append("province_fa", province_fa); + formDataEdit.append("domain_id", domain_id); + formDataEdit.append("project_amount", proj_etimate_amount); + formDataEdit.append("credit_status", proj_credit_state_edit); + formDataEdit.append("proj_credit_resourse", proj_credit_resource); + formDataEdit.append("fname_creator", proj_regby_name); + formDataEdit.append("lname_creator", proj_regby_family); + formDataEdit.append("phone_creator", proj_regby_phone); + for (var pair of formDataEdit.entries()) { + console.log(pair[0] + ', ' + pair[1]); + } + $.ajax({ + url: "/RandD/proposed_projects/edit/" + ideditcol, + type: "POST", + headers: { + 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') + }, + data: formDataEdit, + processData: false, + contentType: false, + beforeSend: function () { + showLoaderScreen(); + }, + success: function (response, status, jqxhr) { + hideLoaderScreen(); + hideLoaderScreen(); + console.log("hiii") + reloadtable() + $("#editmodal").modal("hide"); + + }, + error: function (jqxhr, status, errorMessage) { + hideLoaderScreen(); + alert("خطا") + + } + }); + + +}) + +$("#RandDnew").on("click", "button.downloadpdf", function () { + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + var rfp_file = row.data().rfp_file; + // console.log("rfp_file", rfp_file); + window.open("/" + rfp_file, '_blank') +}); +$("#RandDnew").on("click", "button.creditor_data", function () { + $("#showregbyfamily").modal("show"); + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + var fname_creator = row.data().fname_creator; + var lname_creator = row.data().lname_creator; + var phone_creator = row.data().phone_creator; + $("#fname_creator").val(fname_creator); + $("#lname_creator").val(lname_creator); + $("#phone_creator").val(phone_creator); + +}); + +$(document).on('click', '.btn-delete', function () { + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + idkol = row.data().id; + Swal.fire({ + icon: "warning", + title: "آیا برای حذف مطمئن هستید؟", + showCancelButton: true, + confirmButtonColor: "#3085d6", + cancelButtonColor: "#d33", + confirmButtonText: "بله، تایید می‌شود", + cancelButtonText: "منصرف شدم!", + showLoaderOnConfirm: true, + preConfirm: () => { + showLoaderScreen(); + $.ajax({ + url: newplan_del_url + "/" + idkol, + type: "POST", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (result) { + hideLoaderScreen(); + newtable.ajax.reload(null, false); + }, + error: function (error) { + hideLoaderScreen(); + Swal.fire({ + icon: "error", + title: "خطا", + confirmButtonText: "بستن", + }); + }, + }); + }, + }); +}) +$(document).on('click', '.btn-vote-start', function () { + Swal.fire({ + icon: "info", + title: "شروع امتیازدهی", + text: "آیا برای شروع امتیازدهی مطمئن هستید؟", + showDenyButton: true, + showCancelButton: false, + denyButtonText: 'خیر', + confirmButtonText: "بله، شروع کن", + }).then((result) => { + if (result.isConfirmed) { + showLoaderScreen() + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + var id = row.data().id; + $.ajax({ + async: false, + url: "/RandD/proposed_projects/voting/start/" + id, + type: "POST", + headers: { + accept: "application/json", + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (res) { + newtable.ajax.reload(null, false); + hideLoaderScreen() + }, + error: function () { + Swal.fire({ + icon: "error", + title: "خطا سرور", + text: "مشکل در شروع کردن امتیازدهی", + showCancelButton: true, + showConfirmButton: false, + cancelButtonText: "بستن", + }) + hideLoaderScreen() + } + }); + } + }) +}) +$(document).on('click', '.btn-vote-finish', function () { + Swal.fire({ + icon: "info", + title: "خاتمه امتیازدهی", + text: "آیا برای خاتمه امتیازدهی مطمئن هستید؟", + showDenyButton: true, + showCancelButton: false, + denyButtonText: 'خیر', + confirmButtonText: "بله، خاتمه بده", + }).then((result) => { + if (result.isConfirmed) { + showLoaderScreen() + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + var id = row.data().id; + $.ajax({ + async: false, + url: "/RandD/proposed_projects/voting/end/" + id, + type: "POST", + headers: { + accept: "application/json", + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (res) { + newtable.ajax.reload(null, false); + hideLoaderScreen() + }, + error: function () { + Swal.fire({ + icon: "error", + title: "خطا سرور", + text: "مشکل در خاتمه دادن به امتیازدهی", + showCancelButton: true, + showConfirmButton: false, + cancelButtonText: "بستن", + }) + hideLoaderScreen() + } + }); + } + }) +}) +$(document).on('click', '.btn-vote-result', function () { + showLoaderScreen() + var tr = $(this).closest("tr"); + var row = newtable.row(tr); + var id = row.data().id; + $.ajax({ + async: false, + url: "/RandD/proposed_projects/voting/result/" + id, + type: "GET", + headers: { + accept: "application/json", + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (res) { + if (res.data.project_status == 3) { + $('#desc_reject_result').val(res.data.reject_description); + $('#reject-result-modal').modal('show') + } else { + $('#result-vote-modal .modal-title').text(res.data.project_name) + $('#result-vote-modal .modal-participants-number').text(res.data.participants_number) + $('#result-vote-modal .modal-average').text(res.data.average) + $('#result-vote-modal .modal-typeOne').text(parseInt(res.data.typeOne)) + $('#result-vote-modal .modal-typeTwo').text(parseInt(res.data.typeTwo)) + $('#result-vote-modal .modal-typeThree').text(parseInt(res.data.typeThree)) + tableParticipants = $("#table-participants").DataTable({ + dom: "", + pagingType: "simple_numbers", + destroy: true, + responsive: true, + language: { + sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد", + sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف", + sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف", + sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)", + sInfoPostFix: "", + sInfoThousands: ",", + sLengthMenu: "نمایش _MENU_ ردیف", + sLoadingRecords: "در حال بارگذاری...", + sProcessing: "در حال پردازش...", + sSearch: "جستجو: ", + sZeroRecords: "رکوردی با این مشخصات پیدا نشد", + oPaginate: { + sFirst: "برگه‌ی نخست", + sLast: "برگه‌ی آخر", + sNext: "بعدی", + sPrevious: "قبلی", + }, + oAria: { + sSortAscending: ": فعال سازی نمایش به صورت صعودی", + sSortDescending: ": فعال سازی نمایش به صورت نزولی", + }, + }, + processing: true, + data: res.data.participants, + columns: [{ + data: 'fullname', + className: 'text-center text-nowrap', + }, + { + data: null, + render: function (data, type, row) { + if (res.data.votingUsersResult) { + return ``; + } + return '' + }, + className: 'text-center text-nowrap', + }, + ], + + buttons: [], + + }); + $('#result-vote-modal').modal({ + backdrop: "static" + }) + } + hideLoaderScreen() + }, + error: function () { + Swal.fire({ + icon: "error", + title: "خطا سرور", + text: "مشکل در دریافت اطلاعات نتیجه گیری", + showCancelButton: true, + showConfirmButton: false, + cancelButtonText: "بستن", + }) + hideLoaderScreen() + } + }); +}) +$(document).on('click', '.btn-answer-form', function () { + showLoaderScreen() + var tr = $(this).closest("tr"); + var row = tableParticipants.row(tr); + var id = row.data().id; + $.ajax({ + async: false, + url: `/RandD/proposed_projects/voting/result?user=${row.data().user_id}&vote=${row.data().vote_id}`, + type: "GET", + headers: { + accept: "application/json", + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (res) { + console.log('res', res); + $('#answer-form-modal .modal-title strong').text(row.data().fullname) + $('#answer-form-modal .modal-answer-form-total').text(res.sum_score) + $('#answer-form-modal .modal-answer-form-date').text(moment(res.created_at.date).format('HH:mm jYYYY/jMM/jDD')) + $('#answer-form-modal .modal-answer-form-desc').text(res.description) + tableAnswerForm = $("#table-answer-form").DataTable({ + dom: "", + pagingType: "simple_numbers", + destroy: true, + responsive: true, + language: { + sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد", + sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف", + sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف", + sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)", + sInfoPostFix: "", + sInfoThousands: ",", + sLengthMenu: "نمایش _MENU_ ردیف", + sLoadingRecords: "در حال بارگذاری...", + sProcessing: "در حال پردازش...", + sSearch: "جستجو: ", + sZeroRecords: "رکوردی با این مشخصات پیدا نشد", + oPaginate: { + sFirst: "برگه‌ی نخست", + sLast: "برگه‌ی آخر", + sNext: "بعدی", + sPrevious: "قبلی", + }, + oAria: { + sSortAscending: ": فعال سازی نمایش به صورت صعودی", + sSortDescending: ": فعال سازی نمایش به صورت نزولی", + }, + }, + ordering: false, + processing: true, + data: res.questions, + columns: [{ + data: 'question_fa', + className: 'text-center text-nowrap', + }, + { + data: null, + render: function (data, type, row) { + if (data.score_type == 2) { + var textMode; + switch (data.score) { + case 1: + textMode = 'نوع یک' + break; + case 2: + textMode = 'نوع دو' + break; + case 3: + textMode = 'نوع سه' + break; + } + return textMode + } + return data.score; + }, + className: 'text-center text-nowrap', + }, + ], + + buttons: [], + + }); + $('#answer-form-modal').modal('show') + hideLoaderScreen() + }, + error: function () { + Swal.fire({ + icon: "error", + title: "خطا سرور", + text: "مشکل در دریافت اطلاعات فرم پاسخنامه", + showCancelButton: true, + showConfirmButton: false, + cancelButtonText: "بستن", + }) + hideLoaderScreen() + } + }); +}) +if (screen.width < 530) { + $(".body-table-style").removeClass("px-4") + $(".body-table-style").removeClass("pt-3") + $(".body-table-style").removeClass("row") +} else { + $(".body-table-style").addClass("px-4") + $(".body-table-style").addClass("pt-3") + $(".body-table-style").addClass("row") +} \ No newline at end of file diff --git a/public/dist/js/adminlte.min.js b/public/dist/js/adminlte.min.js new file mode 100644 index 00000000..eb5a159f --- /dev/null +++ b/public/dist/js/adminlte.min.js @@ -0,0 +1,7 @@ +/*! + * AdminLTE v3.0.2-pre (https://adminlte.io) + * Copyright 2014-2019 Colorlib + * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).adminlte={})}(this,(function(t){"use strict";const e=(t=>{const e="ControlSidebar",s="lte.controlsidebar",i=`.${s}`,n=t.fn[e],o={COLLAPSED:`collapsed${i}`,EXPANDED:`expanded${i}`},a={CONTROL_SIDEBAR:".control-sidebar",CONTROL_SIDEBAR_CONTENT:".control-sidebar-content",DATA_TOGGLE:'[data-widget="control-sidebar"]',CONTENT:".content-wrapper",HEADER:".main-header",FOOTER:".main-footer"},r={CONTROL_SIDEBAR_ANIMATE:"control-sidebar-animate",CONTROL_SIDEBAR_OPEN:"control-sidebar-open",CONTROL_SIDEBAR_SLIDE:"control-sidebar-slide-open",LAYOUT_FIXED:"layout-fixed",NAVBAR_FIXED:"layout-navbar-fixed",NAVBAR_SM_FIXED:"layout-sm-navbar-fixed",NAVBAR_MD_FIXED:"layout-md-navbar-fixed",NAVBAR_LG_FIXED:"layout-lg-navbar-fixed",NAVBAR_XL_FIXED:"layout-xl-navbar-fixed",FOOTER_FIXED:"layout-footer-fixed",FOOTER_SM_FIXED:"layout-sm-footer-fixed",FOOTER_MD_FIXED:"layout-md-footer-fixed",FOOTER_LG_FIXED:"layout-lg-footer-fixed",FOOTER_XL_FIXED:"layout-xl-footer-fixed"},l={controlsidebarSlide:!0,scrollbarTheme:"os-theme-light",scrollbarAutoHide:"l"};class d{constructor(t,e){this._element=t,this._config=e,this._init()}collapse(){this._config.controlsidebarSlide?(t("html").addClass(r.CONTROL_SIDEBAR_ANIMATE),t("body").removeClass(r.CONTROL_SIDEBAR_SLIDE).delay(300).queue((function(){t(a.CONTROL_SIDEBAR).hide(),t("html").removeClass(r.CONTROL_SIDEBAR_ANIMATE),t(this).dequeue()}))):t("body").removeClass(r.CONTROL_SIDEBAR_OPEN);const e=t.Event(o.COLLAPSED);t(this._element).trigger(e)}show(){this._config.controlsidebarSlide?(t("html").addClass(r.CONTROL_SIDEBAR_ANIMATE),t(a.CONTROL_SIDEBAR).show().delay(10).queue((function(){t("body").addClass(r.CONTROL_SIDEBAR_SLIDE).delay(300).queue((function(){t("html").removeClass(r.CONTROL_SIDEBAR_ANIMATE),t(this).dequeue()})),t(this).dequeue()}))):t("body").addClass(r.CONTROL_SIDEBAR_OPEN);const e=t.Event(o.EXPANDED);t(this._element).trigger(e)}toggle(){t("body").hasClass(r.CONTROL_SIDEBAR_OPEN)||t("body").hasClass(r.CONTROL_SIDEBAR_SLIDE)?this.collapse():this.show()}_init(){this._fixHeight(),this._fixScrollHeight(),t(window).resize(()=>{this._fixHeight(),this._fixScrollHeight()}),t(window).scroll(()=>{(t("body").hasClass(r.CONTROL_SIDEBAR_OPEN)||t("body").hasClass(r.CONTROL_SIDEBAR_SLIDE))&&this._fixScrollHeight()})}_fixScrollHeight(){const e={scroll:t(document).height(),window:t(window).height(),header:t(a.HEADER).outerHeight(),footer:t(a.FOOTER).outerHeight()},s=Math.abs(e.window+t(window).scrollTop()-e.scroll),i=t(window).scrollTop();let n=!1,o=!1;t("body").hasClass(r.LAYOUT_FIXED)&&((t("body").hasClass(r.NAVBAR_FIXED)||t("body").hasClass(r.NAVBAR_SM_FIXED)||t("body").hasClass(r.NAVBAR_MD_FIXED)||t("body").hasClass(r.NAVBAR_LG_FIXED)||t("body").hasClass(r.NAVBAR_XL_FIXED))&&"fixed"===t(a.HEADER).css("position")&&(n=!0),(t("body").hasClass(r.FOOTER_FIXED)||t("body").hasClass(r.FOOTER_SM_FIXED)||t("body").hasClass(r.FOOTER_MD_FIXED)||t("body").hasClass(r.FOOTER_LG_FIXED)||t("body").hasClass(r.FOOTER_XL_FIXED))&&"fixed"===t(a.FOOTER).css("position")&&(o=!0),0===i&&0===s?(t(a.CONTROL_SIDEBAR).css("bottom",e.footer),t(a.CONTROL_SIDEBAR).css("top",e.header),t(a.CONTROL_SIDEBAR+", "+a.CONTROL_SIDEBAR+" "+a.CONTROL_SIDEBAR_CONTENT).css("height",e.window-(e.header+e.footer))):s<=e.footer?!1===o?(t(a.CONTROL_SIDEBAR).css("bottom",e.footer-s),t(a.CONTROL_SIDEBAR+", "+a.CONTROL_SIDEBAR+" "+a.CONTROL_SIDEBAR_CONTENT).css("height",e.window-(e.footer-s))):t(a.CONTROL_SIDEBAR).css("bottom",e.footer):i<=e.header?!1===n?(t(a.CONTROL_SIDEBAR).css("top",e.header-i),t(a.CONTROL_SIDEBAR+", "+a.CONTROL_SIDEBAR+" "+a.CONTROL_SIDEBAR_CONTENT).css("height",e.window-(e.header-i))):t(a.CONTROL_SIDEBAR).css("top",e.header):!1===n?(t(a.CONTROL_SIDEBAR).css("top",0),t(a.CONTROL_SIDEBAR+", "+a.CONTROL_SIDEBAR+" "+a.CONTROL_SIDEBAR_CONTENT).css("height",e.window)):t(a.CONTROL_SIDEBAR).css("top",e.header))}_fixHeight(){const e=t(window).height(),s=t(a.HEADER).outerHeight(),i=t(a.FOOTER).outerHeight();if(t("body").hasClass(r.LAYOUT_FIXED)){let n=e-s;(t("body").hasClass(r.FOOTER_FIXED)||t("body").hasClass(r.FOOTER_SM_FIXED)||t("body").hasClass(r.FOOTER_MD_FIXED)||t("body").hasClass(r.FOOTER_LG_FIXED)||t("body").hasClass(r.FOOTER_XL_FIXED))&&"fixed"===t(a.FOOTER).css("position")&&(n=e-s-i),t(a.CONTROL_SIDEBAR+" "+a.CONTROL_SIDEBAR_CONTENT).css("height",n),"undefined"!=typeof t.fn.overlayScrollbars&&t(a.CONTROL_SIDEBAR+" "+a.CONTROL_SIDEBAR_CONTENT).overlayScrollbars({className:this._config.scrollbarTheme,sizeAutoCapable:!0,scrollbars:{autoHide:this._config.scrollbarAutoHide,clickScrolling:!0}})}}static _jQueryInterface(e){return this.each((function(){let i=t(this).data(s);const n=t.extend({},l,t(this).data());if(i||(i=new d(this,n),t(this).data(s,i)),"undefined"===i[e])throw new Error(`${e} is not a function`);i[e]()}))}}return t(document).on("click",a.DATA_TOGGLE,(function(e){e.preventDefault(),d._jQueryInterface.call(t(this),"toggle")})),t.fn[e]=d._jQueryInterface,t.fn[e].Constructor=d,t.fn[e].noConflict=function(){return t.fn[e]=n,d._jQueryInterface},d})(jQuery),s=(t=>{const e="Layout",s="lte.layout",i=t.fn[e],n={HEADER:".main-header",MAIN_SIDEBAR:".main-sidebar",SIDEBAR:".main-sidebar .sidebar",CONTENT:".content-wrapper",BRAND:".brand-link",CONTENT_HEADER:".content-header",WRAPPER:".wrapper",CONTROL_SIDEBAR:".control-sidebar",CONTROL_SIDEBAR_CONTENT:".control-sidebar-content",CONTROL_SIDEBAR_BTN:'[data-widget="control-sidebar"]',LAYOUT_FIXED:".layout-fixed",FOOTER:".main-footer",PUSHMENU_BTN:'[data-widget="pushmenu"]',LOGIN_BOX:".login-box",REGISTER_BOX:".register-box"},o={HOLD:"hold-transition",SIDEBAR:"main-sidebar",CONTENT_FIXED:"content-fixed",SIDEBAR_FOCUSED:"sidebar-focused",LAYOUT_FIXED:"layout-fixed",NAVBAR_FIXED:"layout-navbar-fixed",FOOTER_FIXED:"layout-footer-fixed",LOGIN_PAGE:"login-page",REGISTER_PAGE:"register-page",CONTROL_SIDEBAR_SLIDE_OPEN:"control-sidebar-slide-open",CONTROL_SIDEBAR_OPEN:"control-sidebar-open"},a={scrollbarTheme:"os-theme-light",scrollbarAutoHide:"l"};class r{constructor(t,e){this._config=e,this._element=t,this._init()}fixLayoutHeight(e=null){let s=0;(t("body").hasClass(o.CONTROL_SIDEBAR_SLIDE_OPEN)||t("body").hasClass(o.CONTROL_SIDEBAR_OPEN)||"control_sidebar"==e)&&(s=t(n.CONTROL_SIDEBAR_CONTENT).height());const i={window:t(window).height(),header:0!==t(n.HEADER).length?t(n.HEADER).outerHeight():0,footer:0!==t(n.FOOTER).length?t(n.FOOTER).outerHeight():0,sidebar:0!==t(n.SIDEBAR).length?t(n.SIDEBAR).height():0,control_sidebar:s},a=this._max(i);a==i.control_sidebar?t(n.CONTENT).css("min-height",a):a==i.window?t(n.CONTENT).css("min-height",a-i.header-i.footer):t(n.CONTENT).css("min-height",a-i.header),t("body").hasClass(o.LAYOUT_FIXED)&&(t(n.CONTENT).css("min-height",a-i.header-i.footer),"undefined"!=typeof t.fn.overlayScrollbars&&t(n.SIDEBAR).overlayScrollbars({className:this._config.scrollbarTheme,sizeAutoCapable:!0,scrollbars:{autoHide:this._config.scrollbarAutoHide,clickScrolling:!0}}))}_init(){if(this.fixLayoutHeight(),t(n.SIDEBAR).on("collapsed.lte.treeview expanded.lte.treeview",()=>{this.fixLayoutHeight()}),t(n.PUSHMENU_BTN).on("collapsed.lte.pushmenu shown.lte.pushmenu",()=>{this.fixLayoutHeight()}),t(n.CONTROL_SIDEBAR_BTN).on("collapsed.lte.controlsidebar",()=>{this.fixLayoutHeight()}).on("expanded.lte.controlsidebar",()=>{this.fixLayoutHeight("control_sidebar")}),t(window).resize(()=>{this.fixLayoutHeight()}),t("body").hasClass(o.LOGIN_PAGE)||t("body").hasClass(o.REGISTER_PAGE)){if(t("body").hasClass(o.LOGIN_PAGE)||t("body").hasClass(o.REGISTER_PAGE)){let e=t(n.LOGIN_BOX+", "+n.REGISTER_BOX).height();t("body").css("min-height",e)}}else t("body, html").css("height","auto");t("body.hold-transition").removeClass("hold-transition")}_max(t){let e=0;return Object.keys(t).forEach(s=>{t[s]>e&&(e=t[s])}),e}static _jQueryInterface(e=""){return this.each((function(){let i=t(this).data(s);const n=t.extend({},a,t(this).data());i||(i=new r(t(this),n),t(this).data(s,i)),"init"!==e&&""!==e||i._init()}))}}return t(window).on("load",()=>{r._jQueryInterface.call(t("body"))}),t(n.SIDEBAR+" a").on("focusin",()=>{t(n.MAIN_SIDEBAR).addClass(o.SIDEBAR_FOCUSED)}),t(n.SIDEBAR+" a").on("focusout",()=>{t(n.MAIN_SIDEBAR).removeClass(o.SIDEBAR_FOCUSED)}),t.fn[e]=r._jQueryInterface,t.fn[e].Constructor=r,t.fn[e].noConflict=function(){return t.fn[e]=i,r._jQueryInterface},r})(jQuery),i=(t=>{const e="PushMenu",s="lte.pushmenu",i=`.${s}`,n=t.fn[e],o={COLLAPSED:`collapsed${i}`,SHOWN:`shown${i}`},a={autoCollapseSize:992,enableRemember:!1,noTransitionAfterReload:!0},r={TOGGLE_BUTTON:'[data-widget="pushmenu"]',SIDEBAR_MINI:".sidebar-mini",SIDEBAR_COLLAPSED:".sidebar-collapse",BODY:"body",OVERLAY:"#sidebar-overlay",WRAPPER:".wrapper"},l={SIDEBAR_OPEN:"sidebar-open",COLLAPSED:"sidebar-collapse",OPEN:"sidebar-open"};class d{constructor(e,s){this._element=e,this._options=t.extend({},a,s),t(r.OVERLAY).length||this._addOverlay(),this._init()}expand(){this._options.autoCollapseSize&&t(window).width()<=this._options.autoCollapseSize&&t(r.BODY).addClass(l.OPEN),t(r.BODY).removeClass(l.COLLAPSED),this._options.enableRemember&&localStorage.setItem(`remember${i}`,l.OPEN);const e=t.Event(o.SHOWN);t(this._element).trigger(e)}collapse(){this._options.autoCollapseSize&&t(window).width()<=this._options.autoCollapseSize&&t(r.BODY).removeClass(l.OPEN),t(r.BODY).addClass(l.COLLAPSED),this._options.enableRemember&&localStorage.setItem(`remember${i}`,l.COLLAPSED);const e=t.Event(o.COLLAPSED);t(this._element).trigger(e)}toggle(){t(r.BODY).hasClass(l.COLLAPSED)?this.expand():this.collapse()}autoCollapse(e=!1){this._options.autoCollapseSize&&(t(window).width()<=this._options.autoCollapseSize?t(r.BODY).hasClass(l.OPEN)||this.collapse():1==e&&t(r.BODY).hasClass(l.OPEN)&&t(r.BODY).removeClass(l.OPEN))}remember(){if(this._options.enableRemember){localStorage.getItem(`remember${i}`)==l.COLLAPSED?this._options.noTransitionAfterReload?t("body").addClass("hold-transition").addClass(l.COLLAPSED).delay(50).queue((function(){t(this).removeClass("hold-transition"),t(this).dequeue()})):t("body").addClass(l.COLLAPSED):this._options.noTransitionAfterReload?t("body").addClass("hold-transition").removeClass(l.COLLAPSED).delay(50).queue((function(){t(this).removeClass("hold-transition"),t(this).dequeue()})):t("body").removeClass(l.COLLAPSED)}}_init(){this.remember(),this.autoCollapse(),t(window).resize(()=>{this.autoCollapse(!0)})}_addOverlay(){const e=t("
    ",{id:"sidebar-overlay"});e.on("click",()=>{this.collapse()}),t(r.WRAPPER).append(e)}static _jQueryInterface(e){return this.each((function(){let i=t(this).data(s);const n=t.extend({},a,t(this).data());i||(i=new d(this,n),t(this).data(s,i)),"string"==typeof e&&e.match(/collapse|expand|toggle/)&&i[e]()}))}}return t(document).on("click",r.TOGGLE_BUTTON,e=>{e.preventDefault();let s=e.currentTarget;"pushmenu"!==t(s).data("widget")&&(s=t(s).closest(r.TOGGLE_BUTTON)),d._jQueryInterface.call(t(s),"toggle")}),t(window).on("load",()=>{d._jQueryInterface.call(t(r.TOGGLE_BUTTON))}),t.fn[e]=d._jQueryInterface,t.fn[e].Constructor=d,t.fn[e].noConflict=function(){return t.fn[e]=n,d._jQueryInterface},d})(jQuery),n=(t=>{const e="Treeview",s="lte.treeview",i=`.${s}`,n=t.fn[e],o={SELECTED:`selected${i}`,EXPANDED:`expanded${i}`,COLLAPSED:`collapsed${i}`,LOAD_DATA_API:`load${i}`},a={LI:".nav-item",LINK:".nav-link",TREEVIEW_MENU:".nav-treeview",OPEN:".menu-open",DATA_WIDGET:'[data-widget="treeview"]'},r={LI:"nav-item",LINK:"nav-link",TREEVIEW_MENU:"nav-treeview",OPEN:"menu-open",SIDEBAR_COLLAPSED:"sidebar-collapse"},l={trigger:`${a.DATA_WIDGET} ${a.LINK}`,animationSpeed:300,accordion:!0,expandSidebar:!1,sidebarButtonSelector:'[data-widget="pushmenu"]'};class d{constructor(t,e){this._config=e,this._element=t}init(){this._setupListeners()}expand(e,s){const i=t.Event(o.EXPANDED);if(this._config.accordion){const t=s.siblings(a.OPEN).first(),e=t.find(a.TREEVIEW_MENU).first();this.collapse(e,t)}e.stop().slideDown(this._config.animationSpeed,()=>{s.addClass(r.OPEN),t(this._element).trigger(i)}),this._config.expandSidebar&&this._expandSidebar()}collapse(e,s){const i=t.Event(o.COLLAPSED);e.stop().slideUp(this._config.animationSpeed,()=>{s.removeClass(r.OPEN),t(this._element).trigger(i),e.find(`${a.OPEN} > ${a.TREEVIEW_MENU}`).slideUp(),e.find(a.OPEN).removeClass(r.OPEN)})}toggle(e){const s=t(e.currentTarget),i=s.parent();let n=i.find("> "+a.TREEVIEW_MENU);if(!n.is(a.TREEVIEW_MENU)&&(i.is(a.LI)||(n=i.parent().find("> "+a.TREEVIEW_MENU)),!n.is(a.TREEVIEW_MENU)))return;e.preventDefault();const o=s.parents(a.LI).first();o.hasClass(r.OPEN)?this.collapse(t(n),o):this.expand(t(n),o)}_setupListeners(){t(document).on("click",this._config.trigger,t=>{this.toggle(t)})}_expandSidebar(){t("body").hasClass(r.SIDEBAR_COLLAPSED)&&t(this._config.sidebarButtonSelector).PushMenu("expand")}static _jQueryInterface(e){return this.each((function(){let i=t(this).data(s);const n=t.extend({},l,t(this).data());i||(i=new d(t(this),n),t(this).data(s,i)),"init"===e&&i[e]()}))}}return t(window).on(o.LOAD_DATA_API,()=>{t(a.DATA_WIDGET).each((function(){d._jQueryInterface.call(t(this),"init")}))}),t.fn[e]=d._jQueryInterface,t.fn[e].Constructor=d,t.fn[e].noConflict=function(){return t.fn[e]=n,d._jQueryInterface},d})(jQuery),o=(t=>{const e="DirectChat",s="lte.directchat",i=t.fn[e],n={TOGGLED:"toggled{EVENT_KEY}"},o={DATA_TOGGLE:'[data-widget="chat-pane-toggle"]',DIRECT_CHAT:".direct-chat"},a={DIRECT_CHAT_OPEN:"direct-chat-contacts-open"};class r{constructor(t,e){this._element=t}toggle(){t(this._element).parents(o.DIRECT_CHAT).first().toggleClass(a.DIRECT_CHAT_OPEN);const e=t.Event(n.TOGGLED);t(this._element).trigger(e)}static _jQueryInterface(e){return this.each((function(){let i=t(this).data(s);i||(i=new r(t(this)),t(this).data(s,i)),i[e]()}))}}return t(document).on("click",o.DATA_TOGGLE,(function(e){e&&e.preventDefault(),r._jQueryInterface.call(t(this),"toggle")})),t.fn[e]=r._jQueryInterface,t.fn[e].Constructor=r,t.fn[e].noConflict=function(){return t.fn[e]=i,r._jQueryInterface},r})(jQuery),a=(t=>{const e="TodoList",s="lte.todolist",i=t.fn[e],n={DATA_TOGGLE:'[data-widget="todo-list"]'},o={TODO_LIST_DONE:"done"},a={onCheck:function(t){return t},onUnCheck:function(t){return t}};class r{constructor(t,e){this._config=e,this._element=t,this._init()}toggle(e){e.parents("li").toggleClass(o.TODO_LIST_DONE),t(e).prop("checked")?this.check(e):this.unCheck(t(e))}check(t){this._config.onCheck.call(t)}unCheck(t){this._config.onUnCheck.call(t)}_init(){var e=this;t(n.DATA_TOGGLE).find("input:checkbox:checked").parents("li").toggleClass(o.TODO_LIST_DONE),t(n.DATA_TOGGLE).on("change","input:checkbox",s=>{e.toggle(t(s.target))})}static _jQueryInterface(e){return this.each((function(){let i=t(this).data(s);const n=t.extend({},a,t(this).data());i||(i=new r(t(this),n),t(this).data(s,i)),"init"===e&&i[e]()}))}}return t(window).on("load",()=>{r._jQueryInterface.call(t(n.DATA_TOGGLE))}),t.fn[e]=r._jQueryInterface,t.fn[e].Constructor=r,t.fn[e].noConflict=function(){return t.fn[e]=i,r._jQueryInterface},r})(jQuery),r=(t=>{const e="CardWidget",s="lte.cardwidget",i=`.${s}`,n=t.fn[e],o={EXPANDED:`expanded${i}`,COLLAPSED:`collapsed${i}`,MAXIMIZED:`maximized${i}`,MINIMIZED:`minimized${i}`,REMOVED:`removed${i}`},a={CARD:"card",COLLAPSED:"collapsed-card",WAS_COLLAPSED:"was-collapsed",MAXIMIZED:"maximized-card"},r={DATA_REMOVE:'[data-card-widget="remove"]',DATA_COLLAPSE:'[data-card-widget="collapse"]',DATA_MAXIMIZE:'[data-card-widget="maximize"]',CARD:`.${a.CARD}`,CARD_HEADER:".card-header",CARD_BODY:".card-body",CARD_FOOTER:".card-footer",COLLAPSED:`.${a.COLLAPSED}`},l={animationSpeed:"normal",collapseTrigger:r.DATA_COLLAPSE,removeTrigger:r.DATA_REMOVE,maximizeTrigger:r.DATA_MAXIMIZE,collapseIcon:"fa-minus",expandIcon:"fa-plus",maximizeIcon:"fa-expand",minimizeIcon:"fa-compress"};class d{constructor(e,s){this._element=e,this._parent=e.parents(r.CARD).first(),e.hasClass(a.CARD)&&(this._parent=e),this._settings=t.extend({},l,s)}collapse(){this._parent.children(`${r.CARD_BODY}, ${r.CARD_FOOTER}`).slideUp(this._settings.animationSpeed,()=>{this._parent.addClass(a.COLLAPSED)}),this._parent.find(this._settings.collapseTrigger+" ."+this._settings.collapseIcon).addClass(this._settings.expandIcon).removeClass(this._settings.collapseIcon);const e=t.Event(o.COLLAPSED);this._element.trigger(e,this._parent)}expand(){this._parent.children(`${r.CARD_BODY}, ${r.CARD_FOOTER}`).slideDown(this._settings.animationSpeed,()=>{this._parent.removeClass(a.COLLAPSED)}),this._parent.find(this._settings.collapseTrigger+" ."+this._settings.expandIcon).addClass(this._settings.collapseIcon).removeClass(this._settings.expandIcon);const e=t.Event(o.EXPANDED);this._element.trigger(e,this._parent)}remove(){this._parent.slideUp();const e=t.Event(o.REMOVED);this._element.trigger(e,this._parent)}toggle(){this._parent.hasClass(a.COLLAPSED)?this.expand():this.collapse()}maximize(){this._parent.find(this._settings.maximizeTrigger+" ."+this._settings.maximizeIcon).addClass(this._settings.minimizeIcon).removeClass(this._settings.maximizeIcon),this._parent.css({height:this._parent.height(),width:this._parent.width(),transition:"all .15s"}).delay(150).queue((function(){t(this).addClass(a.MAXIMIZED),t("html").addClass(a.MAXIMIZED),t(this).hasClass(a.COLLAPSED)&&t(this).addClass(a.WAS_COLLAPSED),t(this).dequeue()}));const e=t.Event(o.MAXIMIZED);this._element.trigger(e,this._parent)}minimize(){this._parent.find(this._settings.maximizeTrigger+" ."+this._settings.minimizeIcon).addClass(this._settings.maximizeIcon).removeClass(this._settings.minimizeIcon),this._parent.css("cssText","height:"+this._parent[0].style.height+" !important;width:"+this._parent[0].style.width+" !important; transition: all .15s;").delay(10).queue((function(){t(this).removeClass(a.MAXIMIZED),t("html").removeClass(a.MAXIMIZED),t(this).css({height:"inherit",width:"inherit"}),t(this).hasClass(a.WAS_COLLAPSED)&&t(this).removeClass(a.WAS_COLLAPSED),t(this).dequeue()}));const e=t.Event(o.MINIMIZED);this._element.trigger(e,this._parent)}toggleMaximize(){this._parent.hasClass(a.MAXIMIZED)?this.minimize():this.maximize()}_init(e){this._parent=e,t(this).find(this._settings.collapseTrigger).click(()=>{this.toggle()}),t(this).find(this._settings.maximizeTrigger).click(()=>{this.toggleMaximize()}),t(this).find(this._settings.removeTrigger).click(()=>{this.remove()})}static _jQueryInterface(e){let i=t(this).data(s);const n=t.extend({},l,t(this).data());i||(i=new d(t(this),n),t(this).data(s,"string"==typeof e?i:e)),"string"==typeof e&&e.match(/collapse|expand|remove|toggle|maximize|minimize|toggleMaximize/)?i[e]():"object"==typeof e&&i._init(t(this))}}return t(document).on("click",r.DATA_COLLAPSE,(function(e){e&&e.preventDefault(),d._jQueryInterface.call(t(this),"toggle")})),t(document).on("click",r.DATA_REMOVE,(function(e){e&&e.preventDefault(),d._jQueryInterface.call(t(this),"remove")})),t(document).on("click",r.DATA_MAXIMIZE,(function(e){e&&e.preventDefault(),d._jQueryInterface.call(t(this),"toggleMaximize")})),t.fn[e]=d._jQueryInterface,t.fn[e].Constructor=d,t.fn[e].noConflict=function(){return t.fn[e]=n,d._jQueryInterface},d})(jQuery),l=(t=>{const e="CardRefresh",s="lte.cardrefresh",i=`.${s}`,n=t.fn[e],o={LOADED:`loaded${i}`,OVERLAY_ADDED:`overlay.added${i}`,OVERLAY_REMOVED:`overlay.removed${i}`},a={CARD:"card"},r={CARD:`.${a.CARD}`,DATA_REFRESH:'[data-card-widget="card-refresh"]'},l={source:"",sourceSelector:"",params:{},trigger:r.DATA_REFRESH,content:".card-body",loadInContent:!0,loadOnInit:!0,responseType:"",overlayTemplate:'
    ',onLoadStart:function(){},onLoadDone:function(t){return t}};class d{constructor(e,s){if(this._element=e,this._parent=e.parents(r.CARD).first(),this._settings=t.extend({},l,s),this._overlay=t(this._settings.overlayTemplate),e.hasClass(a.CARD)&&(this._parent=e),""===this._settings.source)throw new Error("Source url was not defined. Please specify a url in your CardRefresh source option.");this._init(),this._settings.loadOnInit&&this.load()}load(){this._addOverlay(),this._settings.onLoadStart.call(t(this)),t.get(this._settings.source,this._settings.params,function(e){this._settings.loadInContent&&(""!=this._settings.sourceSelector&&(e=t(e).find(this._settings.sourceSelector).html()),this._parent.find(this._settings.content).html(e)),this._settings.onLoadDone.call(t(this),e),this._removeOverlay()}.bind(this),""!==this._settings.responseType&&this._settings.responseType);const e=t.Event(o.LOADED);t(this._element).trigger(e)}_addOverlay(){this._parent.append(this._overlay);const e=t.Event(o.OVERLAY_ADDED);t(this._element).trigger(e)}_removeOverlay(){this._parent.find(this._overlay).remove();const e=t.Event(o.OVERLAY_REMOVED);t(this._element).trigger(e)}_init(e){t(this).find(this._settings.trigger).on("click",()=>{this.load()})}static _jQueryInterface(e){let i=t(this).data(s);const n=t.extend({},l,t(this).data());i||(i=new d(t(this),n),t(this).data(s,"string"==typeof e?i:e)),"string"==typeof e&&e.match(/load/)?i[e]():"object"==typeof e&&i._init(t(this))}}return t(document).on("click",r.DATA_REFRESH,(function(e){e&&e.preventDefault(),d._jQueryInterface.call(t(this),"load")})),t.fn[e]=d._jQueryInterface,t.fn[e].Constructor=d,t.fn[e].noConflict=function(){return t.fn[e]=n,d._jQueryInterface},d})(jQuery),d=(t=>{const e="Dropdown",s="lte.dropdown",i=t.fn[e],n={};class o{constructor(t,e){this._config=e,this._element=t}toggleSubmenu(){this._element.siblings().show().toggleClass("show"),this._element.next().hasClass("show")||this._element.parents(".dropdown-menu").first().find(".show").removeClass("show").hide(),this._element.parents("li.nav-item.dropdown.show").on("hidden.bs.dropdown",(function(e){t(".dropdown-submenu .show").removeClass("show").hide()}))}static _jQueryInterface(e){return this.each((function(){let i=t(this).data(s);const a=t.extend({},n,t(this).data());i||(i=new o(t(this),a),t(this).data(s,i)),"toggleSubmenu"===e&&i[e]()}))}}return t("ul.dropdown-menu"+" "+'[data-toggle="dropdown"]').on("click",(function(e){e.preventDefault(),e.stopPropagation(),o._jQueryInterface.call(t(this),"toggleSubmenu")})),t.fn[e]=o._jQueryInterface,t.fn[e].Constructor=o,t.fn[e].noConflict=function(){return t.fn[e]=i,o._jQueryInterface},o})(jQuery),c=(t=>{const e="Toasts",s=t.fn[e],i={INIT:"init.lte.toasts",CREATED:"created.lte.toasts",REMOVED:"removed.lte.toasts"},n={BODY:"toast-body",CONTAINER_TOP_RIGHT:"#toastsContainerTopRight",CONTAINER_TOP_LEFT:"#toastsContainerTopLeft",CONTAINER_BOTTOM_RIGHT:"#toastsContainerBottomRight",CONTAINER_BOTTOM_LEFT:"#toastsContainerBottomLeft"},o={TOP_RIGHT:"toasts-top-right",TOP_LEFT:"toasts-top-left",BOTTOM_RIGHT:"toasts-bottom-right",BOTTOM_LEFT:"toasts-bottom-left",FADE:"fade"},a={TOP_RIGHT:"topRight",TOP_LEFT:"topLeft",BOTTOM_RIGHT:"bottomRight",BOTTOM_LEFT:"bottomLeft"},r={position:a.TOP_RIGHT,fixed:!0,autohide:!1,autoremove:!0,delay:1e3,fade:!0,icon:null,image:null,imageAlt:null,imageHeight:"25px",title:null,subtitle:null,close:!0,body:null,class:null};class l{constructor(e,s){this._config=s,this._prepareContainer();const n=t.Event(i.INIT);t("body").trigger(n)}create(){var e=t('\n').replace(/(^|\n)\s*/g,""),lt=function(t){if(function(){var t=H();t&&(t.parentNode.removeChild(t),at([document.documentElement,document.body],[x["no-backdrop"],x["toast-shown"],x["has-column"]]))}(),tt())g("SweetAlert2 requires document to initialize");else{var e=document.createElement("div");e.className=x.container,e.innerHTML=ct;var n=function(t){return"string"==typeof t?document.querySelector(t):t}(t.target);n.appendChild(e),function(t){var e=R();e.setAttribute("role",t.toast?"alert":"dialog"),e.setAttribute("aria-live",t.toast?"polite":"assertive"),t.toast||e.setAttribute("aria-modal","true")}(t),function(t){"rtl"===window.getComputedStyle(t).direction&&rt(H(),x.rtl)}(n),function(){var t=F(),e=st(t,x.input),n=st(t,x.file),o=t.querySelector(".".concat(x.range," input")),i=t.querySelector(".".concat(x.range," output")),r=st(t,x.select),a=t.querySelector(".".concat(x.checkbox," input")),s=st(t,x.textarea);e.oninput=et,n.onchange=et,r.onchange=et,a.onchange=et,s.oninput=et,o.oninput=function(t){et(t),i.value=o.value},o.onchange=function(t){et(t),o.nextSibling.value=o.value}}()}},dt=function(t,e){if(t.innerHTML="",0 in e)for(var n=0;n in e;n++)t.appendChild(e[n].cloneNode(!0));else t.appendChild(e.cloneNode(!0))},pt=function(){if(tt())return!1;var t=document.createElement("div"),e={WebkitAnimation:"webkitAnimationEnd",OAnimation:"oAnimationEnd oanimationend",animation:"animationend"};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&void 0!==t.style[n])return e[n];return!1}();function ft(t,e,n){M(t,n["showC"+e.substring(1)+"Button"],"inline-block"),t.innerHTML=n[e+"ButtonText"],t.setAttribute("aria-label",n[e+"ButtonAriaLabel"]),t.className=x[e],y(t,n.customClass,e+"Button"),rt(t,n[e+"ButtonClass"])}function mt(t,e){var n=H();n&&(function(t,e){"string"==typeof e?t.style.background=e:e||rt([document.documentElement,document.body],x["no-backdrop"])}(n,e.backdrop),!e.backdrop&&e.allowOutsideClick&&w('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),function(t,e){e in x?rt(t,x[e]):(w('The "position" parameter is not valid, defaulting to "center"'),rt(t,x.center))}(n,e.position),function(t,e){if(e&&"string"==typeof e){var n="grow-"+e;n in x&&rt(t,x[n])}}(n,e.grow),y(n,e.customClass,"container"),e.customContainerClass&&rt(n,e.customContainerClass))}function gt(t,e){t.placeholder&&!e.inputPlaceholder||(t.placeholder=e.inputPlaceholder)}var ht={promise:new WeakMap,innerParams:new WeakMap,domCache:new WeakMap},vt=["input","file","range","select","radio","checkbox","textarea"],bt=function(t){if(!kt[t.input])return g('Unexpected type of input! Expected "text", "email", "password", "number", "tel", "select", "radio", "checkbox", "textarea", "file" or "url", got "'.concat(t.input,'"'));var e=Ct(t.input),n=kt[t.input](e,t);L(n),setTimeout(function(){A(n)})},yt=function(t,e){var n=B(F(),t);if(n)for(var o in function(t){for(var e=0;e=i.progressSteps.length&&w("Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)"),i.progressSteps.forEach(function(t,e){var n=function(t){var e=document.createElement("li");return rt(e,x["progress-step"]),e.innerHTML=t,e}(t);if(r.appendChild(n),e===a&&rt(n,x["active-progress-step"]),e!==i.progressSteps.length-1){var o=function(t){var e=document.createElement("li");return rt(e,x["progress-step-line"]),t.progressStepsDistance&&(e.style.width=t.progressStepsDistance),e}(t);r.appendChild(o)}})}function Pt(t,e){var n=Q();y(n,e.customClass,"header"),St(0,e),function(t,e){var n=ht.innerParams.get(t);if(n&&e.type===n.type&&N())y(N(),e.customClass,"icon");else if(Et(),e.type)if(Tt(),-1!==Object.keys(S).indexOf(e.type)){var o=I(".".concat(x.icon,".").concat(S[e.type]));L(o),y(o,e.customClass,"icon"),E(o,"swal2-animate-".concat(e.type,"-icon"),e.animation)}else g('Unknown type! Expected "success", "error", "warning", "info" or "question", got "'.concat(e.type,'"'))}(t,e),function(t,e){var n=_();if(!e.imageUrl)return O(n);L(n),n.setAttribute("src",e.imageUrl),n.setAttribute("alt",e.imageAlt),T(n,"width",e.imageWidth),T(n,"height",e.imageHeight),n.className=x.image,y(n,e.customClass,"image"),e.imageClass&&rt(n,e.imageClass)}(0,e),function(t,e){var n=U();M(n,e.title||e.titleText),e.title&&nt(e.title,n),e.titleText&&(n.innerText=e.titleText),y(n,e.customClass,"title")}(0,e),function(t,e){var n=J();n.innerHTML=e.closeButtonHtml,y(n,e.customClass,"closeButton"),M(n,e.showCloseButton),n.setAttribute("aria-label",e.closeButtonAriaLabel)}(0,e)}function Bt(t,e){!function(t,e){var n=R();T(n,"width",e.width),T(n,"padding",e.padding),e.background&&(n.style.background=e.background),n.className=x.popup,e.toast?(rt([document.documentElement,document.body],x["toast-shown"]),rt(n,x.toast)):rt(n,x.modal),y(n,e.customClass,"popup"),"string"==typeof e.customClass&&rt(n,e.customClass),E(n,x.noanimation,!e.animation)}(0,e),mt(0,e),Pt(t,e),xt(t,e),ot(0,e),function(t,e){var n=$();M(n,e.footer),e.footer&&nt(e.footer,n),y(n,e.customClass,"footer")}(0,e),"function"==typeof e.onRender&&e.onRender(R())}function At(){return K()&&K().click()}var Et=function(){for(var t=D(),e=0;ewindow.innerHeight&&(P.previousBodyPadding=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right")),document.body.style.paddingRight=P.previousBodyPadding+function(){if("ontouchstart"in window||navigator.msMaxTouchPoints)return 0;var t=document.createElement("div");t.style.width="50px",t.style.height="50px",t.style.overflow="scroll",document.body.appendChild(t);var e=t.offsetWidth-t.clientWidth;return document.body.removeChild(t),e}()+"px")}function _t(){return!!window.MSInputMethodContext&&!!document.documentMode}function zt(){var t=H(),e=R();t.style.removeProperty("align-items"),e.offsetTop<0&&(t.style.alignItems="flex-start")}var Wt=function(){var e,n=H();n.ontouchstart=function(t){e=t.target===n||!function(t){return!!(t.scrollHeight>t.clientHeight)}(n)&&"INPUT"!==t.target.tagName},n.ontouchmove=function(t){e&&(t.preventDefault(),t.stopPropagation())}},Kt={swalPromiseResolve:new WeakMap};function Yt(t,e,n,o){n?Jt(t,o):(Ot().then(function(){return Jt(t,o)}),Ht.keydownTarget.removeEventListener("keydown",Ht.keydownHandler,{capture:Ht.keydownListenerCapture}),Ht.keydownHandlerAdded=!1),e.parentNode&&e.parentNode.removeChild(e),G()&&(null!==P.previousBodyPadding&&(document.body.style.paddingRight=P.previousBodyPadding+"px",P.previousBodyPadding=null),function(){if(b(document.body,x.iosfix)){var t=parseInt(document.body.style.top,10);at(document.body,x.iosfix),document.body.style.top="",document.body.scrollTop=-1*t}}(),"undefined"!=typeof window&&_t()&&window.removeEventListener("resize",zt),m(document.body.children).forEach(function(t){t.hasAttribute("data-previous-aria-hidden")?(t.setAttribute("aria-hidden",t.getAttribute("data-previous-aria-hidden")),t.removeAttribute("data-previous-aria-hidden")):t.removeAttribute("aria-hidden")})),at([document.documentElement,document.body],[x.shown,x["height-auto"],x["no-backdrop"],x["toast-shown"],x["toast-column"]])}function Zt(t){var e=R();if(e&&!b(e,x.hide)){var n=ht.innerParams.get(this);if(n){var o=Kt.swalPromiseResolve.get(this);at(e,x.show),rt(e,x.hide),function(t,e,n){var o=H(),i=pt&&j(e),r=n.onClose,a=n.onAfterClose;if(r!==null&&typeof r==="function"){r(e)}if(i){$t(t,e,o,a)}else{Yt(t,o,ut(),a)}}(this,e,n),o(t||{})}}}function Qt(t){for(var e in t)t[e]=new WeakMap}var $t=function(t,e,n,o){Ht.swalCloseEventFinishedCallback=Yt.bind(null,t,n,ut(),o),e.addEventListener(pt,function(t){t.target===e&&(Ht.swalCloseEventFinishedCallback(),delete Ht.swalCloseEventFinishedCallback)})},Jt=function(t,e){setTimeout(function(){null!==e&&"function"==typeof e&&e(),R()||function(t){delete t.params,delete Ht.keydownHandler,delete Ht.keydownTarget,Qt(ht),Qt(Kt)}(t)})};function Xt(t,e,n){var o=ht.domCache.get(t);e.forEach(function(t){o[t].disabled=n})}function Gt(t,e){if(!t)return!1;if("radio"===t.type)for(var n=t.parentNode.parentNode.querySelectorAll("input"),o=0;o")),lt(t)}function oe(t,e){t.removeEventListener(pt,oe),e.style.overflowY="auto"}function ie(t){var e=H(),n=R();"function"==typeof t.onBeforeOpen&&t.onBeforeOpen(n),me(e,n,t),pe(e,n),G()&&fe(e,t.scrollbarPadding),ut()||Ht.previousActiveElement||(Ht.previousActiveElement=document.activeElement),"function"==typeof t.onOpen&&setTimeout(function(){return t.onOpen(n)})}function re(t,e){"select"===e.input||"radio"===e.input?be(t,e):-1!==["text","email","number","tel","textarea"].indexOf(e.input)&&v(e.inputValue)&&ye(t,e)}function ae(t,e){t.disableButtons(),e.input?ke(t,e):xe(t,e,!0)}function se(t,e){t.disableButtons(),e(k.cancel)}function ue(t,e){t.closePopup({value:e})}function ce(e,t,n,o){t.keydownTarget&&t.keydownHandlerAdded&&(t.keydownTarget.removeEventListener("keydown",t.keydownHandler,{capture:t.keydownListenerCapture}),t.keydownHandlerAdded=!1),n.toast||(t.keydownHandler=function(t){return Be(e,t,n,o)},t.keydownTarget=n.keydownListenerCapture?window:R(),t.keydownListenerCapture=n.keydownListenerCapture,t.keydownTarget.addEventListener("keydown",t.keydownHandler,{capture:t.keydownListenerCapture}),t.keydownHandlerAdded=!0)}function le(t,e,n){for(var o=X(),i=0;i:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:\"\";display:inline-block;width:15px;height:15px;margin-left:5px;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-webkit-input-placeholder,.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:inherit}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:inherit;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:\"!\";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon::before{display:flex;align-items:center;height:92%;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning::before{content:\"!\"}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info::before{content:\"i\"}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question::before{content:\"?\"}.swal2-icon.swal2-question.swal2-arabic-question-mark::before{content:\"؟\"}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-progress-steps{align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}"); \ No newline at end of file diff --git a/public/version2/css/dashboard_layouts/_header.css b/public/version2/css/dashboard_layouts/_header.css new file mode 100644 index 00000000..d2498843 --- /dev/null +++ b/public/version2/css/dashboard_layouts/_header.css @@ -0,0 +1,433 @@ +.popover-body { + font-family: IRANSansFaNum, sans-serif; +} + +.logo { + width: 65px; + height: 65px; +} +.logoType { + font-size: 12px; + color: #f6f6f6; + margin-top: 5px; +} + +.ministry-logo { + margin-bottom: 35px; +} + +.fa-question-circle { + cursor: pointer; + color: #db7240; + font-size: 1.4rem; +} + +.tutorial { + cursor: pointer; +} + +.header { + z-index: 500; + color: #fff; + position: relative; + top: 0; +} + +.header-desc { + background: #015688 !important; + border-top: 0; +} + +.header-cta { + background: #2070af; +} + +ul { + list-style-type: none; +} + +ul.header-items { + font-weight: 300; + font-size: 14px; +} + +ul.header-items li.header-item { + cursor: pointer; + position: relative; + padding: 10px; + margin-top: 3px; + transition: 0.3s all; + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +ul.header-items li.header-item:hover { + background: #015688; +} + +.arrow-icon { + width: 10px; + transition: 0.3s all; +} + +ul.header-items li.header-item:hover>.arrow-icon { + transform: rotate(-90deg); +} + +ul.header-sub-items li.header-sub-item:hover>.arrow-icon { + transform: rotate(-90deg); +} + +ul.header-sub-items { + position: absolute; + display: block; + font-weight: 400; + cursor: pointer; + width: max-content; + padding: 5px 0 5px 5px; + top: 100%; + right: 0; + background: #015688; + padding: 0.5rem; + font-weight: 400; + font-size: 14px; +} + +ul.header-sub-items li.header-sub-item { + position: relative; + padding: 6px 10px; + background: transparent; + transition: 0.3s all; +} + +ul.header-sub-items li.header-sub-item:hover { + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + background: #2070af; + margin-right: 5px; +} + +ul.header-item-sub-items { + position: absolute; + display: block; + font-weight: 300; + cursor: pointer; + width: max-content; + padding: 5px 0 5px 5px; + top: -5px; + right: 100%; + background: #015688; + padding: 0.5rem; +} + +ul.header-item-sub-items li.header-item-sub-item { + padding: 6px 10px; + background: #015688; + transition: 0.3s all; +} + +ul.header-item-sub-items li.header-item-sub-item:hover { + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + background: #2070af; + margin-right: 5px; +} + +.breadcrumb-selfdesign { + padding: 2px; + background: #f6f6f6; + border-bottom: 1px solid #015688; +} + +.breadcrumb-selfdesign ul { + display: flex; +} + +.breadcrumb-item-selfdesign { + padding: 0px 10px; + font-size: 14px; + font-weight: 500; + color: #db7240; +} + +.breadcrumb-item-selfdesign a { + color: #172d3e; + font-size: 14px; + font-weight: 400; + transition: .2s all; +} + +.breadcrumb-item-selfdesign a:hover { + color: #db7240; +} + +.breadcrumb-back { + padding: 5px 10px; + color: #172d3e; + border: none; + border-radius: 5px; + font-size: 14px; + font-weight: 500; + transition: .2s all; + background: #bfbfbf; +} + +.breadcrumb-back:hover { + background: #db7240; + color: #fff; +} + +.logo-box { + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom: none; + background: #015688; + margin-top: -40px; +} + +/* .btn-login { + padding: 5px 10px; + border: none; + border-radius: 5px; + font-size: 14px; + transition: .2s all; + background: #bfbfbf; +} + +.btn-login:hover { + background: #db7240; + color: #fff; +} */ + +.support { + cursor: pointer; + color: #172d3e; + transition: 0.3s all; + font-size: 14px; +} + +.contactUs { + cursor: pointer; + color: #172d3e; + transition: 0.3s all; + font-size: 14px; +} + +.support:hover, .contactUs:hover { + color: #db7240; +} + +.logo-img { + width: 190px; +} + +.date-header { + color: rgb(53, 53, 53); + font-size: 12px; +} + +/* responsive part */ +.header-res { + width: 100%; + background: #ededed; + box-shadow: rgb(0 0 0 / 35%) 0px 5px 14px; +} +.btn-burgur { + display: flex; + align-items: center; + justify-content: center; + border: none; + font-size: 20px; + width: 30px; + height: 30px; + color: #fff; + padding: 7px; + margin: 5px 5px; + border-radius: 3px; + box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; + background: #153b58; +} + +.res-menu-box { + position: absolute; + font-size: 14px; + width: 100%; + height: calc(100% - 85px); + padding: 20px; + background: #fff; + box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; + right: -100%; + top: 85px; + z-index: 500; + background: #153b58; + overflow: overlay; + justify-content: flex-start; +} + +.res-support { + cursor: pointer; + color: #172d3e; + font-size: 12px; + font-weight: 500; +} + +.contactUs { + cursor: pointer; + color: #172d3e; + font-size: 12px; + font-weight: 500; +} + +.btn-profile { + padding: 6px 8px; + border: none; + border-radius: 3px; + font-size: 14px; + background: #bfbfbf; + color: #172d3e; +} + +.dd-item { + font-size: 12px; + font-weight: 500; + display: flex; + padding-right: 10px; + justify-content: start; +} + +.res-header-item { + color: #fff; + padding: 5px; + text-align: center; +} + +.res-logo-box { + border-bottom: 1px solid #e1e1e1; +} + +.res-logo-box .logo { + width: 35px !important; + height: 35px !important; + margin: 4px 5px; +} + +.res-header-item .item { + font-size: 14px; + padding: 5px 0; + background: #d97140; + border-radius: 5px; +} + +.subitem { + font-size: 14px; + padding: 3px 0; + background: #b4562a; + border-radius: 5px; + margin-top: 5px; +} + +.subitem-item { + font-size: 12px; + padding: 1px 0; + background: #8b401c; + border-radius: 5px; + margin-top: 5px; +} + +.res-header-subitems { + display: none; +} + +.res-header-subitem-items { + display: none; +} + +.responsive-header { + display: none; +} + +.btn-user-data { + border: none; + color: #fff; + margin-right: 10px; + margin-top: 5px; + background: transparent; + font-size: 17px; +} + +@media (max-width: 720px) { + .header { + display: none; + } + .responsive-header { + display: unset; + } +} +/* end responsive part */ + +/* loader */ +@keyframes loader { + 0% { + transform: rotate(0deg); + } + 25% { + transform: rotate(180deg); + } + 50% { + transform: rotate(180deg); + } + 75% { + transform: rotate(360deg); + } + 100% { + transform: rotate(360deg); + } +} + +@keyframes loader-inner { + 0% { + height: 0%; + } + 25% { + height: 0%; + } + 50% { + height: 100%; + } + 75% { + height: 100%; + } + 100% { + height: 0%; + } +} + +.divloader { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 1200; +} + +.loader { + display: inline-block; + width: 40px; + height: 40px; + position: relative; + border: 4px solid #ff5c0f; + top: 0; + animation: loader 2s infinite ease; +} + +.loader-inner { + vertical-align: top; + display: inline-block; + width: 100%; + background-color: #fff; + animation: loader-inner 2s infinite ease-in; +} +/* end loader */ \ No newline at end of file diff --git a/public/version2/css/dashboard_layouts/_sidebar.css b/public/version2/css/dashboard_layouts/_sidebar.css new file mode 100644 index 00000000..261c47fd --- /dev/null +++ b/public/version2/css/dashboard_layouts/_sidebar.css @@ -0,0 +1,125 @@ +.body-side { + width: 300px; +} + +.user-profile { + border: 1px solid #e1e1e1; +} + +.user-photo { + width: 80px; + height: 80px; + padding: 2px; + border-radius: 50%; + background: #db7240; + align-items: center; +} + +.user-photo img{ + width: 100%; + height: 100%; + border-radius: 50%; +} + +.user-image { + width: 77px; + height: 77px; + border-radius: 50%; +} + +.non-image-user { + font-size: 50px; + color: #2070af; +} + +#logout { + background: transparent; + border: none; + color: #db7240; +} + +.head-part { + background: #2070af; +} + +.bottom-part { + background: #fff; +} + +.line { + width: 1px; + height: 50px; + background: #c4c4c4; +} + +.user-current-actions { + background: #2070af; +} + +.user-actions-topic { + background: #2070af; + cursor: pointer; +} + +.user-actions-items { + display: none; +} + +.user-actions-items .item { + box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; + cursor: pointer; + background: #1a517c; +} + +.user-actions-sub-items { + display: none; +} + +.user-actions-sub-item-items { + display: none; +} + +.user-actions-sub-items .sub-item { + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; + cursor: pointer; + background: #153b58; +} + +.user-actions-sub-item-items .sub-item-item { + box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; + cursor: pointer; + background: #172d3e; +} + +.alert-counter { + background: #db7240; + border-radius: 5px; +} + +.sub-item-item.active .alert-counter{ + background: #172d3e; + border-radius: 5px; +} + +.body-side .active { + background: #db7240 !important; + border-top-right-radius: 20px !important; + border-bottom-left-radius: 20px !important; +} +.page-item.active .page-link { + background-color: #db7240; + border-color: #db7240; +} +.page-link:focus { + box-shadow: unset; +} + +.safety-privacy-first-step-box{ + border-radius: 5px; + background: #2f597a !important; +} + +.safety-privacy-second-step-box{ + border-radius: 5px; + background: #5d7925 !important; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_layouts/_tablesStyle.css b/public/version2/css/dashboard_layouts/_tablesStyle.css new file mode 100644 index 00000000..a819ce76 --- /dev/null +++ b/public/version2/css/dashboard_layouts/_tablesStyle.css @@ -0,0 +1,171 @@ +.table tbody { + font-size: 10px !important; +} +.table thead tr { + font-size: 10px !important; +} +.table thead tr th { + text-align: center; +} +table.table-bordered.dataTable th:last-child, +table.table-bordered.dataTable th:last-child, +table.table-bordered.dataTable td:last-child, +table.table-bordered.dataTable td:last-child { + border-right-width: 1px; +} +table.dataTable thead>tr>th.sorting_asc, +table.dataTable thead>tr>th.sorting_desc, +table.dataTable thead>tr>th.sorting, +table.dataTable thead>tr>td.sorting_asc, +table.dataTable thead>tr>td.sorting_desc, +table.dataTable thead>tr>td.sorting { + padding-right: 10px !important; +} +div.dataTables_wrapper div.dataTables_info { + padding-top: 0.85em; + font-family: 'IRANSansFaNum'; + white-space: nowrap; + font-size: 14px !important; +} +.pagination a { + font-size: 12px; +} +.table thead { + background: #2070af; + color: #fff; +} +.table thead tr th { + font-size: 10px !important; +} +.table tbody tr td { + font-size: 10px !important; +} +.filtering-btn { + border: none; + background: #153b58; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.2s all; +} +.filtering-btn:hover { + background: #db7240; +} +.filtering-btn:disabled { + background: #153b58a8; +} + +.table-btns { + border: none; + background: #153b58; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.2s all; +} +.table-btns:hover { + background: #db7240; +} +.table-btns:disabled { + background: #153b58a8; +} + +.dataTables_wrapper .dt-buttons { + position: relative; +} +.btn-dataTable { + border: none; + background-color: transparent; +} +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; + transition: all 0.2s; +} +.table.dataTable .check-row{ + background: #db652de3 !important; + color: #fff; +} +.table.dataTable .check-row .btn-dataTable i { + color: #fff; +} +.table.dataTable .check-row .pipeline { + background: #fff; +} + +.table.dataTable .check-row:hover{ + background: rgb(240, 147, 93) !important; + color: #fff; +} + +.table.dataTable tbody tr { + cursor: pointer; + transition: all 0.2s; +} +.table.dataTable tbody tr:hover { + background: #7ab67a !important; + color: #fff; +} +.table.dataTable tbody tr:hover .btn-dataTable i { + color: #fff; +} +.table.dataTable tbody tr:hover .pipeline { + background: #fff; +} +.table.dataTable .activate-row { + background: #2b7d2b !important; + color: #fff; +} +.table.dataTable .activate-row .btn-dataTable i { + color: #fff; +} +.table.dataTable .activate-row .pipeline { + background: #fff; +} + +.table.dataTable .check-row.activate-row { + background: #a8491de3 !important; + color: #fff; +} + +.btn-dataTable{ + padding: 2px 6px; +} + +.table-add-btn { + display: flex; + font-weight: 500; + font-size: 14px; + background: #015688; + color: #fff; + padding: 5px 15px; + border: none; + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} + +.table-add-btn:hover { + background: #015688e0; +} + +.table-add-btn:disabled { + background: #015688a8; + cursor: no-drop; +} + +/* solve datatable responsive */ +.table.dataTable>tbody>tr.child ul.dtr-details { + width: 100%; +} +.table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { + top: unset; +} +@media (max-width: 400px) { + .page-link { + padding: 5px 8px; + } +} +/* solve datatable responsive */ \ No newline at end of file diff --git a/public/version2/css/dashboard_layouts/mainDashboard.css b/public/version2/css/dashboard_layouts/mainDashboard.css new file mode 100644 index 00000000..7e7261f3 --- /dev/null +++ b/public/version2/css/dashboard_layouts/mainDashboard.css @@ -0,0 +1,486 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +p, +h1, +h2, +h3, +h4, +h5, +h6, +ul { + margin-bottom: 0; +} + +body { + overflow-y: overlay; + background: #fff; +} + +.body { + font-size: 14px; +} + +a { + color: unset; +} + +a:hover { + color: unset; +} + +.pipeline { + width: 1px; + height: 30px; + background: #db7240; +} + +.body-main { + flex: 1; + width: 100%; +} + +.rotate { + transform: rotate(-90deg); +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +input[type=number] { + -moz-appearance:textfield; +} + +.form-check { + position: relative; + display: block; + padding-left: unset; +} + +.form-check label { + padding-right: 1.25rem; +} + +/* map main styles */ +.map-box { + width: 100%; + height: 75vh; + border: 2px dashed #015688; + position: relative; +} + +.map-box-contact-us { + width: 100%; + height: 40vh; + border: 2px dashed #015688; + position: relative; +} + +#map { + width: 100%; + height: 100%; +} + +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-most-dis { + width: 75px; +} + +.pin-marker.pin-move > .map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set > .map-pin-marker > .pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn > .map-pin-marker > .pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move > .pin-main-shadow { + transform: scale(1.35); +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.most-distance { + width: 75px; +} + +.map-pin-marker > .pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.most-distance > .pin-main-circle { + width: 75px; +} + +.map-pin-marker > .pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.most-distance > .pin-white-circle { + width: 69px; +} + +.map-pin-marker > .pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.most-distance > .pin-title-circle { + width: 65px; +} + +.map-pin-marker > .pin-title-circle > .title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker > .pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.most-distance > .pin-main-line { + left: 36px; +} + +.pin-marker > .pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker > .pin-main-shadow > .shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} +/* end map main styles */ + +/* main loader */ +#spinner { + background: #e6e6eb; + width: 100%; + height: 100%; + position: fixed; + display: flex; + justify-content: center; + align-items: center; + gap: 8px; + top: 0; + z-index: 10000; +} + +#spinner > .dot { + width: 1rem; + height: 1rem; + border-radius: 50%; + background-color: #095b8b; + animation: blur 1s infinite alternate; +} + +#spinner > .dot:nth-child(2) { + animation-delay: 200ms; +} + +#spinner > .dot:nth-child(3) { + animation-delay: 400ms; +} + +@keyframes blur { + to { + filter: blur(4px); + opacity: 0; + } +} +/* end main loader */ + +/* file part css */ +.imgbox { + border: 1px solid #ccc; + width: 100%; + height: 100%; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 10px; + margin: 0; + color: #666; + font-size: 12px; +} + +.img-preview { + max-width: 100%; + max-height: 150px; +} + +.btn-delete-img { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-danger.disabled, +.btn-danger:disabled { + font-size: 12px; + background-color: #007bff; + border: none; +} +.upload-box .image-header { + color: #1d7bb1; + font-weight: 500; + font-size: 13px; + margin-bottom: 5px; +} +/* end file part css */ + +/* validation style */ +.invalid { + border-color: crimson !important; + box-shadow: rgba(126, 45, 45, 0.35) 0px 5px 15px; +} +.valid { + border-color: #009900 !important; + box-shadow: rgba(36, 160, 47, 0.35) 0px 5px 15px; +} +/* end validation style */ + +/* blink */ +.blink_me { + animation: blinker 1s linear infinite; +} +.blink_dot { + width: 8px; + height: 8px; + background: #ff4848; + display: flex; + border-radius: 50%; +} + +@keyframes blinker { + 50% { + opacity: 0; + } +} +/* end blink */ +.form-control[readonly] { + background-color: #fff; +} +.positive-cta { + border: none; + background: #2d7c23; + color: #fff; + border-radius: 3px; + padding: 10px 15px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.positive-cta:hover { + background: #2d8722e0; +} +.positive-cta:disabled { + background: #2d7c23a8; + cursor: no-drop; +} +.negative-cta { + border: none; + background: #971b1b; + color: #fff; + border-radius: 3px; + padding: 10px 15px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.negative-cta:hover { + background: #b53030e0; +} +.negative-cta:disabled { + background: #971b1ba8; + cursor: no-drop; +} +.input-cta { + border: none; + background: #237c70; + color: #fff; + border-radius: 3px; + padding: 8px 15px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.input-cta:hover { + background: #237c70e0; +} +.input-cta:disabled { + background: #237c70a8; + cursor: no-drop; +} +.filter-cta { + border: none; + background: #7c2963; + color: #fff; + border-radius: 3px; + padding: 8px 15px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.filter-cta:hover { + background: #7c2963e0; +} +.filter-cta:disabled { + background: #7c2963a8; + cursor: no-drop; +} +.input-button-positive-cta { + border: none; + background: #23868a; + color: #fff; + letter-spacing: 1px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + padding: 0px 10px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.input-button-positive-cta:hover { + background: #23868ae0; +} +.input-button-positive-cta:disabled { + background: #23868aa8; + cursor: no-drop; +} +.item-icons { + width: 20px; + line-height: 43px; + height: 30px; + padding: 2px; +} + +@media (min-width: 1400px) { + .container { + max-width: 1350px; + } +} + +@media (min-width: 1600px) { + .container { + max-width: 1500px; + } +} + +@media (min-width: 720px) { + ::-webkit-scrollbar { + width: 20px; + } + + ::-webkit-scrollbar-track { + background-color: transparent; + } + + ::-webkit-scrollbar-thumb { + background-color: #d6dee1; + border-radius: 20px; + border: 6px solid transparent; + background-clip: content-box; + } + + ::-webkit-scrollbar-thumb:hover { + background-color: #a8bbbf; + } +} + +@media (max-width: 720px) { + .body { + flex-direction: column; + } + .body-main { + margin-top: 15px; + } + .map-box { + height: 60vh; + } +} +.form-check-inline { + display: inline-flex; + align-items: center; + padding-left: 0px; + padding-right: 0px; + margin-right: 0; + margin-left: 0.75rem; +} +.form-check label { + padding-left: 0.5rem; + padding-right: 0; +} diff --git a/public/version2/css/dashboard_pages/accident_points/daily_accidents_create.css b/public/version2/css/dashboard_pages/accident_points/daily_accidents_create.css new file mode 100644 index 00000000..f2fc3470 --- /dev/null +++ b/public/version2/css/dashboard_pages/accident_points/daily_accidents_create.css @@ -0,0 +1,352 @@ +.table-header { + font-size: 20px; + font-weight: 600; +} +#main-table-points thead tr th { + background-color: #015688; + color: #fff; +} + +.fieldsetstyle legend { + width: auto; + padding: 0px 10px; + text-align: center; +} +#expert_confirmation_modal .fieldsetstyle legend { + font-size: 18px; + font-weight: 500; + color: #015688; +} + +.fieldsetstyle { + border: 2px solid #ff5c0f; + border-radius: 10px; +} + +.project-map { + width: 100%; + height: 329px; +} + +.accident-participant-list { + display: flex; + flex-wrap: wrap; + margin-bottom: 1rem; +} + +.accident-participant { + flex: 1; + margin: 5px; +} + +.accident-participant label { + font-size: 12px; +} + +.imgbox { + border: 1px solid #ccc; + width: 100%; + height: 100%; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 30px; + margin: 0; + color: #666; + font-size: 12px; +} + +.img-preview { + width: 100px; + height: 60px; +} + + +/* start */ + +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +input[data-mask] { + direction: ltr; + text-align: center; +} + +.validity-checker { + border-color: #dc3545 !important; + box-shadow: 0 0 10px #f1507f !important; +} + + +/* end */ + +table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { + border-right-width: 1px; +} + +table.dataTable .btn-dataTable { + border: none; + background-color: transparent; +} +.dataTables_filter { + display: inline; +} +.dataTables_length { + display: inline; +} +.dt-buttons { + display: inline; + float: left; +} +.dt-buttons { + display: inline; + float: left; +} +.dt-button { + background-color: transparent; + color: #000; + border: none; + font-size: 12px; +} +.dt-button i { + color: rgb(43, 125, 43); + font-size: 19px; +} +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} +.item-packet { + border-bottom: 1px solid #eeeeee; + border-width: 2px; + padding: 10px; +} +.input-map-project { + color: #009900; +} +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} +.parent-filter { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 33px; + box-shadow: 0 0 3px; + top: 178px; + padding: 8px; +} +.parent-filter::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-filter::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.stylescroll::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.stylescroll::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.select2-container--default .select2-selection--multiple .select2-selection__choice { + float: right !important; + background-color: #007bff !important; +} +.select2-search__field { + font-size: 10px !important; +} +.select2-results__options { + font-size: 10px !important; +} +.select2-selection__rendered { + font-size: 12px !important; +} +.select2-container--default .select2-selection--multiple { + background-color: white; + border-radius: 4px; + cursor: text; + border: 1px solid #ced4da; +} +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; + outline: 0; +} +.parent-excel { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 33px; + box-shadow: 0 0 3px; + top: 176px; + padding: 8px; +} +.parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.parent-poster { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 240px; + box-shadow: 0 0 3px; + top: 176px; + padding: 8px; +} +.parent-poster::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-poster::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/accident_points/daily_accidents_map.css b/public/version2/css/dashboard_pages/accident_points/daily_accidents_map.css new file mode 100644 index 00000000..c21ba37b --- /dev/null +++ b/public/version2/css/dashboard_pages/accident_points/daily_accidents_map.css @@ -0,0 +1,344 @@ +ul li { + list-style-type: none; +} +.leaflet-control-container { + display: none; +} +.map { + content-fit: cover; +} + .map { + z-index: 11; +} +.HeaderStyle { + font-weight: bold; + color: #fe854c; + text-align: center; + font-size: 15px; + font-family: 'IRANSansFaNum'; +} +.guid-custom-box-DailyAccident { + top: 30px; + right: 20px; + opacity: 0.9; + z-index: 11; + position: absolute; + padding: 5px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + overflow-y: scroll; + background-color: #dee2e6; + width: 324px; +} +.title-type { + font-weight: 600; +} +.title-type-inside { + font-weight: 500; + font-size: 12px; +} +.title-type-inside-inside { + font-weight: 400; + font-size: 11px; +} +.layerButton1 { + padding: 10px !important; + background-color: white; + border-radius: 10px; + margin-bottom: 12px; + line-height: 40px; + font-size: 12px; +} + +.layerButton3 { + padding: 4px !important; +} +.filterParent { + padding: 15px; + background-color: white; + border-radius: 10px; +} +.modal-dialog { + max-width: 70%; +} +.modal-header { + border-bottom: 2px solid #eeeeee !important; +} +.modal-title { + color: #ff5c0f; + font-size: 16px !important; +} +#Axis_Report th { + vertical-align: middle; +} +#Axis_Report_wrapper { + width: 100%; +} +.layerbuttonparent { + display: none; +} +.layerbuttonparent_sub { + display: none; + padding-left: 0px; +} +.filter-happend { + color: #fff !important; +} +.dropdownstart { + display: inline; + cursor: pointer; +} +.dropdownstart_sub { + display: inline; + cursor: pointer; +} +/* loader start*/ +.loader { +display: inline-block; +width: 40px; +height: 40px; +position: relative; +border: 4px solid #ff5c0f; +top: 0; +animation: loader 2s infinite ease; +} + +.loader-inner { +vertical-align: top; +display: inline-block; +width: 100%; +background-color: #fff; +animation: loader-inner 2s infinite ease-in; +} + +.navbar-nav .dropdown-menu { +position: absolute !important; +} + +@keyframes loader { +0% { + transform: rotate(0deg); +} +25% { + transform: rotate(180deg); +} +50% { + transform: rotate(180deg); +} +75% { + transform: rotate(360deg); +} +100% { + transform: rotate(360deg); +} +} + +@keyframes loader-inner { +0% { + height: 0%; +} +25% { + height: 0%; +} +50% { + height: 100%; +} +75% { + height: 100%; +} +100% { + height: 0%; +} +} + +.All_button_sub, .All_button{ +font-size: 11px; +} + +.divloader { +display: none; +justify-content: center; +align-items: center; +position: fixed; +right: 0; +left: 0; +top: 0; +bottom: 0; +background-color: rgba(0, 0, 0, 0.4); +z-index: 20; +} +.form-control { +font-size: 13px; +font-family: "IRANSansFaNum"; +} +.beacon { + position: absolute; + top: 50%; + left: 38%; + background-color: #007bff; + height: 0.8em; + width: 0.8em; + border-radius: 50%; + z-index: 1010; + } + + + .beacon-red { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; + } + + .beacon-purple { + -webkit-print-color-adjust: exact !important; + background-color: rgb(89, 0, 255); + } + + .beacon-pink { + -webkit-print-color-adjust: exact !important; + background-color: rgb(255, 13, 255); + } + + .beacon-blue { + -webkit-print-color-adjust: exact !important; + background-color: rgb(0, 153, 255); + } + + + .beacon-green { + -webkit-print-color-adjust: exact !important; + background-color: #28a745; + } + + .beacon-red { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; + } + .marker-cluster span { + line-height: 30px; + font-family: 'IRANSansFaNum' !important; + } + .btn-closeModal { + background-color: white; + border: 0; +} + +.btn-closeModal span { + font-size: 25px; +} + +.modal-footer button { + font-size: 12px; +} + + + +.modal-content { + border-radius: 3px; + border: 3px solid rgb(255, 92, 15); +} +.modal-body-scroll { + overflow-y: scroll; + height: 500px; +} +.modal-title { + font-size: 15px; +} + +.modal-header .close, +.modal-header .mailbox-attachment-close { + padding: 1rem; + margin: -1rem auto -1rem -1rem; +} + +.modal-lg, +.modal-xl { + max-width: 1259px; +} +.modal-sm { + max-width: 300px; + +} +.modal-deafult { + max-width: 500px; + +} +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + left: 0; + padding: 8px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; +} +.leaflet-popup-content { + margin: 13px 19px; + text-align: start; + line-height: 1.4; + white-space: nowrap; + font-family: "IRANSansFaNum" !important; +} +.map-guid { + position: absolute; + top:20px; + left: 30px; + min-width: 90px; + background-color: rgb(255 255 255 / 50%); + z-index: 400; + padding: 5px; + border-radius: 7px; + font-size: 11px; +} +.iran-change-layer { + position: absolute; + bottom:20px; + left: 30px; + z-index: 400; + background-color: rgb(255, 255, 255); +} +.iran-change-layer img { + width :50px ; + height: 50px; +} +.tablephoto img { + width: 122px; + height: 122px; +} +.tablephoto td { + padding: 8px; + text-align: center; +} +#filterEnd { + font-size: 13px; +} +.datepicker-plot-area { + left: -48px; +} +.map-guid [data-tooltip]::before { + min-width: 200px; +} +.datepicker-plot-area { + font-family: 'IRANSansFaNum' !important; +} +.leaflet-popup-content-wrapper{ + width: 315px !important; + +} +.popup { + width: 276px; +} +.map-box{ + border:0; + height:auto +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/axis_reports.css b/public/version2/css/dashboard_pages/axis_reports.css new file mode 100644 index 00000000..a866a0e5 --- /dev/null +++ b/public/version2/css/dashboard_pages/axis_reports.css @@ -0,0 +1,337 @@ +ul li { + list-style-type: none; +} +.leaflet-control-container { + display: none; +} +.map { + content-fit: cover; +} + .map { + z-index: 11; +} +.HeaderStyle { + font-weight: bold; + color: #fe854c; + text-align: center; + font-size: 15px; + font-family: 'IRANSansFaNum'; +} +.guid-custom-box-AxisReport { + top: 30px; + right: 20px; + opacity: 0.9; + z-index: 11; + position: absolute; + padding: 5px; + border-radius: 7px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); + max-width: 430px; + max-height: 80%; + transition-duration: 0.5s; + transition-property: left; + direction: ltr; + overflow-y: scroll; + background-color: #dee2e6; + width: 324px; +} +.title-type { + font-weight: 600; +} +.title-type-inside { + font-weight: 500; + font-size: 12px; +} +.title-type-inside-inside { + font-weight: 400; + font-size: 11px; +} +.layerButton1 { + padding: 10px !important; + background-color: white; + border-radius: 10px; + margin-bottom: 12px; + line-height: 40px; + font-size: 12px; +} + +.layerButton3 { + padding: 4px !important; +} +.filterParent { + padding: 15px; + background-color: white; + border-radius: 10px; +} +.modal-dialog { + max-width: 70%; +} +.modal-header { + border-bottom: 2px solid #eeeeee !important; +} +.modal-title { + color: #ff5c0f; + font-size: 16px !important; +} +#Axis_Report th { + vertical-align: middle; +} +#Axis_Report_wrapper { + width: 100%; +} +.layerbuttonparent { + display: none; +} +.layerbuttonparent_sub { + display: none; + padding-left: 0px; +} +.filter-happend { + color: #fff !important; +} +.dropdownstart { + display: inline; + cursor: pointer; +} +.dropdownstart_sub { + display: inline; + cursor: pointer; +} +/* loader start*/ +.loader { +display: inline-block; +width: 40px; +height: 40px; +position: relative; +border: 4px solid #ff5c0f; +top: 0; +animation: loader 2s infinite ease; +} + +.loader-inner { +vertical-align: top; +display: inline-block; +width: 100%; +background-color: #fff; +animation: loader-inner 2s infinite ease-in; +} + +.navbar-nav .dropdown-menu { +position: absolute !important; +} + +@keyframes loader { +0% { + transform: rotate(0deg); +} +25% { + transform: rotate(180deg); +} +50% { + transform: rotate(180deg); +} +75% { + transform: rotate(360deg); +} +100% { + transform: rotate(360deg); +} +} + +@keyframes loader-inner { +0% { + height: 0%; +} +25% { + height: 0%; +} +50% { + height: 100%; +} +75% { + height: 100%; +} +100% { + height: 0%; +} +} + +.All_button_sub, .All_button{ +font-size: 11px; +} + +.divloader { +display: none; +justify-content: center; +align-items: center; +position: fixed; +right: 0; +left: 0; +top: 0; +bottom: 0; +background-color: rgba(0, 0, 0, 0.4); +z-index: 20; +} +.form-control { +font-size: 13px; +font-family: "IRANSansFaNum"; +} +.beacon { + position: absolute; + top: 50%; + left: 38%; + background-color: #007bff; + height: 0.8em; + width: 0.8em; + border-radius: 50%; + z-index: 1010; + } + + + .beacon-red { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; + } + + .beacon-purple { + -webkit-print-color-adjust: exact !important; + background-color: rgb(89, 0, 255); + } + + .beacon-pink { + -webkit-print-color-adjust: exact !important; + background-color: rgb(255, 13, 255); + } + + .beacon-blue { + -webkit-print-color-adjust: exact !important; + background-color: rgb(0, 153, 255); + } + + + .beacon-green { + -webkit-print-color-adjust: exact !important; + background-color: #28a745; + } + + .beacon-red { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; + } + .marker-cluster span { + line-height: 30px; + font-family: 'IRANSansFaNum' !important; + } + .btn-closeModal { + background-color: white; + border: 0; +} + +.btn-closeModal span { + font-size: 25px; +} + +.modal-footer button { + font-size: 12px; +} + + + +.modal-content { + border-radius: 3px; + border: 3px solid rgb(255, 92, 15); +} +.modal-body-scroll { + overflow-y: scroll; + height: 500px; +} +.modal-title { + font-size: 15px; +} + +.modal-header .close, +.modal-header .mailbox-attachment-close { + padding: 1rem; + margin: -1rem auto -1rem -1rem; +} + +.modal-lg, +.modal-xl { + max-width: 1259px; +} +.modal-sm { + max-width: 300px; + +} +.modal-deafult { + max-width: 500px; + +} +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + left: 0; + padding: 8px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; +} +.leaflet-popup-content { + margin: 13px 19px; + text-align: start; + line-height: 1.4; + white-space: nowrap; + font-family: "IRANSansFaNum" !important; +} +.map-guid { + position: absolute; + top:20px; + left: 30px; + min-width: 90px; + background-color: rgb(255 255 255 / 50%); + z-index: 400; + padding: 5px; + border-radius: 7px; + font-size: 11px; +} +.iran-change-layer { + position: absolute; + bottom:20px; + left: 30px; + z-index: 400; + background-color: rgb(255, 255, 255); +} +.iran-change-layer img { + width :50px ; + height: 50px; +} +.tablephoto img { + width: 122px; + height: 122px; +} +.tablephoto td { + padding: 8px; + text-align: center; +} +#filterEnd { + font-size: 13px; +} +.datepicker-plot-area { + left: -48px; +} +.map-guid [data-tooltip]::before { + min-width: 200px; +} +.datepicker-plot-area { + font-family: 'IRANSansFaNum' !important; +} +.map-box{ + border:0; + height:auto +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/contact_us.css b/public/version2/css/dashboard_pages/contact_us.css new file mode 100644 index 00000000..c863f98f --- /dev/null +++ b/public/version2/css/dashboard_pages/contact_us.css @@ -0,0 +1,5 @@ +.box-contact-us { + width: 100%; + border: 2px dashed #015688; + position: relative; +} diff --git a/public/version2/css/dashboard_pages/fast_react/by_table_report.css b/public/version2/css/dashboard_pages/fast_react/by_table_report.css new file mode 100644 index 00000000..4845bf5b --- /dev/null +++ b/public/version2/css/dashboard_pages/fast_react/by_table_report.css @@ -0,0 +1,134 @@ + /* by mohammad */ + + + /* remove arrow from table header */ + /* table.dataTable thead .sorting:before, + table.dataTable thead .sorting_asc:before, + table.dataTable thead .sorting_desc:before, + table.dataTable thead .sorting_asc_disabled:before, + table.dataTable thead .sorting_desc_disabled:before { + visibility: hidden; + } + + table.dataTable thead .sorting:after, + table.dataTable thead .sorting_asc:after, + table.dataTable thead .sorting_desc:after, + table.dataTable thead .sorting_asc_disabled:after, + table.dataTable thead .sorting_desc_disabled:after { + right: 0.5em; + content: "\2193"; + display: none; + } + + .dataTables_length { + float: left; + } + + .table-footer-style { + text-align: right; + background-color: #286893; + color: #fff; + font-size: 13px; + } */ + + /* changing white space from top of the table its done inline*/ + td.details-control { + background: url('/dist/images/details_open.png') no-repeat center center; + cursor: pointer; + } + + tr.details td.details-control { + background: url('/dist/images/details_open.png') no-repeat center center; + } + + + td.AcitivityMount { + background: url('/dist/images/details_open.png') no-repeat center center; + cursor: pointer; + } + + tr.details td.AcitivityMount { + background: url('/dist/images/details_open.png') no-repeat center center; + } + + .openedrow { + background-color: navajowhite !important; + + } + + .btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; + } + + /* .dt-button { + display: none !important; + } */ + + #marematTown_wrapper>.dataTables_info { + display: none; + } + + .btn_datable { + color: rgb(43, 125, 43) !important; + } + + .show_table { + color: rgb(43, 125, 43) !important; + } + + .titlesecondtable { + padding-top: 59px; + white-space: pre; + } + + .bluecolor { + background-color: #ff5c0f !important; + } + + /* #gozarehtowntable > tbody > tr:nth-child(2) { + padding :0px ; + } */ + /* #gozarehtowntable > tbody > tr:nth-child(2) > td { + padding :0px ; + } */ + /* table.table-bordered.dataTable th:last-child, + table.table-bordered.dataTable th:last-child, + table.table-bordered.dataTable td:last-child, + table.table-bordered.dataTable td:last-child { + border-right-width: 0px; + } */ + + .parent-excel { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 100px; + box-shadow: 0 0 3px; + top: 127px; + padding: 8px; + } + + .parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); + } + + .parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); + } + + .table tbody{ + font-size: 10px !important; + } \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/fast_react/operation_cartable.css b/public/version2/css/dashboard_pages/fast_react/operation_cartable.css new file mode 100644 index 00000000..92b29d51 --- /dev/null +++ b/public/version2/css/dashboard_pages/fast_react/operation_cartable.css @@ -0,0 +1,87 @@ +/* map styles */ +.item-map-box { + width: 100%; + height: 350px; + position: relative; + border: 2px dashed #015688; +} + +#edit_map { + width: 100%; + height: 100%; +} + +.map-coordinates-box { + background: #193e5ab8; + position: absolute; + bottom: 5px; + z-index: 500; + left: 5px; + padding: 5px; + border-radius: 5px; + font-weight: 400; + width: 250px; +} + +.manually-coordinate-input { + font-size: 13px; + letter-spacing: 1px; + direction: ltr; + text-align: center; +} + +.map-coordinates-box label { + font-weight: 500 !important; +} + +/* map styles */ +.modal_image_box_title { + text-align: center; + font-size: 18px; + font-weight: 500; +} + +.modal_image_box { + width: 100%; + height: 300px; + margin-top: 10px; + margin-bottom: 30px; +} + +.modal_image_box img { + width: 100%; + height: 100%; + object-fit: contain; +} + +#filter_box { + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} + +#filter_box .form-group { + margin-bottom: 0.5rem; +} + +#filter_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} + +div.dataTables_wrapper { + position: absolute; + left: 0; + right: 0; +} + +#operation_cartable { + min-height: 120px; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/fast_react/pending.css b/public/version2/css/dashboard_pages/fast_react/pending.css new file mode 100644 index 00000000..3985801e --- /dev/null +++ b/public/version2/css/dashboard_pages/fast_react/pending.css @@ -0,0 +1,373 @@ +.table-header { + font-size: 20px; + font-weight: 600; +} + +.dt-button { + background-color: transparent; + color: #000; + border: none; + font-size: 12px; +} + +.dt-buttons { + display: inline; + float: left; +} + +.dataTables_filter { + display: inline; +} + +.dataTables_length { + display: inline; +} + +.dt-button i { + color: rgb(43, 125, 43); + font-size: 19px; +} + +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} + +button:disabled { + cursor: no-drop; + opacity: 0.5; +} + +input:disabled { + cursor: no-drop; + opacity: 0.5; +} + +table.dataTable .btn-dataTable { + border: none; + background-color: transparent; + transition: all 0.3s; +} + +.table-image:hover { + transform: scale(2.7, 2.7) translate(2px, 4px); + z-index: 1000; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; +} + +input[type=number] { + -moz-appearance: textfield; +} + +.table thead tr { + color: #fff; +} +/* map styles */ +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +input[data-mask] { + direction: ltr; + text-align: center; +} + +.validity-checker { + border-color: #dc3545 !important; + box-shadow: 0 0 10px #f1507f !important; +} + +.validity-checker-table { + box-shadow: 0 0 10px #858585 !important; +} + +.input-map-register-pos { + color: #009900; +} + +.map-latlng-input-row { + position: absolute; + bottom: 20px; + z-index: 1000; + width: 240px; + left: 20px; + background: #9990899e; + border-radius: 5px; +} +.show-font { + font-size: 17px; + color: #000000; +} +.description-text { + line-height: 25px !important; +} + +.map-show-box { + width: 100%; + height: 329px; + position: relative; +} + +.map-parent-border { + width: 100%; + height: 329px; + position: relative; +} + +#map_show { + position: absolute; + border-radius: 5px; + left: 2px; + right: 2px; + top: 2px; + bottom: 2px; +} + +#add_map { + width: 100%; + height: 100%; + position: absolute; + border-radius: 5px; +} +/* end map styles */ + +/* image box styles */ +.imgbox { + border: 1px solid #ccc; + width: 100%; + height: 100%; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 30px; + margin: 0; + color: #666; + font-size: 12px; + padding: 4px; +} +.btn-delete-img { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +.img-preview { + max-width: 100%; +} +/* end image box styles */ +.date-direction { + direction: ltr; +} +#show_image { + max-width: 500px; + max-height: 500px; +} +.parent-excel { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 30px; + box-shadow: 0 0 3px; + top: 240px; + padding: 8px; +} +.parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.parent-filter { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 70px; + box-shadow: 0 0 3px; + top: 240px; + padding: 8px; +} + +.parent-filter::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.parent-filter::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} +.img-input:disabled .imgbox { + cursor: no-drop !important; +} +.counter-parent { + position: relative; +} +.header-counter { + font-weight: 500; + font-size: 25px; + display: flex; + letter-spacing: 2; + background: #015688; + color: #fff; + padding: 0px 15px; + border-radius: 5px; +} +.header-counter::before { + content: ''; + position: absolute; + width: 200px; + height: 3px; + top: 4px; + right: -1px; + border-radius: 10px; + background-color: #fff; +} +.header-counter::after { + content: ''; + position: absolute; + width: 200px; + height: 3px; + bottom: 4px; + right: -1px; + border-radius: 10px; + background-color: #fff; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/fast_react/supervise_cartable.css b/public/version2/css/dashboard_pages/fast_react/supervise_cartable.css new file mode 100644 index 00000000..f6e7b355 --- /dev/null +++ b/public/version2/css/dashboard_pages/fast_react/supervise_cartable.css @@ -0,0 +1,41 @@ +.modal_image_box_title{ + text-align: center; + font-size: 18px; + font-weight: 500; +} +.modal_image_box{ + width: 100%; + height: 300px; + margin-top: 10px; + margin-bottom: 30px; +} +.modal_image_box img{ + width: 100%; + height: 100%; + object-fit: contain; +} + +#filter_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#filter_box .form-group{ + margin-bottom: 0.5rem +} +#filter_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} +div.dataTables_wrapper { + position: absolute; + left: 0; + right: 0; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/map.css b/public/version2/css/dashboard_pages/map.css new file mode 100644 index 00000000..4aaf1c71 --- /dev/null +++ b/public/version2/css/dashboard_pages/map.css @@ -0,0 +1,121 @@ +.map-box-wide { + width: 100%; + position: relative; +} + +.map { + z-index: 1; +} + +.filters_box { + width: 320px; + height: 100%; + background-color: #f6f6f6; + border-left: 1px solid #015688; + overflow: auto; +} + +.filter-items { + font-size: 0.875rem; +} + +.form-control-date { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.datepicker-plot-area { + box-shadow: none; + font: 0.875rem IRANSansFaNum, sans-serif; + border-top: 0; + margin-top: -1px; + border-bottom-left-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} + +.datepicker-plot-area-inline-view { + float: none; +} + +.details-image { + width: 100%; + border: 1px solid #fff; +} + +.details-image:hover { + border: 1px solid #999; +} + +.marker-cluster span { + font-family: IRANSansFaNum, sans-serif; +} + +.beacon { + position: absolute; + top: 50%; + left: 38%; + background-color: #007bff; + height: 2px; + width: 2px; + border-radius: 50%; + z-index: 1010; +} + +.beacon-red { + -webkit-print-color-adjust: exact !important; + background-color: #dc3545; +} + +.beacon-blue { + -webkit-print-color-adjust: exact !important; + background-color: rgb(0, 153, 255); +} + +.beacon-green { + -webkit-print-color-adjust: exact !important; + background-color: #28a745; +} + +.beacon-yellow { + -webkit-print-color-adjust: exact !important; + background-color: rgb(245, 212, 25); +} + +.beacon-orange { + -webkit-print-color-adjust: exact !important; + background-color: rgb(243, 81, 6); +} + +.beacon-brown { + -webkit-print-color-adjust: exact !important; + background-color: rgb(167, 85, 10); +} + +.beacon-step-one { + -webkit-print-color-adjust: exact !important; + background-color: #2f597a; +} + +.beacon-step-two { + -webkit-print-color-adjust: exact !important; + background-color: #5d7925; +} + +.beacon-step-three { + -webkit-print-color-adjust: exact !important; + background-color: #7c5931; +} + +.iran-change-layer { + position: absolute; + bottom: 20px; + left: 30px; + z-index: 401; + background-color: #bad3de; + cursor: pointer; + border-radius: 50%; +} +.iran-change-layer img { + width: 50px; + height: 50px; +} diff --git a/public/version2/css/dashboard_pages/rahdari_points/create.css b/public/version2/css/dashboard_pages/rahdari_points/create.css new file mode 100644 index 00000000..0a885cea --- /dev/null +++ b/public/version2/css/dashboard_pages/rahdari_points/create.css @@ -0,0 +1,1353 @@ +/* input[type=number]{ + direction: ltr; +} + +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; +} */ + +.table-header { + font-size: 20px; + font-weight: 600; +} + +textarea{ + resize: none; +} + +.body-table-style{ + margin-bottom: 50px; +} + +.table-project thead tr { + font-size: 12px; + background-color: #015688; + color: white; +} + +.modal-title{ + font-size: 15px; + font-weight: 600; +} + +.form-parents label{ + font-size: 14px; + font-weight: 500; +} + +.form-parents select, .form-parents input, .form-parents textarea { + font-size: 12px; +} + +table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { + border-right-width: 1px; +} + +.dataTables_filter{ + float: right; + font-size: 12px; +} + +.dataTables_length{ + float: right; + font-size: 12px; +} + +.page-item.active .page-link{ + color: white !important; + background-color: rgb(255, 92, 15) !important; +} + +.btn-dataTable { + border: 0; + background-color: rgba(220, 220, 220, 0); +} + +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} + +.fieldsetstyle { + border: 2px solid #ff5c0f; + border-radius: 10px; +} +.fieldsetstyle legend { + width: auto; + padding: 0px 10px; +} + +.validity-checker { + border-color: #dc3545 !important; + box-shadow: 0 0 10px #f1507f !important; +} + +.parent-excel { + width: 300px; + min-height: 100px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 35px; + box-shadow: 0 0 3px; + top: 127px; + padding: 8px; +} + +.parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} + +button.dt-button{ + background-color: white; + border: 0; + font-size: 12px; +} + +.dt-buttons{ + float: left; +} + +.icon-color{ + color: rgb(43, 125, 43); + font-size: 19px; +} + +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} + +.swal2-title { + font-size: 20px !important; + } + + .zoom { + height: 30px; + width: 30px; + transition: transform 0.2s; + } + + .zoom:hover { + -ms-transform: scale(2); + /* IE 9 */ + -webkit-transform: scale(2); + /* Safari 3-8 */ + transform: scale(2); + } + + .card-header { + padding: 0.75rem 1.25rem 0.2rem; + } + + /* th { + font-size: 13px; + } */ + /* td { + font-size: 14px; + } */ + + button.btn { + font-size: 12px; + } + + i { + font-size: 10px; + } + + label { + font-size: 0.8rem; + font-weight: 500 !important; + color: #000; + } + + .icheck-primary label { + font-weight: 400 !important; + } + + .form-control { + font-size: 13px; + font-family: 'IRANSansFaNum'; + } + + .required-label::after { + content: "*"; + position: relative; + right: 2px; + color: #dc3545; + } + + .card-body .radio-header { + font-size: 0.8rem; + font-weight: 500; + color: rgba(0, 0, 0, 0.5); + display: inline-block; + margin-bottom: 0.5rem; + } + + .abrar-project-slider .tooltip { + font-family: "IRANSansFaNum" !important; + } + + .abrar-project-slider .slider-selection, + .abrar-project-slider .slider-handle, + .abrar-project-slider .slider-tick.in-selection { + background: #007bff; + } + + [class*="icheck-"] { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + + .abrar-map-layout { + position: relative; + height: 409px; + margin-bottom: 15px; + } + + .abrar-map-layout>#abrar-map, + #abrar-map-2 , #edit-map { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + } + + .abrar-map-layout>#abrar-map-static { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + } + + .abrar-map-layout>#abrarshow-map { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + } + + .abrar-map-layout>.pin-container { + position: absolute; + top: 34%; + right: 44%; + z-index: 1009; + } + + .input-cord { + font-family: "IRANSans" !important; + text-align: center !important; + direction: ltr !important; + } + + .listproject-main { + margin-top: 95px; + padding: 0 10px; + } + + .update-main { + margin-top: 36px; + padding: 0 10px; + } + + .tool-main { + margin-top: 70px; + padding: 0 10px; + } + + .card-footer { + text-align: left; + } + + .map-btn { + border-radius: 0.25rem !important; + } + + .is-invalid-input { + color: #dc3545 !important; + border-color: #dc3545; + } + .is-invalid-file { + color: #dc3545 !important; + border: 1px solid #dc3545 !important; + } + + .is-invalid-text { + color: #dc3545 !important; + } + + .is-invalid-box { + border-color: #dc3545; + } + + .menu_top { + z-index: 1040 !important; + } + + .leaflet-div-icon { + background: transparent !important; + border: none !important; + } + + .pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; + } + + .pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); + } + + .pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; + } + + .pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { + background-color: #e90a0a; + } + + .pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); + } + + .map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; + } + + .map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; + } + + .map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; + } + + .map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; + } + + .map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; + } + + .map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + } + + .pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; + } + + .pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; + } + + .map-latlng-input-row { + position: absolute; + bottom: 6px; + z-index: 1000; + width: 240px; + left: 5px; + } + + .map-latlng-form { + margin-bottom: 0; + } + + .map-latlng-input { + background-color: rgba(255, 255, 255, 0.8); + } + + .map-latlng-label { + background-color: rgba(255, 255, 255, 0.8); + border-radius: 0.25rem; + padding: 3px 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border: 1px solid #ced4da; + color: #000000; + border-bottom: 0; + margin: 0; + } + + .map-latlng-first-input { + border-radius: 0; + font-size: 12px; + color: #009900; + } + + .map-latlng-first-input::placeholder { + font-size: 10px; + } + + + .map-latlng-first-input-edit { + border-radius: 0; + font-size: 12px; + color: #009900; + } + + .map-latlng-first-input-edit::placeholder { + font-size: 10px; + } + + .map-latlng-sec-input { + border-top-right-radius: 0; + border-top-left-radius: 0; + font-size: 12px; + color: #009900; + } + + .map-latlng-sec-input::placeholder { + font-size: 10px; + } + + .abrar-map-title { + position: absolute; + top: 5px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #000; + font-size: 13px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 193, 7, 0.8); + } + + @keyframes loader { + 0% { + transform: rotate(0deg); + } + + 25% { + transform: rotate(180deg); + } + + 50% { + transform: rotate(180deg); + } + + 75% { + transform: rotate(360deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes loader-inner { + 0% { + height: 0%; + } + + 25% { + height: 0%; + } + + 50% { + height: 100%; + } + + 75% { + height: 100%; + } + + 100% { + height: 0%; + } +} + +.divloader { + display: none; + justify-content: center; + align-items: center; + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.4); + z-index: 1052; +} +.loader { + display: inline-block; + width: 40px; + height: 40px; + position: relative; + border: 4px solid #ff5c0f; + top: 0; + animation: loader 2s infinite ease; +} + +.loader-inner { + vertical-align: top; + display: inline-block; + width: 100%; + background-color: #fff; + animation: loader-inner 2s infinite ease-in; +} + .distance-input { + margin-top: 10px; + margin-bottom: 10px; + padding-left: 16px; + padding-right: 16px; + } + + .card-tools { + margin-bottom: 0.75rem; + } + + .error-message { + display: none; + font-size: 12px; + } + + .second-round-title { + font-size: 15px; + font-weight: 500; + } + + .edit-description { + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); + } + + /* .tablefontheader { + font-size: 12px; + } + + table.table-bordered.dataTable tbody th, + table.table-bordered.dataTable tbody td { + border-bottom-width: 0; + font-size: 11px; + } + + .headercolortable { + background-color: #286893; + color: white; + } + + table.dataTable tbody tr.selected { + background-color: #99cc99; + } + + .div.dataTables_wrapper div.dataTables_length label { + float: left; + } + + .dataTables_length { + float: left; + } + + table.dataTable thead>tr>th.sorting_asc, + table.dataTable thead>tr>th.sorting_desc, + table.dataTable thead>tr>th.sorting, + table.dataTable thead>tr>td.sorting_asc, + table.dataTable thead>tr>td.sorting_desc, + table.dataTable thead>tr>td.sorting { + padding-right: 10px; + } + + .table.dataTable thead .sorting:before, + table.dataTable thead .sorting_asc:before, + table.dataTable thead .sorting_desc:before, + table.dataTable thead .sorting_asc_disabled:before, + table.dataTable thead .sorting_desc_disabled:before { + display: none; + } + + .table.dataTable thead .sorting:after, + table.dataTable thead .sorting_asc:after, + table.dataTable thead .sorting_desc:after, + table.dataTable thead .sorting_asc_disabled:after, + table.dataTable thead .sorting_desc_disabled:after { + display: none; + } + + div.dataTables_wrapper div.dataTables_info { + padding-top: 0.85em; + white-space: nowrap; + font-size: 12px; + } */ + + .preview-template { + border-left: 2px solid black; + border-right: 2px solid black; + } + + .template-section { + border-top: 2px solid black; + border-bottom: 2px solid black; + } + + .section-title { + font-size: 11px; + text-align: center; + background-color: lightgrey; + font-weight: 600; + padding: 10px 15px; + border-bottom: 2px solid black; + } + + /* .section-table>table { + width: 100%; + } + + .section-table>table, + th, + td { + border: 1px solid black; + border-collapse: collapse; + } + + .section-table th { + text-align: center; + font-size: 8px; + font-weight: 600; + padding: 4px 5px; + } + + .section-table th.sub-title { + text-align: center; + font-size: 8px; + font-weight: 500; + padding: 4px 5px; + } + + .section-table td { + text-align: center; + padding: 4px 2px; + } + + .section-table th.w-2 { + width: 3%; + } + + .section-table th.w-3 { + width: 3%; + } + + .section-table th.w-4 { + width: 4%; + } + + .section-table th.w-5 { + width: 5%; + } */ + /* div.dataTables_wrapper div.dataTables_processing { + position: absolute; + top: 70%; + left: 50%; + width: 200px; + margin-left: -100px; + margin-top: -26px; + text-align: center; + padding: 1em 0; */ + /* z-index: 10000; */ + /* } */ + + .file-input-modal-container { + width: 100%; + } + + .file-input-modal { + justify-content: center; + font-size: 11px; + display: flex; + align-items: center; + width: 100%; + height: 80px; + cursor: pointer; + text-align: center; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); + background-color: #ffffff; + } + + .file-input { + display: none; + } + + .modal { + height: 90% !important; + width: 100%; + } + + .modal-error-message { + display: none; + } + + .zoomimage { + width: 100%; + height: 80px; + } + + .slideroverlay { + display: none; + text-align: right; + direction: rtl; + position: fixed; + z-index: 1051; + padding-top: 77px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); + } + + .slideroverlay>.upload-confirm { + z-index: 50; + display: block; + position: absolute; + background: transparent; + top: 0; + right: 0; + left: 0; + bottom: 0; + } + + .slideroverlay>.modal-content { + background-color: #ffffff; + border-radius: 7px; + margin: auto; + padding: 20px 1.5% 1px 1.5%; + border: 1px solid #888; + width: 70%; + position: relative; + z-index: 51; + } + + .slideroverlay>.modal-content>.close { + position: absolute; + text-align: center; + top: 3px; + right: 5px; + color: #979797; + } + + .slideroverlay>.modal-content>.close::before { + content: "\00d7"; + font-size: 22px; + position: absolute; + } + + .slideroverlay>.modal-content>.close:hover, + .slideroverlay>.modal-content>.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + + .slideroverlay>.modal-content>.slideshow .mySlides { + display: none; + } + + .slideroverlay>.modal-content>.slideshow img { + /* vertical-align: middle; + width: 100%; + height: auto; + opacity: 1; + max-height: 500px; + max-width: 100%; */ + vertical-align: middle; + width: auto; + height: auto; + opacity: 1; + max-height: 500px; + max-width: 100%; + margin: 0 auto; + display: flex; + } + + .slideroverlay>.modal-content>.slideshow .slideshow-container { + max-width: 100%; + position: relative; + margin: auto; + } + + .slideroverlay>.modal-content>.slideshow .prev, + .slideroverlay>.modal-content>.slideshow .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 16px; + margin-top: -22px; + color: white; + font-weight: bold; + font-size: 20px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; + background-color: rgba(0, 0, 0, 0.4); + } + + .slideroverlay>.modal-content>.slideshow .next { + right: 0; + border-radius: 0px 3px 3px 0; + } + + .slideroverlay>.modal-content>.slideshow .prev { + left: 0; + border-radius: 3px 0 0 3px; + } + + .slideroverlay>.modal-content>.slideshow .prev:hover, + .slideroverlay>.modal-content>.slideshow .next:hover { + background-color: rgba(0, 0, 0, 0.8); + } + + .slideroverlay>.modal-content>.slideshow .text { + color: #f2f2f2; + background-color: rgba(0, 0, 0, 0.8); + padding: 10px 15px; + position: absolute; + bottom: -3px; + width: 100%; + text-align: center; + font-family: "IRANSans"; + font-size: 12px; + } + + .slideroverlay>.modal-content>.slideshow .numbertext { + color: #f2f2f2; + font-size: 14px; + padding: 8px 12px; + position: absolute; + background-color: rgba(0, 0, 0, 0.8); + top: 0; + border-radius: 3px; + } + + .slideroverlay>.modal-content>.slideshow #slideshow-dot { + margin-top: 15px !important; + margin-bottom: 10px; + direction: ltr; + } + + .slideroverlay>.modal-content>.slideshow .dot { + cursor: pointer; + height: 12px; + width: 12px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; + } + + .slideroverlay>.modal-content>.slideshow .active, + .slideroverlay>.modal-content>.slideshow .dot:hover { + background-color: #717171; + } + + .slideroverlay>.modal-content>.slideshow .fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; + } + + .colorset { + background-color: #286893; + color: white; + } + + /* .table th, + .table td { + padding: 8px; + } */ + + .remove-image-container501 { + display: flex; + flex-direction: row; + color: #c32323; + position: absolute; + top: -16px; + left: 6px; + font-weight: bold; + cursor: pointer; + font-size: 14px; + } + + .tooltipstart1 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart2 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart3 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart4 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart5 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart6 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart7 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart8 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart9 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart10 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart11 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart12 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstart13 { + position: relative; + /* display: inline-block; */ + } + + .tooltipstartcost { + position: relative; + /* display: inline-block; */ + } + + .tooltiptextstart { + visibility: hidden; + width: 150px; + background-color: black; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px 0; + position: absolute; + z-index: 1; + top: 35px; + left: 100%; + font-size: 10px; + white-space: nowrap; + } + + .tooltiptextstart::after { + content: ""; + position: absolute; + top: 50%; + right: 100%; + margin-top: -5px; + border-width: 5px; + border-style: solid; + border-color: transparent black transparent transparent; + } + + .tooltipstart1:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart2:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart3:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart4:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart5:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart6:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart7:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart8:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart9:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart10:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart11:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart12:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstart13:hover .tooltiptextstart { + visibility: visible; + } + + .tooltipstartcost:hover .tooltiptextstart { + visibility: visible; + } + + .slideroverlay>.modal-content>.slideshow .textt { + color: #f2f2f2; + background-color: rgba(0, 0, 0, 0.8); + padding: 10px 15px; + position: absolute; + bottom: -38px; + width: 100%; + text-align: center; + font-family: "IRANSans"; + font-size: 12px; + } + + .slideroverlay>.modal-content>.slideshow #slideshow-dot { + margin-top: 15px !important; + margin-bottom: 10px; + direction: ltr; + } + + /* button.dt-button:hover:not(.disabled), + div.dt-button:hover:not(.disabled), + a.dt-button:hover:not(.disabled) { + background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%); + color: white; + } */ + /* .dt-button:nth-child(2) { + background: #007bff !important; + border-color: #007bff !important; + } + + .dt-button:nth-child(1) { + background: #007bff !important; + border-color: #007bff !important; + color: white !important; + line-height: 30.5px; + } */ + /* div.dt-buttons { + position: relative; + float: right; + } */ + /* div.dataTables_wrapper div.dataTables_filter { + text-align: left; + } */ + /* .dt-button:nth-child(1) { + background: #28a745 !important; + border-color: #28a745 !important; + color: white !important; + line-height: 30.5px; + } + + .dt-button:nth-child(2) { + background: gold !important; + border-color: gold !important; + color: white; + line-height: 30px; + } */ + /* table.dataTable tbody tr.selected { + background-color: #29ab87; + } */ + + .select2 { + width: 85% !important; + } + + span.email-ids { + float: left; + /* padding: 4px; */ + margin-right: 5px; + margin-bottom: 5px; + background: #007bff !important; + border-color: #007bff !important; + padding: 3px 10px; + color: white; + border-radius: 5px; + } + + span.cancel-email { + width: 18px; + display: block; + float: right; + text-align: center; + margin-left: 20px; + border-radius: 49%; + height: 18px; + line-height: 15px; + margin-top: 1px; + cursor: pointer; + } + + .email-id-row { + border-radius: 5px; + border: 1px solid #ccc; + } + + .email-id-row input { + border: 0; + outline: 0; + } + + span.to-input { + display: block; + float: left; + padding-right: 11px; + } + + .all-tax { + margin-left: 5px; + } + + .btn-add-filter button { + border-radius: 50%; + padding: 1px; + width: 30px; + height: 30px; + } + + .select2-results__options li { + font-size: 13px; + } + + .select2-container--default .select2-selection--multiple .select2-selection__rendered li { + font-size: 13px; + } + + #btn_filter_show { + color: white; + background: rgb(43, 125, 43); + border-color: rgb(43, 125, 43); + } + + .body-table-style { + margin-bottom: 100px; + } + + + .parent-filter { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 30px; + box-shadow: 0 0 3px; + top: 127px; + padding: 8px; + } + + .dropdown-submenu>.dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px; + border-radius: 0 6px 6px 6px; + } + + .navbar-nav .dropdown-menu { + position: absolute !important; + } + + .dropdown-menu { + background-image: linear-gradient(#707070, white); + } + + .dropdown-submenu>.dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px; + border-radius: 0 6px 6px 6px; + } + + .dropdown-submenu:hover>.dropdown-menu { + display: block; + } + + .dropdown-submenu:hover>.dropdown-menu { + display: block; + } + + .dropdown-submenu:hover>a:after { + border-left-color: #fff; + } + + .dropdown-submenu.pull-left>.dropdown-menu { + left: -78%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; + } + + /* mohammad added */ + + .imgbox { + border: 1px solid #ccc; + width: 150px; + height: 150px; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0; + margin: 0; + color: #666; + } + + .img-preview { + max-width: 100%; + } + + .btn-delete-img { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .btn-danger.disabled, + .btn-danger:disabled { + font-size: 12px; + background-color: #007bff; + border: none; + } + + .table thead tr { + background-color: #015688; + } + + .line-empty-col { + background-color: rgb(255, 92, 15); + width: 50px; + height: 1px; + margin-left: auto; + margin-right: auto; + } + + #rahdaredit .displayTitle { + display: none !important; + } + + /* mohammad added */ + + .modal-header .close, .modal-header .mailbox-attachment-close { + padding: 1rem; + margin: -1rem auto -1rem -1rem; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/rahdari_projects/finance.css b/public/version2/css/dashboard_pages/rahdari_projects/finance.css new file mode 100644 index 00000000..b8e0f98b --- /dev/null +++ b/public/version2/css/dashboard_pages/rahdari_projects/finance.css @@ -0,0 +1,633 @@ +p { + margin-bottom: 0px; +} +.fieldsetstyle { + border: 2px solid #ff5c0f; + border-radius: 10px; +} +.fieldsetstyle legend { + width: auto; + padding: 0px 10px; +} +.form-parents select, +.form-parents input { + font-size: 12px; +} +.form-parents label { + font-size: 14px; + font-weight: 500; +} +.small-warning { + color: #ce1212; +} +.add-edit-contract-convening-certificate { + font-size: 16px; + font-weight: 500; +} +.add-edit-contract-convening-certificate-fieldset { + border: 1px solid #ced4da; + border-radius: 10px; +} +input[type=number] { + text-align: center; + direction: ltr; +} +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; +} +.odd-header-row { + background-color: #015688; + color: #fff; +} +.even-header-row { + background-color: #ff5c0f; +} +.table thead tr { + font-size: 10px; + color: white; +} +#choose_pro_type_table thead tr th { + color: #fff; +} +.dataTables_filter { + display: inline; +} +.dataTables_length { + display: inline; +} +.dt-buttons { + float: left; +} +.dt-button { + background-color: transparent; + color: #000; + border: none; + font-size: 12px; +} +.dt-button i { + color: rgb(43, 125, 43); + font-size: 19px; +} +.btn-dataTable { + border: none; + background-color: transparent; +} +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} +.setcontent { + display: flex; + flex-direction: row; +} +.dataTables_scroll { + margin-bottom: 50px; +} +table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { + border-right-width: 1px; +} +button:disabled { + cursor: no-drop; + opacity: 0.5; +} +.scrollbar::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.scrollbar::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.dataTables_paginate { + margin-top: 20px !important; +} +.dataTables_paginate .pagination li.page-item a { + border: 0 !important; + color: black; +} +.page-item.active .page-link { + color: white !important; + background-color: rgb(255, 92, 15) !important; +} +.modal-title { + font-size: 15px; + font-weight: 600; +} +/* map css */ +.abrar-map-layout>#abrar-map, +#abrar-map-2, +#abrar-map_choose { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} +.abrar-map-layout { + position: relative; + height: 368px; + margin-bottom: 15px; +} +.abrar-map-layout>#abrar-map-static { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} +.abrar-map-layout>#abrarshow-map { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} +.abrar-map-layout>.pin-container { + position: absolute; + top: 34%; + right: 44%; + z-index: 1009; +} +.map-latlng-input-row { + bottom: 0; + left: 0; +} +.map-record-title { + position: absolute; + top: 5px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #000; + font-size: 13px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 193, 7, 0.8); +} +.map-endplace-title { + position: absolute; + top: 40px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #fff; + font-size: 10px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 85, 7, 0.986); +} +.map-latlng-input-row { + position: absolute; + bottom: -11px; + z-index: 1000; + width: 240px; + left: 5px; +} +/* map css */ +.add-edit-subcontract-upload { + font-size: 16px; + font-weight: 500; +} +.add-edit-subcontract-upload-fieldset { + border: 1px solid #ced4da; + border-radius: 10px; +} +/* file part css */ +.imgbox { + border: 1px solid #ccc; + width: 100%; + height: 100%; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 10px; + margin: 0; + color: #666; + font-size: 12px; +} +.img-preview { + max-width: 100%; +} +.btn-delete-img { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.btn-danger.disabled, +.btn-danger:disabled { + font-size: 12px; + background-color: #007bff; + border: none; +} +/* file part css */ +.modal thead th { + color: #000; +} +.tripple-amount { + display: none; +} +.tripple-amount-edit { + display: none; +} +.validity-checker { + border-color: #dc3545 !important; + box-shadow: 0 0 10px #f1507f !important; +} +.month-grid-box { + font-family: 'IRANSansFaNum'; +} +.new-project { + background: #ff5c0f; + color: #fff; +} +.new-project:hover { + background: #fff; + color: #ff5c0f; + border: 1px solid #ff5c0f; +} +.choose-project-type { + background: #015688; + color: #fff; +} +.choose-project-type:hover { + background: #fff; + color: #015688; + border: 1px solid #015688; +} +.add-subcontract-action-type-unit-all { + font-size: 20px; + font-weight: 500; + text-align: center; + color: #515151; +} +.edit-subcontract-action-type-unit-all { + font-size: 20px; + font-weight: 500; + text-align: center; + color: #515151; +} +#limit_percentage { + color: #dc3545; +} +#edit_limit_percentage { + color: #dc3545; +} +.financial-part-table td:last-child { + width: 20%; +} +.add-subcontract-action-type-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} +.add-subcontract-type-amount-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} +.add-subcontract-type-unit-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} + +.edit-subcontract-action-type-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} +.edit-subcontract-type-amount-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} +.edit-subcontract-type-unit-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} + +.map-parent-border { + border: 1px solid #e1e1e1; + border-radius: 15px; +} +.project-map{ + width: 100%; + height: 370px; + border-radius: 15px +} + +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} +input[data-mask]{ + direction: ltr; + text-align: center; +} +.map-latlng-form { + margin-bottom: 2px; +} +.map-latlng-label { + margin-bottom: 0px; + background-color: #ffffff; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} +.past-details-style { + color: #810000; + font-size: 13px; + font-weight: bold; +} +#choose_pro_type_table_filter { + font-size: 12px; +} +.title-update { + display: flex; + justify-content: center; + position: relative; + top: 10px; + letter-spacing: -0.8px; +} +.previus-action-types { + font-size: 13px; +} +.input-map-project { + color: #009900; +} +/* filters */ +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} +.form-control-me { + display: block; + width: 100%; + height: 33px; + padding: 0.375rem 0.75rem; + font-size: 10px; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +.parent-filter { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 100px; + box-shadow: 0 0 3px; + top: 180px; + padding: 8px; +} +.parent-excel { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 280px; + box-shadow: 0 0 3px; + top: 180px; + padding: 8px; +} +.parent-word { + width: 223px; + min-height: 100px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 200px; + box-shadow: 0 0 3px; + top: 180px; + padding: 8px; +} +.parent-filter::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-filter::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.parent-word::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-word::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.stylescroll::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.stylescroll::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.select2-container--default .select2-selection--multiple .select2-selection__choice { + float: right !important; + background-color: #007bff !important; +} +.select2-search__field { + font-size: 10px !important; +} +.select2-results__options { + font-size: 10px !important; +} + +.select2-selection__rendered { + font-size: 12px !important; +} +.form-control { + font-size: 11px; +} +.select2-container--default .select2-selection--multiple { + background-color: white; + border-radius: 4px; + cursor: text; + border: 1px solid #ced4da; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; + outline: 0; +} +.modal:nth-of-type(even) { + z-index: 1050; +} +.modal-backdrop.show:nth-of-type(odd) { + z-index: 1049; +} +.modal-backdrop.show:nth-of-type(4n-1) { + z-index: 1049; +} +.modal-end{ + z-index: 1052 !important; +} +.input-map-project::placeholder { + font-size: 10px; +} +table.dataTable tbody tr.selected { + background-color: rgb(47, 125, 50); + color: white !important; +} +.table-header { + font-size: 20px; + font-weight: 600; +} + +table.dataTable>tbody>tr.child:hover { + background: #7ab67a !important; + color: #fff; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/rahdari_projects/lawmakers.css b/public/version2/css/dashboard_pages/rahdari_projects/lawmakers.css new file mode 100644 index 00000000..2d34ec56 --- /dev/null +++ b/public/version2/css/dashboard_pages/rahdari_projects/lawmakers.css @@ -0,0 +1,133 @@ +/* input[type=number]{ + direction: ltr; +} + +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; +} */ + +.table-header { + font-size: 20px; + font-weight: 600; +} + +textarea{ + resize: none; +} + +.body-table-style{ + margin-bottom: 50px; +} + +.table-project thead tr { + font-size: 12px; + background-color: #015688; + color: white; +} + +.modal-title{ + font-size: 15px; + font-weight: 600; +} + +.form-parents label{ + font-size: 14px; + font-weight: 500; +} + +.form-parents select, .form-parents input, .form-parents textarea { + font-size: 12px; +} + +table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { + border-right-width: 1px; +} + +.dataTables_filter{ + float: right; + font-size: 12px; +} + +.dataTables_length{ + float: right; + font-size: 12px; +} + +.page-item.active .page-link{ + color: white !important; + background-color: rgb(255, 92, 15) !important; +} + +.btn-dataTable { + border: 0; + background-color: rgba(220, 220, 220, 0); +} + +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} + +.fieldsetstyle { + border: 2px solid #ff5c0f; + border-radius: 10px; +} +.fieldsetstyle legend { + width: auto; + padding: 0px 10px; +} + +.validity-checker { + border-color: #dc3545 !important; + box-shadow: 0 0 10px #f1507f !important; +} + +.parent-excel { + width: 300px; + min-height: 100px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 35px; + box-shadow: 0 0 3px; + top: 127px; + padding: 8px; +} + +.parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} + +button.dt-button{ + background-color: white; + border: 0; + font-size: 12px; +} + +.dt-buttons{ + float: left; +} + +.icon-color{ + color: rgb(43, 125, 43); + font-size: 19px; +} + +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/rahdari_projects/project.css b/public/version2/css/dashboard_pages/rahdari_projects/project.css new file mode 100644 index 00000000..f693be75 --- /dev/null +++ b/public/version2/css/dashboard_pages/rahdari_projects/project.css @@ -0,0 +1,952 @@ +.zoom { + height: 30px; + width: 30px; + transition: transform 0.2s; +} + +.zoom:hover { + -ms-transform: scale(2); + /* IE 9 */ + -webkit-transform: scale(2); + /* Safari 3-8 */ + transform: scale(2); +} + +.imageshown { + width: 160px; + height: 117px; + margin-left: 3%; +} + +.textshown { + width: 100%; + display: flex; + flex-direction: row; +} + +.paragraphshown { + /* margin-left: 20%; */ + width: 40%; + display: flex; + flex-direction: row; + +} + +.paragraphsecond { + display: flex; + flex-direction: row; +} + + +.pstyle { + color: #000000; +} + +.showdiv { + width: 100%; + display: flex; + flex-direction: column; +} + +.card-header { + padding: 0.75rem 1.25rem 0.2rem; +} + +th { + font-size: 12px; +} + +td { + font-size: 12px; +} + +button.btn { + font-size: 12px; +} + +i { + font-size: 10px; +} + +label { + font-size: 0.8rem; + font-weight: 500 !important; + color: rgba(0, 0, 0, 0.5); +} + +.icheck-primary label { + font-weight: 400 !important; +} + +.form-control { + font-size: 13px; +} + +.required-label::after { + content: "*"; + position: relative; + right: 2px; + color: #dc3545; +} + +.card-body .radio-header { + font-size: 0.8rem; + font-weight: 500; + color: rgba(0, 0, 0, 0.5); + display: inline-block; + margin-bottom: 0.5rem; +} + +.abrar-project-slider .tooltip { + font-family: "IRANSansFaNum" !important; +} + +.abrar-project-slider .slider-selection, +.abrar-project-slider .slider-handle, +.abrar-project-slider .slider-tick.in-selection { + background: #007bff; +} + +[class*="icheck-"] { + margin-top: 15px !important; + margin-bottom: 15px !important; +} + +.abrar-map-layout { + position: relative; + height: 300px; + margin-bottom: 15px; +} + +.abrar-map-layout>#abrar-map, +#abrar-map2 { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} + +.abrar-map-layout>.pin-container { + position: absolute; + top: 34%; + right: 44%; + z-index: 1009; +} + +.input-cord { + font-family: "IRANSansFaNum" !important; + text-align: center !important; + direction: ltr !important; +} + +.listproject-main { + margin-top: 95px; + padding: 0 10px; +} + +.show-main { + /* margin-top: 106px; */ + padding: 0 10px; + /* padding: 0 10% 0px 10px; */ + display: flex; + flex-direction: row; +} + +.tool-main { + margin-top: 70px; + padding: 0 10px; +} + +.dt-button.buttons-excel.buttons-html5 { + background: #28a745 !important; + font-size: 12px; + color: white; +} + +.card-footer { + text-align: left; +} + +.map-btn { + border-radius: 0.25rem !important; +} + +.is-invalid-input { + color: #dc3545 !important; + border-color: #dc3545; +} + +.is-invalid-text { + color: #dc3545 !important; +} + +.is-invalid-box { + border-color: #dc3545; +} + +.menu_top { + z-index: 1040 !important; +} + +div.dataTables_wrapper div.dataTables_filter { + text-align: left; +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} + +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +.map-latlng-input-row { + position: absolute; + bottom: -11px; + z-index: 1000; + width: 240px; + left: 5px; +} + +.map-latlng-form { + margin-bottom: 0; +} + +.map-latlng-input { + background-color: rgba(255, 255, 255, 0.8); +} + +.map-latlng-label { + background-color: rgba(255, 255, 255, 0.8); + border-radius: 0.25rem; + padding: 3px 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border: 1px solid #ced4da; + color: #000000; + border-bottom: 0; + margin: 0; +} + +.map-latlng-first-input { + border-radius: 0; + font-size: 12px; + color: #009900; +} + +.map-latlng-first-input::placeholder { + font-size: 10px; +} + +.map-latlng-sec-input { + border-top-right-radius: 0; + border-top-left-radius: 0; + font-size: 12px; + color: #009900; +} + +.map-latlng-sec-input::placeholder { + font-size: 10px; +} + +.abrar-map-title { + position: absolute; + top: 5px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #000; + font-size: 13px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 193, 7, 0.8); +} + +.starter-loader-container { + z-index: 3000 !important; +} + +.distance-input { + margin-top: 10px; + margin-bottom: 10px; +} + +label { + color: #000; +} + +/* #top-card-title .card-title { + font-size: 12px; + font-weight: bold; + } */ + +.error-message { + display: none; + font-size: 12px; +} + +.second-round-title { + font-size: 15px; + font-weight: 500; +} + +.edit-description { + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); +} + +.tablefontheader { + font-size: 100px; +} + +table.table-bordered.dataTable tbody th, +table.table-bordered.dataTable tbody td { + border-bottom-width: 0; + font-size: 11px; +} + +.headercolortable { + background-color: #a6dcef; +} + +table.dataTable tbody tr.selected { + background-color: #99cc99; +} + +.div.dataTables_wrapper div.dataTables_length label { + float: left; +} + +.dataTables_length { + float: left; +} + +table.dataTable thead>tr>th.sorting_asc, +table.dataTable thead>tr>th.sorting_desc, +table.dataTable thead>tr>th.sorting, +table.dataTable thead>tr>td.sorting_asc, +table.dataTable thead>tr>td.sorting_desc, +table.dataTable thead>tr>td.sorting { + padding-right: 10px; +} + +.table.dataTable thead .sorting:before, +table.dataTable thead .sorting_asc:before, +table.dataTable thead .sorting_desc:before, +table.dataTable thead .sorting_asc_disabled:before, +table.dataTable thead .sorting_desc_disabled:before { + display: none; +} + +.table.dataTable thead .sorting:after, +table.dataTable thead .sorting_asc:after, +table.dataTable thead .sorting_desc:after, +table.dataTable thead .sorting_asc_disabled:after, +table.dataTable thead .sorting_desc_disabled:after { + display: none; +} + +div.dataTables_wrapper div.dataTables_info { + padding-top: 0.85em; + white-space: nowrap; + font-size: 12px; +} + +.preview-template { + border: 1px solid black; +} + +.template-section { + border-top: 1px solid black; + border-bottom: 1px solid black; +} + +.section-title { + font-size: 11px; + text-align: center; + background-color: lightgrey; + font-weight: 600; + padding: 10px 15px; + border-bottom: 2px solid black; +} + +.section-table>table { + width: 100%; +} + +.section-table>table, +th, +td { + border: 1px solid black; + border-collapse: collapse; +} + +.section-table th { + text-align: center; + font-size: 8px; + font-weight: 600; + padding: 4px 5px; +} + +.section-table th.sub-title { + text-align: center; + font-size: 8px; + font-weight: 500; + padding: 4px 5px; +} + +.section-table td { + text-align: center; + padding: 4px 2px; +} + +.section-table th.w-2 { + width: 3%; +} + +.section-table th.w-3 { + width: 3%; +} + +.section-table th.w-4 { + width: 4%; +} + +.section-table th.w-5 { + width: 5%; +} + +div.dataTables_wrapper div.dataTables_processing { + position: absolute; + top: 70%; + left: 50%; + width: 200px; + margin-left: -100px; + margin-top: -26px; + text-align: center; + padding: 1em 0; + z-index: 10000; +} + +.file-input-modal-container { + width: 100%; +} + +.file-input-modal { + justify-content: center; + font-size: 11px; + display: flex; + align-items: center; + width: 100%; + height: 80px; + cursor: pointer; + text-align: center; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); + background-color: #ffffff; +} + +.file-input { + display: none; +} + +.modal-error-message { + display: none; +} + +.zoomimage { + width: 100%; + height: 80px; +} + +.slideroverlay { + display: none; + text-align: right; + direction: rtl; + position: fixed; + z-index: 1051; + padding-top: 77px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.slideroverlay>.upload-confirm { + z-index: 50; + display: block; + position: absolute; + background: transparent; + top: 0; + right: 0; + left: 0; + bottom: 0; +} + +.slideroverlay>.modal-content { + background-color: #ffffff; + border-radius: 7px; + margin: auto; + padding: 20px 1.5% 1px 1.5%; + border: 1px solid #888; + width: max-content; + position: relative; + z-index: 51; +} + +.slideroverlay>.modal-content>.close { + position: absolute; + text-align: center; + + color: #979797; +} + +.slideroverlay>.modal-content>.close::before { + content: "\00d7"; + font-size: 22px; + position: absolute; +} + +.slideroverlay>.modal-content>.close:hover, +.slideroverlay>.modal-content>.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + +.slideroverlay>.modal-content>.slideshow .mySlides { + display: none; +} + +.slideroverlay>.modal-content>.slideshow img { + /* vertical-align: middle; +width: 100%; +height: auto; +opacity: 1; +max-height: 500px; +max-width: 100%; */ + vertical-align: middle; + width: auto; + height: auto; + opacity: 1; + max-height: 500px; + max-width: 100%; + margin: 0 auto; + display: flex; +} + +.slideroverlay>.modal-content>.slideshow .slideshow-container { + max-width: 100%; + position: relative; + margin: auto; +} + +.slideroverlay>.modal-content>.slideshow .prev, +.slideroverlay>.modal-content>.slideshow .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 16px; + margin-top: -22px; + color: white; + font-weight: bold; + font-size: 20px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; + background-color: rgba(0, 0, 0, 0.4); +} + +.slideroverlay>.modal-content>.slideshow .next { + right: 0; + border-radius: 0px 3px 3px 0; +} + +.slideroverlay>.modal-content>.slideshow .prev { + left: 0; + border-radius: 3px 0 0 3px; +} + +.slideroverlay>.modal-content>.slideshow .prev:hover, +.slideroverlay>.modal-content>.slideshow .next:hover { + background-color: rgba(0, 0, 0, 0.8); +} + +.slideroverlay>.modal-content>.slideshow .text { + color: #f2f2f2; + background-color: rgba(0, 0, 0, 0.8); + padding: 10px 15px; + position: absolute; + bottom: -3px; + width: 100%; + text-align: center; + font-family: "IRANSans"; + font-size: 12px; +} + +.slideroverlay>.modal-content>.slideshow .numbertext { + color: #f2f2f2; + font-size: 14px; + padding: 8px 12px; + position: absolute; + background-color: rgba(0, 0, 0, 0.8); + top: 0; + border-radius: 3px; +} + +.slideroverlay>.modal-content>.slideshow #slideshow-dot { + margin-top: -9px; + margin-bottom: 10px; + direction: ltr; +} + +.slideroverlay>.modal-content>.slideshow .dot { + cursor: pointer; + height: 12px; + width: 12px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; +} + +.slideroverlay>.modal-content>.slideshow .active, +.slideroverlay>.modal-content>.slideshow .dot:hover { + background-color: #717171; +} + +.slideroverlay>.modal-content>.slideshow .fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; +} + +.colorset { + background-color: #a6dcef; +} + +.table th, +.table td { + padding: 8px; +} + +.remove-image-container501 { + display: flex; + flex-direction: row; + color: #c32323; + position: absolute; + top: -12px; + left: 5px; + font-weight: bold; + cursor: pointer; + font-size: 11px; +} + +div.dt-buttons { + position: relative; + float: right; +} + + +.footerfont { + font-size: 11px; + font-weight: 400; +} + +/* .filterproject { + display: flex; + flex-direction: row; + direction: ltr; + width: 100%; + } */ + +.optionfilter { + margin-top: 4px; + /* margin-right: 104px; */ + margin-left: 829px; + width: 14% !important; +} + +.dt-button:nth-child(2) { + background: #ffc107 !important; + border-color: #ffc107 !important; +} + +#filterproject { + margin-left: 8px; + font-size: 12px; +} + +#showproject { + font-size: 12px; +} + +.filters { + margin-bottom: 1rem; + margin-top: 1rem; + cursor: pointer; +} + +.showeachproject { + margin-bottom: 1rem; + margin-top: 1rem; + cursor: pointer; + display: flex; + flex-direction: row; +} + +.titlecard { + font-size: 12px; + font-weight: bold; +} + +.filteritem { + color: #4995a5; +} + +.pcolor { + color: #4995a5; +} + +.projecttype { + display: flex; + flex-direction: row; +} + +.numberproject { + margin-right: 4px; + color: #acacac; +} + +.card-title { + float: right; + font-size: 15px; + font-weight: bold; +} + +label { + font-size: 11px; + font-weight: 500 !important; + color: rgba(0, 0, 0, 0.5); +} + +.showlabel { + color: #000; + font-weight: bold; + font-size: 15px; +} + +.imageshowrow { + width: 150px; + height: 150px; + display: block; + margin-right: 10px; +} + +.slideroverlay { + display: none; + text-align: right; + direction: rtl; + position: fixed; + z-index: 2000 !important; + padding-top: 50px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: black; + background-color: rgba(0, 0, 0, 0.4); +} + +.layout-navbar-fixed .wrapper .content-wrapper { + margin-top: 0px !important; +} + +body:not(.sidebar-mini-md) .content-wrapper, +body:not(.sidebar-mini-md) .main-footer, +body:not(.sidebar-mini-md) .main-header { + margin-right: 0px !important; +} +.imagelistshown { + display: contents; + flex-direction: row; +} +.slideroverlay>.modal-content>.slideshow img { + box-shadow: unset !important; +} +.imagelistshown { + display: flex; + align-items: center; + justify-content: center; +} +.style-filters { + font-size: 14px; +} +.card-outline { + margin-bottom: 0px; +} +.template-details { + display: flex; + align-items: center; + justify-content: space-between; +} +.details-date { + text-align: center; + width: 75%; + padding-left: 15px; +} +#showeblaghpromise td, th { + text-align: center !important; +} +#showdistance td, th { + text-align: center !important; +} +#showamounts td, th { + text-align: center !important; +} +#showNamePeople td, th { + text-align: center !important; +} +#showMablagh td, th { + text-align: center !important; +} +.time_showm { + font-size: 12px; +} +.karshenas_nazer > table, th, td { + border: 1px solid black; + border-collapse: collapse; +} +.karshenas_nazer > table { + width: 100%; +} +.karshenas_nazer td { + text-align: center; + padding: 4px 2px; +} +.table_karshenas{ + width: 50% !important; + border : 2px solid black !important; +} +.bold_text { + font-weight: 600; +} +p{ + margin-top: 0; + margin-bottom: 1rem; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/rahdari_projects/projects_list.css b/public/version2/css/dashboard_pages/rahdari_projects/projects_list.css new file mode 100644 index 00000000..7f233bf9 --- /dev/null +++ b/public/version2/css/dashboard_pages/rahdari_projects/projects_list.css @@ -0,0 +1,576 @@ +body { + font-family: "IRANSans"; + /* background-image: url(../images/modalrms/13.jpg); */ + background-repeat: no-repeat; + background-size: cover; + min-height: 0; +} + +.footer-new-style { + background-color: #fff; + position: fixed; + bottom: 0px; + right: 0px; + left: 0px; + font-family: "IRANSansFaNum"; + font-size: 10px; + font-weight: 700; + justify-content: center; +} + +.contactUsPart .time { + color: #ff5c0f; + unicode-bidi: embed; +} + +.content { + display: block; + padding: 10px; +} + +.logoPart { + padding: 10px 40px; + display: inline-block; +} + +.contactUsPart { + padding-left: 30px; +} + +.bamahomepage { + display: flex; + flex-direction: row; +} + +.filter h6 { + font-weight: bold; + text-align: center; +} + +.widthcounter { + background-color: #60922c; + color: #fff; + width: fit-content; + text-align: center; + border-radius: 5px; + margin: 0 auto; + padding: 4px 14px; + width: -moz-fit-content; +} + +.counter-for-rahdari { + font-size: 20px; + font-weight: bold; + font-family: 'IRANSansFaNum'; +} + +.filtertext { + font-size: 14px; + font-weight: bold; +} + +.filterhr { + background-color: #3156b6; + margin-top: 8px; + margin-bottom: 8px; +} + +.navbar-private-style { + position: fixed; + top: 0px; + left: 0px; + right: 0px; + z-index: 11; + box-shadow: 0px 4px 5px rgb(53, 52, 52); +} + +.navbar-sp { + color: #ffffff !important; + font-size: 10px; +} + +.map-footer-style { + position: fixed; + bottom: 0px; + left: 0px; + right: 0px; + z-index: 11; + background-color: #fff; + box-shadow: 0px -2px 4px rgb(53, 52, 52); + border-radius: 3px; +} + +.havig { + text-align: center; + margin-bottom: 3px; +} + +.filter-style { + display: inline; + cursor: pointer; + padding: 0 15px 0 15px; +} + +.filter-style-span { + font-size: 11px; + font-weight: 600; + margin-left: 2px; +} + +.moz-style-span { + font-size: 14px; + font-weight: 600; +} + +.province-dropdown { + cursor: pointer; + display: inline; +} + +.align-for-province { + /* text-align: center; */ +} + +.projecttype-dropdown { + cursor: pointer; + display: inline; + margin-bottom: 2px; +} + +.dropdown-projecttype { + display: block; +} + +.choosenfilter { + color: #ff5c0f; + padding-right: 6px; + font-size: 16px; +} + +.showlisttext { + padding: 10px 0 11px 0; +} + +.filterdiv { + margin-top: 20px; +} + +.showbama { + display: flex; + flex-direction: column; +} + +.carddata { + display: flex; + flex-direction: column; + padding: 14px; + margin-bottom: 17px; + border: 1px solid #ff5c0f; + box-shadow: 2px 2px 6px rgb(224, 222, 222); + color: #000000; +} + +.rowtext { + display: flex; + flex-direction: row; +} + +.rowtext span { + font-size: 9px; + padding-left: 7%; +} + +.rightlist { + width: 40%; + margin-left: 10%; + margin-right: 8%; +} + +.leftlist { + width: 40%; +} + +.cardtext hr { + background-color: #ff5c0f; + width:90%; +} + +.rowtext img { + width: 21px; + margin-left: 13%; +} + +.scorebama { + width: 10%; + border: 1px solid #e9ebf4; + text-align: center; + position: relative; + padding: 5px 2px 5px 2px; +} + +.starbama { + position: absolute; + right: -9px; + bottom: -5px; + border: 1px solid #e9ebf4; + border-radius: 50%; +} + +.starbama img { + width: 15px +} + +#province-getBama { + font-size: 12px; +} + +.col-filter { + padding-bottom: 10px; +} + +.provinceshow { + font-size: 11px; + font-weight: 600; + max-width: 100%; + padding-bottom: 10px; + cursor: pointer; +} + +@media only screen and (min-width: 1700px) { + .logoPart { + font-size: 14px; + } + + .contactUsPart { + font-size: 14px; + } +} + +@media only screen and (max-width: 700px) { + .footer-new-style { + background-color: #fff; + position: fixed; + bottom: 0px; + right: 0px; + left: 0px; + font-family: "IRANSansFaNum"; + font-size: 10px; + font-weight: 700; + justify-content: center; + } + + .contactUsPart { + padding-left: 0px; + } + + .pagination { + font-size: 11px !important; + } +} + +@media only screen and (max-width: 800px) { + .logoPart { + padding: 10px 40px; + display: inline-block; + } +} + +.filterfont { + font-size: 11px; + font-weight: 600; + padding-top: 5px; +} + +.mehvartypefilter { + font-size: 12px; + font-weight: 600; + font-family: "IRANSansFaNum"; + /* display:none; */ + + /* padding-top:8px; */ +} + +.mehvarshowdiv { + display: none; +} + +.statusdivproject { + display: none; +} + +.divyearshown { + display: none; +} + +.rowpadding { + padding-top: 10px; + font-family: "IRANSansFaNum"; + +} + +.borderfilter { + border-left: 1px solid #ff5c0f; +} + +.circularimage { + width: 150px; + background-color: red; + height: 150px; + position: absolute; + left: 17px; + border-radius: 50%; + top: -14px; +} + +.circularimage img { + width: 150px; + height: 150px; + border-radius: 50%; +} + +.cardtext { + position: relative; + font-size: 11px; + font-family: 'IRANSansFaNum'; + font-weight: 600; +} + +.project-list { + padding-bottom: 10px; + margin: 0; + max-width: 100%; + font-size: 11px; + font-weight: 600; + cursor: pointer; + display: flex; +} + + + +.projectlistend { + text-align: center +} + +.provincenum { + font-family: "IRANSansFaNum"; + color: #ff5630; +} + +.lastlistname { + text-align: end; +} + +.filtermehvrtype { + border-left: 1px solid #ff5c0f; + cursor: pointer; +} + +.filtermehvrtypenew { + cursor: pointer; +} + +.endlistmehvartype { + text-align: end; +} + +.laststatus { + color: #ff5630; + font-size: 10px; +} + +.filter-type-1 { + display: none; +} + +.arrow-changing1 { + width: 12px; +} + +.dropdown-province { + display: none; +} + +.projectimportancediv { + display: none; +} + +.numberproshow { + text-align: center; + font-family: 'IRANSansFaNum'; + color: #ff5c0f; +} + +.numaxis { + color: #ff5c0f; + font-size: 10px; +} + +.numtype { + font-family: 'IRANSansFaNum'; + color: #ff5c0f; + +} + +.projectchoose { + margin-top: 30px; + font-family: 'IRANSansFaNum'; +} + +.spanfilter { + font-size: 12px; + font-weight: bold; + +} + +.spandelet { + color: #FF1493; + font-size: 18px; + cursor: pointer; + float: left; +} + +.findfilter { + font-size: 12px; + font-weight: bold; + color: #ff5c0f; +} + +.itemchoosen { + margin-top: 10px; + display: flex; + justify-content: space-between; + font-family: 'IRANSansFaNum'; +} + +.yearstyle { + cursor: pointer; +} + +.navbar-nav .dropdown-menu { + position: absolute !important; +} +.pagination { + display: flex; + padding-left: 0; + list-style: none; + font-family: 'IRANSansFaNum'; + border-radius: 0.25rem; + font-size:13px; +} + +.showiconstar { + margin-top: -10px +} + +.circularimage { + width: 133px; + background-color: red; + height: 133px; + position: absolute; + left: -3px; + border-radius: 50%; + top: -12px; +} + +.circularimage img { + width: 135px; + height: 135px; + border-radius: 50%; +} + +.rowtext { + display: flex; + flex-direction: row; + margin-top: 4px; +} + +#exampleshowpage { + list-style: none; +} + +@media only screen and (min-width: 1400px) { + .circularimage { + width: 142px; + background-color: red; + height: 142px; + position: absolute; + left: 17px; + border-radius: 50%; + top: 10px; + } + + .circularimage img { + width: 142px; + height: 142px; + border-radius: 50%; + } + + .rowtext { + display: flex; + flex-direction: row; + margin-top: 5px; + /* font-size: 16px; */ + } + + .rowtext span { + font-size: 12px; + padding-left: 7%; + } + + .showiconstar { + margin-top: -10px + } + +} + +.pagination { + margin-right: auto !important; +} + +.page-link { + border: none; + color: #000 !important; +} +.status-state { + display: flex; + cursor: pointer; +} +.axis-state { + display: flex; + cursor: pointer; +} +.dropdown-city { + display: none; +} + +.card-div { + border: 1px solid #ff5c0f; + border-radius: 0.25rem ; + height :100%; +} +.show-data{ + font-size: 12px; + color: black; + padding: 10px; + font-weight: 700; + line-height: 20px; + font-family: 'IRANSansFaNum'; +} +.start-text { + border-bottom: 2px solid #ff5c0f; +} +.image-upload{ + width: 100%; + height: 140px; + border-radius: 50%; +} +.image-div { + display: flex; + align-items: center; +} +#previous-page .page-link { + color :#007bff !important +} +#next-page .page-link { + color :#007bff !important +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/rahdari_projects/proposal.css b/public/version2/css/dashboard_pages/rahdari_projects/proposal.css new file mode 100644 index 00000000..82745fe5 --- /dev/null +++ b/public/version2/css/dashboard_pages/rahdari_projects/proposal.css @@ -0,0 +1,340 @@ +/* input[type=number]{ + direction: ltr; +} + +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; +} + +input[data-mask]{ + direction: ltr; + text-align: center; +} +input[data-mask]::placeholder{ + font-size: 10px; +} */ + +.table-header { + font-size: 20px; + font-weight: 600; +} + +textarea{ + resize: none; +} + +.body-table-style{ + margin-bottom: 50px; +} + +.table-project thead tr { + font-size: 12px; + color: white; +} + +.modal-title{ + font-size: 15px; + font-weight: 600; +} + +.fieldsetstyle { + border: 2px solid #ff5c0f; + border-radius: 10px; +} +.fieldsetstyle legend { + width: auto; + padding: 0px 10px; +} + +.form-parents label{ + font-size: 14px; + font-weight: 500; +} + +.form-parents select, .form-parents input, .form-parents textarea { + font-size: 12px; +} + +.input-project-opration-type-unit{ + font-size: 16px; + font-weight: 500; + text-align: center; + color: #666; +} + +.validity-checker { + border-color: #dc3545 !important; + box-shadow: 0 0 10px #f1507f !important; +} + +.project-map{ + width: 100%; + height: 350px; +} + +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} + +.page-item.active .page-link { + color: white !important; + background-color: rgb(255, 92, 15) !important; +} + +.dt-buttons { + float: left; +} + +.dataTables_length { + float: right; + font-size: 12px; +} + +.dataTables_filter { + float: right; + font-size: 12px; +} + +.btn-dataTable { + border: 0; + background-color: rgba(220, 220, 220, 0); +} + +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} + +.table th, .table td{ + vertical-align: middle; +} + +table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { + border-right-width: 1px; +} + +.line-btn-table{ + width: 1px; + height: 20px; + background-color: rgb(255, 92, 15); +} + +.parent-excel { + width: 223px; + min-height: 100px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 35px; + box-shadow: 0 0 3px; + padding: 8px; +} + +.parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} + +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} + +button.dt-button{ + background-color: white; + border: 0; + font-size: 12px; +} + +.icon-color{ + color: rgb(43, 125, 43); + font-size: 19px; +} + +.page-item.active .page-link{ + color: white !important; + background-color: rgb(255, 92, 15) !important; +} + +.img-box { + border: 1px solid #ccc; + width: 150px; + height: 150px; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0; + margin: 0; + color: #666; +} + +.img-preview { + max-width: 100%; + max-height: 100%; +} + +.btn-delete-img { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.file-box { + border: 1px solid #ccc; + width: 150px; + height: 150px; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0; + margin: 0; + color: #666; +} + +.file-preview { + max-width: 100%; + max-height: 100%; +} + +.btn-delete-file { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +table.dataTable tbody tr.selected { + background-color: rgb(47, 125, 50); + color: white !important; +} +.odd-header-row { + background-color: #015688; + color: #fff; +} +.even-header-row { + background-color: #ff5c0f; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/receipt/list.css b/public/version2/css/dashboard_pages/receipt/list.css new file mode 100644 index 00000000..fce56d29 --- /dev/null +++ b/public/version2/css/dashboard_pages/receipt/list.css @@ -0,0 +1,444 @@ +table.table-bordered.dataTable th:last-child, +table.table-bordered.dataTable th:last-child, +table.table-bordered.dataTable td:last-child, +table.table-bordered.dataTable td:last-child { + border-right-width: 1px; +} + +table.dataTable .btn-dataTable { + border: none; + background-color: transparent; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; +} +.form-control[readonly] { + background-color: #fff; + opacity: 1; +} +.form-control:disabled { + background-color: #e9ecef; + opacity: 1; +} +/* Firefox */ + +input[type=number] { + -moz-appearance: textfield; +} + +/* map styles */ + +.project-map { + width: 100%; + height: 329px; + border-radius: 5px; +} + +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +input[data-mask] { + direction: ltr; + text-align: center; +} + +.validity-checker { + border-color: #dc3545 !important; + box-shadow: 0 0 10px #f1507f !important; +} + +.input-map-project { + color: #009900; +} + +.map-latlng-input-row { + position: absolute; + bottom: 20px; + z-index: 1000; + width: 240px; + left: 20px; + background: #9990899e; + border-radius: 5px; +} + +/* end */ + + +.dataTables_filter { + display: inline; +} + +.dataTables_length { + display: inline; +} + +.dt-buttons { + display: inline; + float: left; +} + +.dt-button { + background-color: transparent; + color: #000; + border: none; + font-size: 12px; +} + +.dt-button i { + color: rgb(43, 125, 43); + font-size: 19px; +} + +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} + +.selected-unit { + color: #ff5c0f; +} + +.damage-adder-style { + border-radius: 50%; + background-color: #ff5c0f; + border: none; + color: #fff; + font-size: 2rem; + padding-top: 5px; + width: 30px; + height: 30px; +} + +.validation-checker { + border: 1px solid crimson !important; +} + +.parent-filter { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 20px; + box-shadow: 0 0 3px; + top: 180px; + padding: 8px; +} + +.parent-filter::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.parent-filter::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} + +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} +.imgbox { + border: 1px solid #ccc; + width: 100%; + height: 100%; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 30px; + margin: 0; + color: #666; + font-size: 12px; + padding: 4px; +} +.btn-delete-img { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +.img-preview { + max-width: 100%; +} +.form-check-label { + font-size: 14px; +} +.custom-file-label { + overflow-x: hidden; +} +.custom-file-input:lang(en) ~ .custom-file-label::after { + content: "انتخاب"; +} +.hot-fraction-box label { + margin-bottom: 0; +} +.left-text-Plaque { + position: absolute; + background-color: transparent; + left: 47px; + width: 31px; + top: 34px; + border: 0; + text-align: center; + padding: 0; +} +.left-text-Plaque:focus { + background-color: transparent; +} +.text-text-Plaque { + position: absolute; + background-color: transparent; + left: 79px; + width: 45px; + top: 34px; + border: 0; + text-align: center; + padding: 0; + cursor: pointer; +} +.text-text-Plaque:focus { + background-color: transparent; +} +.center-text-Plaque { + left: 125px; + position: absolute; + width: 55px; + top: 34px; + background: transparent; + border: 0; + text-align: center; + padding: 0; +} +.center-text-Plaque:focus { + background-color: transparent; +} +.right-text-Plaque { + left: 183px; + position: absolute; + width: 40px; + top: 44px; + background: transparent; + border: 0; + height: 26px; + text-align: center; + padding: 0; +} +.right-text-Plaque:focus { + background-color: transparent; +} +.modal-fieldset { + border: 2px solid #ff5c0f; + border-radius: 10px; +} + +.modal-fieldset legend { + width: auto !important; + padding: 0 15px; + font-size: 16px; + font-weight: 500 !important; + width: 11%; + color: #4962ac; + text-align: center; +} +.modal-fieldset-content { + margin-bottom: 0.5rem; +} +#show_all_data_modal h5 { + margin: 0; +} +.table-image:hover { + position: absolute; + width: auto; + height: auto; + max-width: 200px; + max-height: 200px; +} +.parent-excel { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 33px; + box-shadow: 0 0 3px; + top: 176px; + padding: 8px; +} +.parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.show-font { + font-size: 17px; +} +.plaque-box-style { + align-items: center; + justify-content: start; + padding: unset; +} +.plaque-box-style button { + margin: 5px 10px; + width: 12%; + height: 50px; + font-weight: 600; +} +@media screen { + #printSection { + display: none; + } +} + +@media print { + body * { + visibility:hidden; + } + #printSection, #printSection * { + visibility:visible; + } + #printthis{ + width: 100%; + height: 100%; + } + #printSection { + position:absolute; + left:0; + top:0; + } + .modal-xl { + max-width: 100% !important; + } + +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_items/operation_cartable.css b/public/version2/css/dashboard_pages/road_items/operation_cartable.css new file mode 100644 index 00000000..d307294a --- /dev/null +++ b/public/version2/css/dashboard_pages/road_items/operation_cartable.css @@ -0,0 +1,79 @@ +/* map styles */ +.item-map-box { + width: 100%; + height: 350px; + position: relative; + border: 2px dashed #015688; +} +#edit_map { + width: 100%; + height: 100%; +} +.map-coordinates-box { + background: #193e5ab8; + position: absolute; + bottom: 5px; + z-index: 500; + left: 5px; + padding: 5px; + border-radius: 5px; + font-weight: 400; + width: 250px; +} +.manually-coordinate-input { + font-size: 13px; + letter-spacing: 1px; + direction: ltr; + text-align: center; +} +.map-coordinates-box label { + font-weight: 500 !important; +} +/* map styles */ +.modal_image_box_title{ + text-align: center; + font-size: 18px; + font-weight: 500; +} +.modal_image_box{ + width: 100%; + height: 300px; + margin-top: 10px; + margin-bottom: 30px; +} +.modal_image_box img{ + width: 100%; + height: 100%; + object-fit: contain; +} + +#filter_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#filter_box .form-group{ + margin-bottom: 0.5rem +} +#filter_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} +.sub-item-unit { + font-size: 13px; + font-weight: 500; + color: crimson; + display: inline; +} +div.dataTables_wrapper { + position: absolute; + left: 0; + right: 0; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_items/operation_create.css b/public/version2/css/dashboard_pages/road_items/operation_create.css new file mode 100644 index 00000000..391f225c --- /dev/null +++ b/public/version2/css/dashboard_pages/road_items/operation_create.css @@ -0,0 +1,148 @@ +/* map styles */ +.item-map-box { + width: 100%; + height: 350px; + position: relative; + border: 2px dashed #015688; +} +#add_map { + width: 100%; + height: 100%; +} +#FoundItem_add_map { + width: 100%; + height: 100%; +} +#map_filter{ + width: 100%; + height: 100%; +} +.map-coordinates-box { + background: #193e5ab8; + position: absolute; + bottom: 5px; + z-index: 500; + left: 5px; + padding: 5px; + border-radius: 5px; + font-weight: 400; + width: 250px; +} +.manually-coordinate-input { + font-size: 13px; + letter-spacing: 1px; + direction: ltr; + text-align: center; +} +.map-coordinates-box label { + font-weight: 500 !important; +} +/* map styles */ +.add-action { + border: none; + background: #153b58; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.add-action:hover { + background: #db7240; +} +.add-action:disabled { + background: #153b58a8; + cursor: no-drop; +} +.item-box { + width: 100%; + border: 2px dashed #1a517c; + border-radius: 3px; + position: relative; +} +.item-box .item .style-item { + background: #1a517c; + color: #fff; + font-size: 15px; + font-weight: 500; + border-radius: 5px; + cursor: pointer; + transition: all 0.3s; +} +.item-box .item:hover .style-item{ + background: #db7240; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +.item-box .item.active-item .style-item{ + background: #db7240; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +.sub-item-box { + width: 100%; + border: 2px dashed #172d3e; + border-radius: 3px; + position: relative; +} +.sub-item-box .item .style-item{ + background: #172d3e; + color: #fff; + font-size: 15px; + font-weight: 500; + border-radius: 5px; + cursor: pointer; + transition: all 0.3s; +} +.sub-item-box .item:hover .style-item{ + background: #db7240; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +.sub-item-box .item.active-item .style-item{ + background: #db7240; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +.sub-item-unit { + font-size: 13px; + font-weight: 500; + color: crimson; + display: inline; +} +.search-item { + border: none; + background: #153b58; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.search-item:hover { + background: #db7240; +} +.search-item:disabled { + background: #153b58a8; + cursor: no-drop; +} +.observed-item-data .question { + font-weight: 500; + font-size: 16px; + color: #172d3e; +} +.observed-item-data .answer { + font-weight: 500; + font-size: 16px; + color: #db7240; +} +.search-box { + transition: 0.3s all; +} +.search-box.active { + padding: 5px; + border-radius: 6px; + box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; + background: #7f9ba9; +} +@media (max-width: 720px) { + .sub-item-box .item { + white-space: normal; + } +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_items/reports.css b/public/version2/css/dashboard_pages/road_items/reports.css new file mode 100644 index 00000000..4845bf5b --- /dev/null +++ b/public/version2/css/dashboard_pages/road_items/reports.css @@ -0,0 +1,134 @@ + /* by mohammad */ + + + /* remove arrow from table header */ + /* table.dataTable thead .sorting:before, + table.dataTable thead .sorting_asc:before, + table.dataTable thead .sorting_desc:before, + table.dataTable thead .sorting_asc_disabled:before, + table.dataTable thead .sorting_desc_disabled:before { + visibility: hidden; + } + + table.dataTable thead .sorting:after, + table.dataTable thead .sorting_asc:after, + table.dataTable thead .sorting_desc:after, + table.dataTable thead .sorting_asc_disabled:after, + table.dataTable thead .sorting_desc_disabled:after { + right: 0.5em; + content: "\2193"; + display: none; + } + + .dataTables_length { + float: left; + } + + .table-footer-style { + text-align: right; + background-color: #286893; + color: #fff; + font-size: 13px; + } */ + + /* changing white space from top of the table its done inline*/ + td.details-control { + background: url('/dist/images/details_open.png') no-repeat center center; + cursor: pointer; + } + + tr.details td.details-control { + background: url('/dist/images/details_open.png') no-repeat center center; + } + + + td.AcitivityMount { + background: url('/dist/images/details_open.png') no-repeat center center; + cursor: pointer; + } + + tr.details td.AcitivityMount { + background: url('/dist/images/details_open.png') no-repeat center center; + } + + .openedrow { + background-color: navajowhite !important; + + } + + .btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; + } + + /* .dt-button { + display: none !important; + } */ + + #marematTown_wrapper>.dataTables_info { + display: none; + } + + .btn_datable { + color: rgb(43, 125, 43) !important; + } + + .show_table { + color: rgb(43, 125, 43) !important; + } + + .titlesecondtable { + padding-top: 59px; + white-space: pre; + } + + .bluecolor { + background-color: #ff5c0f !important; + } + + /* #gozarehtowntable > tbody > tr:nth-child(2) { + padding :0px ; + } */ + /* #gozarehtowntable > tbody > tr:nth-child(2) > td { + padding :0px ; + } */ + /* table.table-bordered.dataTable th:last-child, + table.table-bordered.dataTable th:last-child, + table.table-bordered.dataTable td:last-child, + table.table-bordered.dataTable td:last-child { + border-right-width: 0px; + } */ + + .parent-excel { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 100px; + box-shadow: 0 0 3px; + top: 127px; + padding: 8px; + } + + .parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); + } + + .parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); + } + + .table tbody{ + font-size: 10px !important; + } \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_items/supervise_cartable.css b/public/version2/css/dashboard_pages/road_items/supervise_cartable.css new file mode 100644 index 00000000..c58620d0 --- /dev/null +++ b/public/version2/css/dashboard_pages/road_items/supervise_cartable.css @@ -0,0 +1,61 @@ +.modal_image_box_title{ + text-align: center; + font-size: 18px; + font-weight: 500; +} +.modal_image_box{ + width: 100%; + height: 300px; + margin-top: 10px; + margin-bottom: 30px; +} +.modal_image_box img{ + width: 100%; + height: 100%; + object-fit: contain; +} + +#filter_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#filter_box .form-group{ + margin-bottom: 0.5rem +} +#filter_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} + +#excel_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#excel_box .form-group{ + margin-bottom: 0.5rem +} +#excel_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} +div.dataTables_wrapper { + position: absolute; + left: 0; + right: 0; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_patrols/by_table_report.css b/public/version2/css/dashboard_pages/road_patrols/by_table_report.css new file mode 100644 index 00000000..4845bf5b --- /dev/null +++ b/public/version2/css/dashboard_pages/road_patrols/by_table_report.css @@ -0,0 +1,134 @@ + /* by mohammad */ + + + /* remove arrow from table header */ + /* table.dataTable thead .sorting:before, + table.dataTable thead .sorting_asc:before, + table.dataTable thead .sorting_desc:before, + table.dataTable thead .sorting_asc_disabled:before, + table.dataTable thead .sorting_desc_disabled:before { + visibility: hidden; + } + + table.dataTable thead .sorting:after, + table.dataTable thead .sorting_asc:after, + table.dataTable thead .sorting_desc:after, + table.dataTable thead .sorting_asc_disabled:after, + table.dataTable thead .sorting_desc_disabled:after { + right: 0.5em; + content: "\2193"; + display: none; + } + + .dataTables_length { + float: left; + } + + .table-footer-style { + text-align: right; + background-color: #286893; + color: #fff; + font-size: 13px; + } */ + + /* changing white space from top of the table its done inline*/ + td.details-control { + background: url('/dist/images/details_open.png') no-repeat center center; + cursor: pointer; + } + + tr.details td.details-control { + background: url('/dist/images/details_open.png') no-repeat center center; + } + + + td.AcitivityMount { + background: url('/dist/images/details_open.png') no-repeat center center; + cursor: pointer; + } + + tr.details td.AcitivityMount { + background: url('/dist/images/details_open.png') no-repeat center center; + } + + .openedrow { + background-color: navajowhite !important; + + } + + .btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; + } + + /* .dt-button { + display: none !important; + } */ + + #marematTown_wrapper>.dataTables_info { + display: none; + } + + .btn_datable { + color: rgb(43, 125, 43) !important; + } + + .show_table { + color: rgb(43, 125, 43) !important; + } + + .titlesecondtable { + padding-top: 59px; + white-space: pre; + } + + .bluecolor { + background-color: #ff5c0f !important; + } + + /* #gozarehtowntable > tbody > tr:nth-child(2) { + padding :0px ; + } */ + /* #gozarehtowntable > tbody > tr:nth-child(2) > td { + padding :0px ; + } */ + /* table.table-bordered.dataTable th:last-child, + table.table-bordered.dataTable th:last-child, + table.table-bordered.dataTable td:last-child, + table.table-bordered.dataTable td:last-child { + border-right-width: 0px; + } */ + + .parent-excel { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 100px; + box-shadow: 0 0 3px; + top: 127px; + padding: 8px; + } + + .parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); + } + + .parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); + } + + .table tbody{ + font-size: 10px !important; + } \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_patrols/operation_cartable.css b/public/version2/css/dashboard_pages/road_patrols/operation_cartable.css new file mode 100644 index 00000000..69b2d738 --- /dev/null +++ b/public/version2/css/dashboard_pages/road_patrols/operation_cartable.css @@ -0,0 +1,25 @@ + +#filter_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#filter_box .form-group{ + margin-bottom: 0.5rem +} +#filter_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} +div.dataTables_wrapper { + position: absolute; + left: 0; + right: 0; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_patrols/operation_create.css b/public/version2/css/dashboard_pages/road_patrols/operation_create.css new file mode 100644 index 00000000..b216654f --- /dev/null +++ b/public/version2/css/dashboard_pages/road_patrols/operation_create.css @@ -0,0 +1,340 @@ +/* map box */ +#add_map { + width: 100%; + height: 100%; +} +.map-self-design { + width: 200px; + height: 200px; +} +/* end map box */ +.edit-profile { + border: none; + background: #176d69; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.edit-profile:hover { + background: #db7240; +} +.edit-profile:disabled { + background: #176d69a8; + cursor: no-drop; +} +.add-item { + border: none; + background: #153b58; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.add-item:hover { + background: #db7240; +} +.add-item:disabled { + background: #153b58a8; + cursor: no-drop; +} +.list-item { + border: none; + background: #153b58; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.list-item:hover { + background: #db7240; +} +.list-item:disabled { + background: #153b58a8; + cursor: no-drop; +} +.accept-number { + text-align: center; + height: 50px; + width: 40px; + font-size: 30px !important; + border-radius: 5px; + border: 1px solid #e1e1e1; + box-shadow: #e1e1e1 0px 1px 9px; + direction: ltr; +} +.item-map-box { + width: 100%; + height: 350px; + position: relative; + border: 2px dashed #015688; +} +.unit { + color: crimson; + font-weight: 500; +} +/* plaque style */ +.plaque-parent { + width: fit-content; + position: relative; +} +.left-text-Plaque { + position: absolute; + background-color: transparent; + left: 22px; + width: 31px; + top: 3px; + border: 0; + text-align: center; + padding: 0; +} +.left-text-Plaque:focus { + background-color: transparent; +} +.text-text-Plaque { + position: absolute; + background-color: transparent; + left: 54px; + width: 45px; + top: 3px; + border: 0; + text-align: center; + padding: 0; + cursor: pointer; +} +.text-text-Plaque:focus { + background-color: transparent; +} +.center-text-Plaque { + left: 100px; + position: absolute; + width: 55px; + top: 3px; + background: transparent; + border: 0; + text-align: center; + padding: 0; +} +.center-text-Plaque:focus { + background-color: transparent; +} +.right-text-Plaque { + left: 157px; + position: absolute; + width: 40px; + top: 12px; + background: transparent; + border: 0; + height: 26px; + text-align: center; + padding: 0; +} +.right-text-Plaque:focus { + background-color: transparent; +} +.plaque-box-style { + align-items: center; + justify-content: start; + padding: unset; +} +.plaque-box-style button { + margin: 5px 10px; + width: 15%; + height: 50px; + font-weight: 600; +} +.neutral-cta { + border: none; + background: #576364; + color: #fff; + border-radius: 3px; + padding: 10px 15px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.neutral-cta:hover { + background: #646a6ae0; +} +.neutral-cta:disabled { + background: #576364a8; + cursor: no-drop; +} + +input[name="plaque-number"] { + border: 2px solid rgba(156, 156, 156, 0.35); +} +.div-Plaque { + border: 2px solid rgba(175, 175, 175, 0.35); +} +/* end plaque style */ + +/* custom radio box css */ +.wrapper{ + display: inline-flex; + background: #fff; + width: 230px; + align-items: center; + justify-content: space-evenly; + border-radius: 5px; + margin-bottom: 1rem; +} +.wrapper .option{ + background: #fff; + height: 40px; + width: 100%; + display: flex; + align-items: center; + justify-content: space-evenly; + margin: 0 5px; + border-radius: 5px; + cursor: pointer; + border: 2px solid lightgrey; + transition: all 0.3s ease; +} +.wrapper .option .dot{ + height: 20px; + width: 20px; + background: #d9d9d9; + border-radius: 50%; + position: relative; +} +.wrapper .option .dot::before{ + position: absolute; + content: ""; + top: 4px; + left: 4px; + width: 12px; + height: 12px; + background: #db7240; + border-radius: 50%; + opacity: 0; + transform: scale(1.5); + transition: all 0.3s ease; +} +input[type="radio"]{ + display: none; +} +#action_dont:checked:checked ~ .option-1, +#action_do:checked:checked ~ .option-2{ + border-color: #db7240; + background: #db7240; +} +#action_dont:checked:checked ~ .option-1 .dot, +#action_do:checked:checked ~ .option-2 .dot{ + background: #fff; +} +#action_dont:checked:checked ~ .option-1 .dot::before, +#action_do:checked:checked ~ .option-2 .dot::before{ + opacity: 1; + transform: scale(1); +} +.wrapper .option span{ + font-size: 12px; + color: #808080; +} +#action_dont:checked:checked ~ .option-1 span, +#action_do:checked:checked ~ .option-2 span{ + color: #fff; +} +/* end custom radio box css */ + +#listItem_modal .header-items { + font-size: 14px; + font-weight: 600; + color: #13202b; + transition: all 0.3s; +} +#listItem_modal .data-items { + font-size: 14px; + font-weight: 500; + color: #2d7c23; + transition: all 0.3s; +} +#listItem_modal .pipeline { + width: 2px; + height: 20px; + background: #db7240; + margin: 0 5px; +} +#listItem_modal .each-item { + line-height: 30px; + padding: 10px; + border: 2px dashed #00000025; + transition: all 0.3s; + cursor: pointer; +} +#listItem_modal .each-item:hover { + box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; + background: #6ed3d3; +} + +#listItem_modal .each-item:hover .header-items { + color: rgb(39, 39, 39); +} + +#listItem_modal .each-item:hover .data-items { + color: #fff; +} + +.item-counter { + position: absolute; + left: -12px; + top: -12px; + background: crimson; + border-radius: 50%; + color: #fff; + display: flex; + align-items: center; + justify-content: center; +} + +.quest-action { + font-size: 15px; + font-weight: 500; + color: #971b1b; +} + +.answer-action { + font-size: 15px; + font-weight: 500; + color: #2d7c23; +} + +.image-box-item { + max-width: 150px; + max-height: 150px; +} + +#otp_code { + letter-spacing: 10px; + direction: ltr; +} + +.otp-code-box { + display: none; +} + +/* responsive design */ +@media (max-width: 720px) { + #addItem_modal .form-control { + width: 100%; + } +} +@media (min-width: 720px) { + #addItem_modal .form-control { + width: 240px; + } +} +@media (max-width: 520px) { + .form-group { + width: 100%; + } + .upload-box { + margin-top: 10px; + margin-bottom: 10px; + } +} +/* end responsive design */ \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_patrols/report.css b/public/version2/css/dashboard_pages/road_patrols/report.css new file mode 100644 index 00000000..87b63ee3 --- /dev/null +++ b/public/version2/css/dashboard_pages/road_patrols/report.css @@ -0,0 +1,73 @@ +body { + -webkit-print-color-adjust:exact !important; + print-color-adjust:exact !important; +} +.background-image { + position: absolute; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + top: -80px; + z-index: 1; + filter: opacity(.1); +} +.background-image img{ + width: 200px; + object-fit: contain; +} +.container-report{ + position: relative; + width: 1200px; + margin: 0 auto; + padding: 16px 24px; + z-index: 2; +} +.logo-header{ + height: 70px; +} +.logo-header img{ + height: 100%; +} +.header-desc{ + font-weight: 500; +} +.serial-no{ + color: #e21818; + font-weight: 500; +} +.table-report{ + font-size: 13px; +} +.table-report td{ + vertical-align: middle; + height: 46px; + font-size: 12px; +} +.table-report td,.table-report div{ + border-color: #5f5f5f !important; + background-color: transparent !important; + -webkit-print-color-adjust:exact !important; + print-color-adjust:exact !important; +} +.table-report-header td{ + background-color: #ccc !important; + -webkit-print-color-adjust:exact !important; + print-color-adjust:exact !important; +} +.square{ + width: 10px; + height: 10px; + border: 1px solid #212529; + display: inline-flex; +} +.no-print{ + display: flex; +} + +@media print{ + @page {size: A4 landscape} + .no-print{ + display: none; + } +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/road_patrols/supervise_cartable.css b/public/version2/css/dashboard_pages/road_patrols/supervise_cartable.css new file mode 100644 index 00000000..c58620d0 --- /dev/null +++ b/public/version2/css/dashboard_pages/road_patrols/supervise_cartable.css @@ -0,0 +1,61 @@ +.modal_image_box_title{ + text-align: center; + font-size: 18px; + font-weight: 500; +} +.modal_image_box{ + width: 100%; + height: 300px; + margin-top: 10px; + margin-bottom: 30px; +} +.modal_image_box img{ + width: 100%; + height: 100%; + object-fit: contain; +} + +#filter_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#filter_box .form-group{ + margin-bottom: 0.5rem +} +#filter_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} + +#excel_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#excel_box .form-group{ + margin-bottom: 0.5rem +} +#excel_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} +div.dataTables_wrapper { + position: absolute; + left: 0; + right: 0; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/safety_and_privacy/operation_cartable.css b/public/version2/css/dashboard_pages/safety_and_privacy/operation_cartable.css new file mode 100644 index 00000000..8824ebf1 --- /dev/null +++ b/public/version2/css/dashboard_pages/safety_and_privacy/operation_cartable.css @@ -0,0 +1,137 @@ +/* map styles */ +.item-map-box { + width: 100%; + height: 350px; + position: relative; + border: 2px dashed #015688; +} +#edit_map { + width: 100%; + height: 100%; +} +.map-coordinates-box { + background: #193e5ab8; + position: absolute; + bottom: 5px; + z-index: 500; + left: 5px; + padding: 5px; + border-radius: 5px; + font-weight: 400; + width: 250px; +} +.manually-coordinate-input { + font-size: 13px; + letter-spacing: 1px; + direction: ltr; + text-align: center; +} +.map-coordinates-box label { + font-weight: 500 !important; +} +/* map styles */ +.modal_image_box_title{ + text-align: center; + font-size: 18px; + font-weight: 500; +} +.modal_image_box{ + width: 100%; + height: 300px; + margin-top: 10px; + margin-bottom: 30px; +} +.modal_image_box img{ + width: 100%; + height: 100%; + object-fit: contain; +} + +#filter_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#filter_box .form-group{ + margin-bottom: 0.5rem +} +#filter_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} + +#excel_box{ + display: none; + position: absolute; + left: 0; + background-color: #fff; + z-index: 5000; + width: 470px; + box-shadow: 0 0 8px 2px rgb(0 0 0 / 26%); + border-radius: 2px; + padding: 12px; + flex-direction: column; +} +#excel_box .form-group{ + margin-bottom: 0.5rem +} +#excel_box label { + font-size: 12px; + margin-bottom: 0.25rem; +} + +.sub-item-unit { + font-size: 13px; + font-weight: 500; + color: crimson; + display: inline; +} + +.table tbody tr.first-step-box{ + background: #e8f0f7 !important; +} +.table tbody tr.first-step-box:hover{ + background: #4d89b9 !important; +} +.table tbody tr.first-step-box.activate-row{ + background: #2f597a !important; +} + + + +.table tbody tr.second-step-box{ + background: #f2f7e8 !important; +} +.table tbody tr.second-step-box:hover{ + background: #81a834 !important +} +.table tbody tr.second-step-box.activate-row{ + background: #5d7925 !important; +} + + +.table tbody tr.third-step-box{ + background: #f7f0e8 !important; +} +.table tbody tr.third-step-box:hover{ + background: #b88449 !important; +} +.table tbody tr.third-step-box.activate-row{ + background: #7c5931 !important; +} +div.dataTables_wrapper { + position: absolute; + left: 0; + right: 0; +} + +#operation_cartable { + min-height: 120px; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/safety_and_privacy/operation_create.css b/public/version2/css/dashboard_pages/safety_and_privacy/operation_create.css new file mode 100644 index 00000000..34fcad28 --- /dev/null +++ b/public/version2/css/dashboard_pages/safety_and_privacy/operation_create.css @@ -0,0 +1,139 @@ +/* map styles */ +.item-map-box { + width: 100%; + height: 350px; + position: relative; + border: 2px dashed #015688; +} +#add_map { + width: 100%; + height: 100%; +} +#FoundItem_add_map { + width: 100%; + height: 100%; +} +#map_filter{ + width: 100%; + height: 100%; +} +.map-coordinates-box { + background: #193e5ab8; + position: absolute; + bottom: 5px; + z-index: 500; + left: 5px; + padding: 5px; + border-radius: 5px; + font-weight: 400; + width: 250px; +} +.manually-coordinate-input { + font-size: 13px; + letter-spacing: 1px; + direction: ltr; + text-align: center; +} +.map-coordinates-box label { + font-weight: 500 !important; +} +/* map styles */ +.add-action { + border: none; + background: #153b58; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.add-action:hover { + background: #db7240; +} +.add-action:disabled { + background: #153b58a8; + cursor: no-drop; +} +.item-box { + width: 100%; + border: 2px dashed #1a517c; + border-radius: 3px; + position: relative; +} +.item-box .item { + background: #1a517c; + color: #fff; + font-size: 15px; + font-weight: 500; + border-radius: 5px; + cursor: pointer; + transition: all 0.3s; +} +.item-box .item:hover { + background: #db7240; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +.item-box .item.active-item { + background: #db7240; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +.sub-item-box { + width: 100%; + border: 2px dashed #172d3e; + border-radius: 3px; + position: relative; +} +.sub-item-box .item .style-item{ + background: #172d3e; + color: #fff; + font-size: 15px; + font-weight: 500; + border-radius: 5px; + cursor: pointer; + transition: all 0.3s; +} +.sub-item-box .item:hover .style-item{ + background: #db7240; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +.sub-item-box .item.active-item .style-item{ + background: #db7240; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} +.sub-item-unit { + font-size: 13px; + font-weight: 500; + color: crimson; + display: inline; +} +.search-item { + border: none; + background: #153b58; + color: #fff; + border-radius: 5px; + padding: 5px 8px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + transition: 0.3s all; +} +.search-item:hover { + background: #db7240; +} +.search-item:disabled { + background: #153b58a8; + cursor: no-drop; +} +.observed-item-data .question { + font-weight: 500; + font-size: 16px; + color: #172d3e; +} +.observed-item-data .answer { + font-weight: 500; + font-size: 16px; + color: #db7240; +} +@media (max-width: 720px) { + .sub-item-box .item { + white-space: normal; + } +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/user_management/activity_report.css b/public/version2/css/dashboard_pages/user_management/activity_report.css new file mode 100644 index 00000000..d0f1df17 --- /dev/null +++ b/public/version2/css/dashboard_pages/user_management/activity_report.css @@ -0,0 +1,209 @@ +.table-header { + font-size: 20px; + font-weight: 600; +} + +textarea{ + resize: none; +} + +.body-table-style{ + margin-bottom: 50px; +} + +.table-project thead tr { + font-size: 12px; + background-color: #015688; + color: white; +} + + +.dataTables_filter { + display: inline; +} +.dataTables_length { + display: inline; +} + +.dt-buttons{ + float: left; +} + +.icon-color{ + color: rgb(43, 125, 43); + font-size: 19px; +} + +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} +.dt-button { + background-color: transparent; + color: #000; + border: none; + font-size: 12px; +} +.dt-button i { + color: rgb(43, 125, 43); + font-size: 19px; +} +.btn-dataTable { + border: none; + background-color: transparent; +} +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} +.zoom:hover { + -ms-transform: scale(3); + /* IE 9 */ + -webkit-transform: scale(3); + /* Safari 3-8 */ + transform: scale(3); +} + +.dropdown-submenu.pull-left>.dropdown-menu { + left: -69% !important; + margin-left: 10px; + border-radius: 6px 0 6px 6px; +} + +.select2-search__field { + font-size: 10px !important; +} + +.select2-results__options { + font-size: 10px !important; +} + +.select2-selection__rendered { + font-size: 10px !important; +} + +.select2-results__options::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.select2-results__options::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #007bff !important; +} + +.select2-container { + box-sizing: border-box; + display: block !important; + margin: 0; + position: relative; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + float: right !important; +} + +.select2-container--default .select2-selection--multiple { + background-color: white; + /* border: 1px solid #aaa; */ + border-radius: 4px; + cursor: text; + border: 1px solid #ced4da; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; + outline: 0; +} + +.select2-container--default { + width: 100% !important; +} + +.parent-filter { + width: 223px; + min-height: 170px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 25px; + box-shadow: 0 0 3px; + top: 127px; + padding: 8px; +} + +ul.show-perm { + list-style-type: square; +} + +.modalstyle { + border: 3px solid rgb(255, 92, 15); +} + +.modal-multi { + z-index: 1052 !important; +} + + +/* .modal-backdrop.show:nth-of-type(even) { + z-index: 1049 !important; +} + +.modal-backdrop.show:nth-of-type(odd) { + z-index: 1049 !important; +} */ + +.img-box { + border: 1px solid #ccc; + width: 150px; + height: 150px; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0; + margin: 0; + color: #666; +} + +.img-preview { + max-width: 100%; + max-height: 100%; +} + +.btn-delete-img { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +table.dataTable tbody tr.selected { + background-color: rgb(47, 125, 50); + color: white !important; +} + +.validation-checker { + border: 1px solid crimson !important; +} +.modal-header .close, .modal-header .mailbox-attachment-close{ + padding: 1rem; + margin: -1rem auto -1rem -1rem; +} +label{ + font-size: 0.8rem; + font-weight: 500 !important; + color: #000; +} +.form-control{ + font-size: 12px !important; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/user_management/list.css b/public/version2/css/dashboard_pages/user_management/list.css new file mode 100644 index 00000000..d0f1df17 --- /dev/null +++ b/public/version2/css/dashboard_pages/user_management/list.css @@ -0,0 +1,209 @@ +.table-header { + font-size: 20px; + font-weight: 600; +} + +textarea{ + resize: none; +} + +.body-table-style{ + margin-bottom: 50px; +} + +.table-project thead tr { + font-size: 12px; + background-color: #015688; + color: white; +} + + +.dataTables_filter { + display: inline; +} +.dataTables_length { + display: inline; +} + +.dt-buttons{ + float: left; +} + +.icon-color{ + color: rgb(43, 125, 43); + font-size: 19px; +} + +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} +.dt-button { + background-color: transparent; + color: #000; + border: none; + font-size: 12px; +} +.dt-button i { + color: rgb(43, 125, 43); + font-size: 19px; +} +.btn-dataTable { + border: none; + background-color: transparent; +} +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} +.zoom:hover { + -ms-transform: scale(3); + /* IE 9 */ + -webkit-transform: scale(3); + /* Safari 3-8 */ + transform: scale(3); +} + +.dropdown-submenu.pull-left>.dropdown-menu { + left: -69% !important; + margin-left: 10px; + border-radius: 6px 0 6px 6px; +} + +.select2-search__field { + font-size: 10px !important; +} + +.select2-results__options { + font-size: 10px !important; +} + +.select2-selection__rendered { + font-size: 10px !important; +} + +.select2-results__options::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.select2-results__options::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + background-color: #007bff !important; +} + +.select2-container { + box-sizing: border-box; + display: block !important; + margin: 0; + position: relative; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + float: right !important; +} + +.select2-container--default .select2-selection--multiple { + background-color: white; + /* border: 1px solid #aaa; */ + border-radius: 4px; + cursor: text; + border: 1px solid #ced4da; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; + outline: 0; +} + +.select2-container--default { + width: 100% !important; +} + +.parent-filter { + width: 223px; + min-height: 170px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 25px; + box-shadow: 0 0 3px; + top: 127px; + padding: 8px; +} + +ul.show-perm { + list-style-type: square; +} + +.modalstyle { + border: 3px solid rgb(255, 92, 15); +} + +.modal-multi { + z-index: 1052 !important; +} + + +/* .modal-backdrop.show:nth-of-type(even) { + z-index: 1049 !important; +} + +.modal-backdrop.show:nth-of-type(odd) { + z-index: 1049 !important; +} */ + +.img-box { + border: 1px solid #ccc; + width: 150px; + height: 150px; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0; + margin: 0; + color: #666; +} + +.img-preview { + max-width: 100%; + max-height: 100%; +} + +.btn-delete-img { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +table.dataTable tbody tr.selected { + background-color: rgb(47, 125, 50); + color: white !important; +} + +.validation-checker { + border: 1px solid crimson !important; +} +.modal-header .close, .modal-header .mailbox-attachment-close{ + padding: 1rem; + margin: -1rem auto -1rem -1rem; +} +label{ + font-size: 0.8rem; + font-weight: 500 !important; + color: #000; +} +.form-control{ + font-size: 12px !important; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/winter_camp/create.css b/public/version2/css/dashboard_pages/winter_camp/create.css new file mode 100644 index 00000000..9aaedc41 --- /dev/null +++ b/public/version2/css/dashboard_pages/winter_camp/create.css @@ -0,0 +1,923 @@ +p { + margin-bottom: 0px; +} +.fieldsetstyle { + border: 2px solid #ff5c0f; + border-radius: 10px; +} +.fieldsetstyle legend { + width: auto; + padding: 0px 10px; +} +.form-parents select, +.form-parents input { + font-size: 12px; +} +.form-parents label { + font-size: 14px; + font-weight: 500; +} +.small-warning { + color: #ce1212; +} +.add-edit-contract-convening-certificate { + font-size: 16px; + font-weight: 500; +} +.add-edit-contract-convening-certificate-fieldset { + border: 1px solid #ced4da; + border-radius: 10px; +} +input[type=number] { + text-align: center; + direction: ltr; +} +input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; +} +.odd-header-row { + background-color: #015688; + color: #fff; +} +.even-header-row { + background-color: #ff5c0f; +} +.table thead tr { + font-size: 10px; + color: white; +} +#choose_pro_type_table thead tr th { + color: #fff; +} +.dataTables_filter { + display: inline; +} +.dataTables_length { + display: inline; +} +.dt-buttons { + float: left; +} +.dt-button { + background-color: transparent; + color: #000; + border: none; + font-size: 12px; +} +.dt-button i { + color: rgb(43, 125, 43); + font-size: 19px; +} +.btn-dataTable { + border: none; + background-color: transparent; +} +.btn-dataTable i { + color: rgb(43, 125, 43); + font-size: 18px; +} +.setcontent { + display: flex; + flex-direction: row; +} +.dataTables_scroll { + margin-bottom: 50px; +} +table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { + border-right-width: 1px; +} +button:disabled { + cursor: no-drop; + opacity: 0.5; +} +.scrollbar::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.scrollbar::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.dataTables_paginate { + margin-top: 20px !important; +} +.dataTables_paginate .pagination li.page-item a { + border: 0 !important; + color: black; +} +.page-item.active .page-link { + color: white !important; + background-color: rgb(255, 92, 15) !important; +} +.modal-title { + font-size: 15px; + font-weight: 600; +} +/* map css */ +.abrar-map-layout>#abrar-map, +#abrar-map-2, +#abrar-map_choose { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} +.abrar-map-layout { + position: relative; + height: 368px; + margin-bottom: 15px; +} +.abrar-map-layout>#abrar-map-static { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} +.abrar-map-layout>#abrarshow-map { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; +} +.abrar-map-layout>.pin-container { + position: absolute; + top: 34%; + right: 44%; + z-index: 1009; +} +.map-latlng-input-row { + bottom: 0; + left: 0; +} +.map-record-title { + position: absolute; + top: 5px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #000; + font-size: 13px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 193, 7, 0.8); +} +.map-endplace-title { + position: absolute; + top: 40px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #fff; + font-size: 10px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 85, 7, 0.986); +} +.map-latlng-input-row { + position: absolute; + bottom: -11px; + z-index: 1000; + width: 240px; + left: 5px; +} +/* map css */ +.add-edit-subcontract-upload { + font-size: 16px; + font-weight: 500; +} +.add-edit-subcontract-upload-fieldset { + border: 1px solid #ced4da; + border-radius: 10px; +} +/* file part css */ +.imgbox { + border: 1px solid #ccc; + width: 100%; + height: 100%; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 10px; + margin: 0; + color: #666; + font-size: 12px; +} +.img-preview { + max-width: 100%; +} +.btn-delete-img { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.btn-danger.disabled, +.btn-danger:disabled { + font-size: 12px; + background-color: #007bff; + border: none; +} +/* file part css */ +.modal thead th { + color: #000; +} +.tripple-amount { + display: none; +} +.tripple-amount-edit { + display: none; +} +.validity-checker { + border-color: #dc3545 !important; + box-shadow: 0 0 10px #f1507f !important; +} +.month-grid-box { + font-family: 'IRANSansFaNum'; +} +.new-project { + background: #ff5c0f; + color: #fff; +} +.new-project:hover { + background: #fff; + color: #ff5c0f; + border: 1px solid #ff5c0f; +} +.choose-project-type { + background: #015688; + color: #fff; +} +.choose-project-type:hover { + background: #fff; + color: #015688; + border: 1px solid #015688; +} +.add-subcontract-action-type-unit-all { + font-size: 20px; + font-weight: 500; + text-align: center; + color: #515151; +} +.edit-subcontract-action-type-unit-all { + font-size: 20px; + font-weight: 500; + text-align: center; + color: #515151; +} +#limit_percentage { + color: #dc3545; +} +#edit_limit_percentage { + color: #dc3545; +} +.financial-part-table td:last-child { + width: 20%; +} +.add-subcontract-action-type-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} +.add-subcontract-type-amount-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} +.add-subcontract-type-unit-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} + +.edit-subcontract-action-type-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} +.edit-subcontract-type-amount-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} +.edit-subcontract-type-unit-show-all { + font-size: 18px; + font-weight: 500; + text-align: center; + color: #515151; +} + +.map-parent-border { + border: 1px solid #e1e1e1; + border-radius: 15px; +} +.project-map{ + width: 100%; + height: 370px; + border-radius: 15px +} + +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} +input[data-mask]{ + direction: ltr; + text-align: center; +} +.map-latlng-form { + margin-bottom: 2px; +} +.map-latlng-label { + margin-bottom: 0px; + background-color: #ffffff; + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} +.past-details-style { + color: #810000; + font-size: 13px; + font-weight: bold; +} +#choose_pro_type_table_filter { + font-size: 12px; +} +.title-update { + display: flex; + justify-content: center; + position: relative; + top: 10px; + letter-spacing: -0.8px; +} +.previus-action-types { + font-size: 13px; +} +.input-map-project { + color: #009900; +} +/* filters */ +.btn-set-filter { + background-color: rgb(43, 125, 43); + border: 0; + margin-bottom: 5px; + border-radius: 5px; + font-size: 12px; + color: white; +} +.form-control-me { + display: block; + width: 100%; + height: 33px; + padding: 0.375rem 0.75rem; + font-size: 10px; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +.parent-filter { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 100px; + box-shadow: 0 0 3px; + top: 180px; + padding: 8px; +} +.parent-excel { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 280px; + box-shadow: 0 0 3px; + top: 180px; + padding: 8px; +} +.parent-word { + width: 223px; + min-height: 100px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 200px; + box-shadow: 0 0 3px; + top: 180px; + padding: 8px; +} +.parent-filter::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-filter::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.parent-excel::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-excel::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.parent-word::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} +.parent-word::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.stylescroll::-webkit-scrollbar { + background-color: rgb(178, 178, 178); + border-radius: 10px; + border: 4px solid rgb(128, 128, 128); +} + +.stylescroll::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: rgb(128, 128, 128); +} +.select2-container--default .select2-selection--multiple .select2-selection__choice { + float: right !important; + background-color: #007bff !important; +} +.select2-search__field { + font-size: 10px !important; +} +.select2-results__options { + font-size: 10px !important; +} + +.select2-selection__rendered { + font-size: 12px !important; +} +.form-control { + font-size: 11px; +} +.select2-container--default .select2-selection--multiple { + background-color: white; + border-radius: 4px; + cursor: text; + border: 1px solid #ced4da; +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #80bdff; + outline: 0; +} +.modal:nth-of-type(even) { + z-index: 1050; +} +.modal-backdrop.show:nth-of-type(odd) { + z-index: 1049; +} +.modal-backdrop.show:nth-of-type(4n-1) { + z-index: 1049; +} +.modal-end{ + z-index: 1052 !important; +} +.input-map-project::placeholder { + font-size: 10px; +} +table.dataTable tbody tr.selected { + background-color: rgb(47, 125, 50); + color: white !important; +} +.table-header { + font-size: 20px; + font-weight: 600; +} +.file-input { + display: none; +} + +.zoomimage { + width: 100%; + height: 80px; +} + +.headercolortable { + background-color: #015688 !important; +} +.parent-filter { + width: 223px; + min-height: 200px; + background-color: white; + border-radius: 5px; + display: none; + position: absolute; + z-index: 9; + left: 100px; + box-shadow: 0 0 3px; + top: 159px; + padding: 8px; + } +.datepicker-plot-area .datepicker-day-view, .datepicker-plot-area .datepicker-month-view, .datepicker-plot-area .datepicker-year-view { + font-family: 'IRANSansFaNum'; +} +.project-map{ + width: 100%; + height: 350px; +} + +.pin-marker { + position: relative; + width: 45px; + height: 71px; + font-family: "IRANSans"; +} + +.pin-marker.pin-move>.map-pin-marker { + transform: scale(0.75); +} + +.pin-marker.pin-set>.map-pin-marker>.pin-title-circle { + background-color: #009900; +} + +.pin-marker.pin-warn>.map-pin-marker>.pin-title-circle { + background-color: #e90a0a; +} + +.pin-marker.pin-move>.pin-main-shadow { + transform: scale(1.35); +} + +.map-pin-marker { + position: relative; + width: 45px; + height: 65px; + z-index: 10; + transform-origin: 22.5px 0; + transition: transform 0.2s; +} + +.map-pin-marker>.pin-main-circle { + position: absolute; + width: 45px; + height: 45px; + left: 0; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + z-index: 12; +} + +.map-pin-marker>.pin-white-circle { + position: absolute; + width: 39px; + height: 39px; + left: 3px; + top: 3px; + background-color: #ffffff; + border-radius: 50%; + z-index: 13; +} + +.map-pin-marker>.pin-title-circle { + position: absolute; + width: 35px; + height: 35px; + left: 5px; + top: 5px; + background-color: rgba(22, 67, 88, 1); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 14; + transition: background-color 0.3s; +} + +.map-pin-marker>.pin-title-circle>.title-circle-text { + line-height: 1; + font-size: 10px; + color: #ffffff; + font-weight: 600; + z-index: 15; +} + +.map-pin-marker>.pin-main-line { + position: absolute; + width: 5px; + height: 25px; + z-index: 11; + background-color: #000000; + top: 40px; + left: 20px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; +} + +.pin-marker>.pin-main-shadow { + position: absolute; + width: 11px; + height: 11px; + left: 17px; + top: 58px; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + z-index: 10; + transition: transform 0.2s; +} + +.pin-marker>.pin-main-shadow>.shadow-dot { + position: relative; + width: 1px; + height: 1px; + left: 0; + top: 0; + background-color: #000000; + border-radius: 50%; + z-index: 10; +} + +.leaflet-div-icon { + background: transparent !important; + border: none !important; +} + +.page-item.active .page-link { + color: white !important; + background-color: rgb(255, 92, 15) !important; +} + + +.abrar-map-layout>#add-map , #add-map-edit{ + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + } + .abrar-map-layout { + position: relative; + height: 368px; + margin-bottom: 15px; + } + .abrar-map-layout>#abrarshow-map { + height: 100%; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + } + .abrar-map-layout>.pin-container { + position: absolute; + top: 34%; + right: 44%; + z-index: 1009; + } + .map-latlng-input-row { + bottom: 0; + left: 0; + } + .map-record-title { + position: absolute; + top: 5px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #000; + font-size: 13px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 193, 7, 0.8); + } + .map-endplace-title { + position: absolute; + top: 40px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #fff; + font-size: 10px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 85, 7, 0.986); + } + .map-latlng-input-row { + position: absolute; + bottom: -11px; + z-index: 1000; + width: 240px; + left: 5px; + } + + .imgbox { + border: 1px solid #ccc; + width: 100%; + height: 100%; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0; + margin: 0; + color: #666; + font-size: 12px; + } + .imgbox-edit { + border: 1px solid #ccc; + width: 100%; + height: 100%; + cursor: pointer; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + padding: 0; + + margin: 0; + color: #666; + font-size: 12px; + } + .img-title { + padding: 3px; + } + .img-preview { + max-width: 70%; + } + .btn-danger.disabled, .btn-danger:disabled { + font-size: 12px; + background-color: #007bff; + border: none; + } + .map-latlng-input-edit { + border-radius: 0; + color: #009900; + } + .opening-style { + font-size: 12px; + } +.modal-header .close, .modal-header .mailbox-attachment-close { + padding: 1rem; + margin: -1rem auto -1rem -1rem; +} + +.abrar-map-title { + position: absolute; + top: 5px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #000; + font-size: 13px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 193, 7, 0.8); +} +.abrar-map-title2 { + position: absolute; + top: 40px; + right: 5px; + z-index: 1000; + padding: 4px 7px; + color: #fff; + font-size: 10px; + font-weight: 500; + border-radius: 0.25rem; + background-color: rgba(255, 85, 7, 0.986); +} +label { + font-size: 0.8rem; + font-weight: 500 !important; + color: #000; +} +.form-control { + font-size: 12px !important; +} \ No newline at end of file diff --git a/public/version2/css/dashboard_pages/winter_camp/map.css b/public/version2/css/dashboard_pages/winter_camp/map.css new file mode 100644 index 00000000..2a8d3f62 --- /dev/null +++ b/public/version2/css/dashboard_pages/winter_camp/map.css @@ -0,0 +1,4 @@ +.map-box{ + border:0; + height:auto +} \ No newline at end of file diff --git a/public/version2/js/dashboard_layouts/_functions.js b/public/version2/js/dashboard_layouts/_functions.js new file mode 100644 index 00000000..95d9a537 --- /dev/null +++ b/public/version2/js/dashboard_layouts/_functions.js @@ -0,0 +1,201 @@ +// ajax error +function ajax_error(response, code) { + let errors = []; + errors = response?.errors; + const array_errors = []; + switch (code) { + case 400: + Swal.fire({ + icon: "error", + heightAuto: false, + title: ` خطا :${code}`, + html: ` +
      + ${response.message} +
    `, + showConfirmButton: true, + confirmButtonText: "متوجه شدم", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }); + break; + case 401: + Swal.fire({ + icon: "error", + heightAuto: false, + title: ` خطا :${code}`, + text: `دسترسی شما منقضی شده است`, + showConfirmButton: true, + confirmButtonText: "ورود مجدد", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }).then((result) => { + if (result.isConfirmed) { + window.location.reload() + } + }) + break; + case 403: + Swal.fire({ + icon: "error", + heightAuto: false, + title: ` خطا :${code}`, + text: `شما دسترسی لازم برای انجام این عملیات را ندارید`, + showConfirmButton: true, + confirmButtonText: "متوجه شدم", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }); + break; + case 404: + Swal.fire({ + icon: "warning", + heightAuto: false, + title: `خطا :${code}`, + text: `نتیجه ای یافت نشد !`, + showConfirmButton: true, + confirmButtonText: "متوجه شدم", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }); + break; + // case 419: + // showLogin(); + // break; + case 422: + $.each(errors, function (key, value) { + for (let i = 0; i < value.length; i++) { + array_errors.push( + `
  • ${value[i]}
  • ` + ); + } + }); + Swal.fire({ + icon: "error", + heightAuto: false, + title: ` خطا :${code}`, + html: ` +
      + ${array_errors.join("")} +
    `, + showConfirmButton: true, + confirmButtonText: "متوجه شدم", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }); + break; + case 500: + Swal.fire({ + icon: "error", + heightAuto: false, + title: ` خطا :${code}`, + text: `خطا ارتباط با سرور (لطفا با پشتیبانی تماس بگیرید)`, + showConfirmButton: true, + confirmButtonText: "متوجه شدم", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }); + break; + case 503: + Swal.fire({ + icon: "error", + heightAuto: false, + title: ` خطا :${code}`, + text: `خطا ارتباط با سرور (لطفا با پشتیبانی تماس بگیرید)`, + showConfirmButton: true, + confirmButtonText: "متوجه شدم", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }); + break; + case 504: + Swal.fire({ + icon: "error", + heightAuto: false, + title: ` خطا :${code}`, + text: `خطا ارتباط با سرور (لطفا با پشتیبانی تماس بگیرید)`, + showConfirmButton: true, + confirmButtonText: "متوجه شدم", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }); + break; + default: + Swal.fire({ + icon: "error", + heightAuto: false, + title: `خطا :${code}`, + text: `عملیات با خطا مواجه شد !`, + showConfirmButton: true, + confirmButtonText: "متوجه شدم", + customClass: { + confirmButton: 'swal2-confirm-button-color', + }, + }); + } +} +// end ajax error + +// loader +function showLoaderScreen() { + $(".divloader").css("display", "flex").hide().fadeIn(); +} + +function hideLoaderScreen() { + $(".divloader").fadeOut(); +} +// end loader + +function getSideBarActivity() { + + $.ajax({ + url: "/v2/activity_statistics", + type: "GET", + cache: false, + contentType: false, + processData: false, + success: function (result) { + result.road_items.total != 0 && result.road_items.total !== undefined ? $("#road_items_total").text(Number(result.road_items.total).toLocaleString('en')) && $("#road_items_total").removeClass("d-none") : $("#road_items_total").addClass("d-none") + + result.road_items.supervise_cnt != 0 && result.road_items.supervise_cnt !== undefined ? $("#road_items_supervise_cnt").text(Number(result.road_items.supervise_cnt).toLocaleString('en')) && $("#road_items_supervise_cnt").removeClass("d-none") : $("#road_items_supervise_cnt").addClass("d-none") + + result.road_items.operation_cnt != 0 && result.road_items.operation_cnt !== undefined ? $(".road_items_operation_cnt").text(Number(result.road_items.operation_cnt).toLocaleString('en')) && $(".road_items_operation_cnt").removeClass("d-none") : $(".road_items_operation_cnt").addClass("d-none") + + result.road_patrols.total != 0 && result.road_patrols.total !== undefined ? $("#road_patrols_total").text(Number(result.road_patrols.total).toLocaleString('en')) && $("#road_patrols_total").removeClass("d-none") : $("#road_patrols_total").addClass("d-none") + + result.road_patrols.operation_cnt != 0 && result.road_patrols.operation_cnt !== undefined ? $(".road_patrols_operation_cnt").text(Number(result.road_patrols.operation_cnt).toLocaleString('en')) && $(".road_patrols_operation_cnt").removeClass("d-none") : $(".road_patrols_operation_cnt").addClass("d-none") + + result.road_patrols.supervise_cnt != 0 && result.road_patrols.supervise_cnt !== undefined && result.road_patrols.supervise_cnt !== undefined ? $("#road_patrols_supervise_cnt").text(Number(result.road_patrols.supervise_cnt).toLocaleString('en')) && $("#road_patrols_supervise_cnt").removeClass("d-none") : $("#road_patrols_supervise_cnt").addClass("d-none") + + result.road_observations.total != 0 && result.road_observations.total !== undefined ? $("#road_observations_total").text(Number(result.road_observations.total).toLocaleString('en')) && $("#road_observations_total").removeClass("d-none") : $("#road_observations_total").addClass("d-none") + + result.road_observations.operation_cnt != 0 && result.road_observations.operation_cnt !== undefined ? $(".road_observations_operation_cnt").text(Number(result.road_observations.operation_cnt).toLocaleString('en')) && $(".road_observations_operation_cnt").removeClass("d-none") : $(".road_observations_operation_cnt").addClass("d-none") + + result.road_observations.supervise_cnt != 0 && result.road_observations.supervise_cnt !== undefined ? $("#road_observations_supervise_cnt").text(Number(result.road_observations.supervise_cnt).toLocaleString('en')) && $("#road_observations_supervise_cnt").removeClass("d-none") : $("#road_observations_supervise_cnt").addClass("d-none") + + result.safety_and_privacy.step_one != 0 && result.safety_and_privacy.step_one !== undefined ? $("#safety_and_privacy_step_one").text(Number(result.safety_and_privacy.step_one).toLocaleString('en')) && $("#safety_and_privacy_step_one").removeClass("d-none") : $("#safety_and_privacy_step_one").addClass("d-none") + + result.safety_and_privacy.step_two != 0 && result.safety_and_privacy.step_two !== undefined ? $("#safety_and_privacy_step_two").text(Number(result.safety_and_privacy.step_two).toLocaleString('en')) && $("#safety_and_privacy_step_two").removeClass("d-none") : $("#safety_and_privacy_step_two").addClass("d-none") + + }, + error: function (error) { + + Swal.fire({ + icon: "error", + title: "خطا", + text: "دسترسی های شما به درستی تنظیم نشده است. لطفا با پشتیبانی یا مدیر سامانه تماس حاصل فرمایید.", + confirmButtonText: "بستن", + }); + + }, + }); + +} \ No newline at end of file diff --git a/public/version2/js/dashboard_layouts/_header.js b/public/version2/js/dashboard_layouts/_header.js new file mode 100644 index 00000000..1809d8c9 --- /dev/null +++ b/public/version2/js/dashboard_layouts/_header.js @@ -0,0 +1,121 @@ +var from_date_report_final_poster; +var to_date_report_final_poster; + +// show date +$(".date-header").text(moment().locale("fa").format("ddd jDD jMMM jYYYY")); +// end show date + +const checkVersion = () => { + const version = $('body').attr('version') + + const local_version = window.localStorage.getItem('_version') + + if (local_version) { + if (version != local_version) { + $('#version_modal').modal('show') + window.localStorage.setItem('_version', version) + return + } + return + } + $('#version_modal').modal('show') + window.localStorage.setItem('_version', version) + return +} + +(() => { + // checkVersion() +})() + +$(function () { + $('[data-toggle="popover"]').popover(); + $('[data-toggle="tooltip"]').tooltip(); + + from_date_report_final_poster = $("#report_final_poster_from_date").persianDatepicker({ + format: "YYYY/MM/DD", + initialValue: false, + autoClose: true, + initialValueType: "persian", + }); + to_date_report_final_poster = $("#report_final_poster_to_date").persianDatepicker({ + format: "YYYY/MM/DD", + initialValue: false, + autoClose: true, + initialValueType: "persian", + }); +}); + +$(document).on('click', '.report-final-poster', function () { + const modal = $("#report_final_poster_modal"); + modal.find('.input-cleaner').val('') + modal.modal("show") +}) + +$("#give_report_final_poster").on("click", function () { + const modal = $("#report_final_poster_modal"); + modal.find(".input-cleaner").each(function () { + $(this).val() == "" ? $(this).addClass("no-val") : $(this).removeClass("no-val"); + }); + if (modal.find(".input-cleaner").hasClass("no-val")) { + alert("لطفا فیلد های مربوطه را تکمیل نمایید") + } else { + const convert_from_date_report = moment(from_date_report_final_poster.getState().selected.unixDate).format("YYYY-MM-DD"); + const convert_to_date_report = moment(to_date_report_final_poster.getState().selected.unixDate).format("YYYY-MM-DD"); + window.open(`/poster/progress_info?fromDate=${convert_from_date_report}&toDate=${convert_to_date_report}`, `_blank`); + modal.modal("hide") + } +}); + +$(document).on("click", ".btn-burgur", function () { + $(".res-menu-box").toggleClass("res-open"); + if ($(".res-menu-box").hasClass("res-open")) { + $(this).find("i").removeClass("fa-bars"); + $(this).find("i").addClass("fa-times"); + $(".res-menu-box").animate({ right: "0" }); + } else { + $(this).find("i").addClass("fa-bars"); + $(this).find("i").removeClass("fa-times"); + $(".res-menu-box").animate({ right: "-100%" }); + } +}); +$(document).on("click", ".res-header-item .item", function () { + const parent = $(this).parents(".res-header-item"); + $(".res-header-subitems").slideUp(); + if (parent.find(".res-header-subitems").css("display") != "none") { + $(".item").find(".arrow-icon").removeClass("rotate"); + parent.find(".res-header-subitems").slideUp(); + + } else { + $(".item").find(".arrow-icon").removeClass("rotate"); + $(this).find(".arrow-icon").addClass("rotate"); + parent.find(".res-header-subitems").slideDown(); + } +}); +$(document).on("click", ".res-header-subitem .subitem", function () { + const parent = $(this).parents(".res-header-subitem"); + $(".res-header-subitem-items").slideUp(); + if (parent.find(".res-header-subitem-items").css("display") != "none") { + $(".subitem").find(".arrow-icon").removeClass("rotate"); + parent.find(".res-header-subitem-items").slideUp(); + } else { + $(".subitem").find(".arrow-icon").removeClass("rotate"); + $(this).find(".arrow-icon").addClass("rotate"); + parent.find(".res-header-subitem-items").slideDown(); + } +}); +$(".header-item").on("mouseover", function () { + $(this).find(".header-sub-items").removeClass("d-none"); +}); +$(".header-item").on("mouseleave", function () { + $(this).find(".header-sub-items").addClass("d-none"); +}); +$(".header-sub-item").on("mouseover", function () { + $(this).find(".header-item-sub-items").removeClass("d-none"); +}); +$(".header-sub-item").on("mouseleave", function () { + $(this).find(".header-item-sub-items").addClass("d-none"); +}); +// square the map +// var map_width = document.querySelector('.map-box'); +// $(".map-box").css("height", `${map_width.offsetWidth}px`); +// end square the map \ No newline at end of file diff --git a/public/version2/js/dashboard_layouts/_sidebar.js b/public/version2/js/dashboard_layouts/_sidebar.js new file mode 100644 index 00000000..d3df4326 --- /dev/null +++ b/public/version2/js/dashboard_layouts/_sidebar.js @@ -0,0 +1,70 @@ +$(function () { + const active_item = $(".user-actions-box").find(".active"); + let dropable_item = active_item.parents(".dropable"); + let dropper_item = active_item.parents(".parent-item").find(".item"); + let dropper_item_sub = active_item.parents(".parent-sub-item").find(".sub-item"); + let user_actions_topic = active_item.parents(".user-actions-box").find(".user-actions-topic") + user_actions_topic.find(".arrow-icon").addClass("rotate"); + dropper_item.find(".arrow-icon").addClass("rotate"); + dropper_item_sub.find(".arrow-icon").addClass("rotate"); + dropable_item.slideDown(); + + // user last login + const lastLogin = $('#user_last_login_input').val() + if (lastLogin) { + $('#user_last_login').text(moment(lastLogin).locale('fa').fromNow()) + } else { + $('#user_last_login').text('اولین ورود') + } + $('#user_last_login_input').remove() + // end user last login + + // user last seen + $('#user_last_seen').text(moment().format('jYYYY/jMM/jDD')) + // end user last seen + + getSideBarActivity(); +}); +$(".user-actions-topic").on("click", function () { + const parent = $(this).parents(".user-actions-box"); + if (parent.find(".user-actions-items").css("display") != "none") { + $(".user-actions-topic").find(".arrow-icon").removeClass("rotate"); + $(".user-actions-items").find(".arrow-icon").removeClass("rotate"); + $(".user-actions-items").slideUp(); + $(".user-actions-sub-items").slideUp(); + $(".user-actions-sub-item-items").slideUp(); + } else { + $(".user-actions-topic").find(".arrow-icon").removeClass("rotate"); + $(".user-actions-items").find(".arrow-icon").removeClass("rotate"); + $(".user-actions-items").slideUp(); + $(".user-actions-sub-items").slideUp(); + $(".user-actions-sub-item-items").slideUp(); + parent.find(".user-actions-topic").find(".arrow-icon").addClass("rotate"); + parent.find(".user-actions-items").slideDown(); + } +}); +$(".user-actions-items").find(".item").on("click", function () { + const parent = $(this).parents(".parent-item"); + if (parent.find(".user-actions-sub-items").css("display") != "none") { + $(".user-actions-items").find(".arrow-icon").removeClass("rotate"); + $(".user-actions-sub-items").slideUp(); + $(".user-actions-sub-item-items").slideUp(); + } else { + $(".user-actions-items").find(".arrow-icon").removeClass("rotate"); + $(this).find(".arrow-icon").addClass("rotate"); + $(".user-actions-sub-items").slideUp(); + parent.find(".user-actions-sub-items").slideDown(); + } +}); +$(".user-actions-sub-items").find(".sub-item").on("click", function () { + const parent = $(this).parents(".parent-sub-item"); + if (parent.find(".user-actions-sub-item-items").css("display") != "none") { + $(".user-actions-sub-items").find(".arrow-icon").removeClass("rotate"); + $(".user-actions-sub-item-items").slideUp(); + } else { + $(".user-actions-sub-items").find(".arrow-icon").removeClass("rotate"); + $(this).find(".arrow-icon").addClass("rotate"); + $(".user-actions-sub-item-items").slideUp(); + parent.find(".user-actions-sub-item-items").slideDown(); + } +}); \ No newline at end of file diff --git a/public/version2/js/dashboard_pages/accident_points/daily_accidents_create.js b/public/version2/js/dashboard_pages/accident_points/daily_accidents_create.js new file mode 100644 index 00000000..051602d7 --- /dev/null +++ b/public/version2/js/dashboard_pages/accident_points/daily_accidents_create.js @@ -0,0 +1,2337 @@ +// new accident pint begin +var addMap = null; +var editMap = null; +var excelDatepickerFirstTable = {}; +var posterDatepickerFirstTable = {}; +var isSetMarkerAdd = false; +var isSetMarkerEdit = false; +var markerAdd; +var markerEdit; +var PERMISSIONS = []; +var validation_role_for_enabled_vehicle = []; +var add_accident_date; +var add_accident_time; +var edit_accident_date; +var edit_accident_time; +var mapShow; +var showMapMarker; + +$("[data-mask]").inputmask(); + +var mapUrl = "https://rmsmap.rmto.ir/141map/"; + +var divIcon = L.divIcon({ + html: ` +
    +
    +
    +
    +
    + مکان +
    +
    +
    +
    +
    +
    +
    +
    + `, + iconSize: [55, 75], + iconAnchor: [33, 64], +}); +var divIconEdit = L.divIcon({ + html: ` +
    +
    +
    +
    +
    + مکان +
    +
    +
    +
    +
    +
    +
    +
    + `, + iconSize: [55, 75], + iconAnchor: [33, 64], +}); + +function buildMapShowAndMarker(position) { + return new Promise(function (resolve) { + setTimeout(() => { + const bounds = [ + [42.9130026312, 75.6166317076], + [20.5782370061, 35.5092252948], + ]; + mapShow = L.map("map_show", { + maxBounds: bounds, + minZoom: 6, + zoomControl: false, + attributionControl: false + }).setView(position, 7); + mapShow.invalidateSize(); + L.tileLayer(`${mapUrl}/{z}/{x}/{y}.png`, {}).addTo(mapShow); + showMapMarker = L.marker(position, { icon: divIcon }).addTo(mapShow); + resolve(); + }, 200) + }); +} + +function changePositionMarkerInMapShow(position) { + return new Promise(function (resolve) { + setTimeout(() => { + mapShow.setView(position, 7); + mapShow.invalidateSize(); + showMapMarker.setLatLng(position) + resolve(); + }, 200) + }); +} + +$(document).on("change", ".collision_type", function () { + var input = $(this).val(); + const modal = $(this).parents('.modal') + modal.find(".accident-participant-input").val(""); + modal.find(".accident-participant-input").prop('disabled', true); + validation_role_for_enabled_vehicle[input].forEach(function (item) { + modal.find(`#${item}`).prop('disabled', false); + modal.find(`#${item}`).val(""); + }); +}); + +$(document).on("change", ".accident_type", function () { + var input = $(this).val(); + const modal = $(this).parents('.modal') + if (input == '0') { + modal.find(".number_of_injured").prop('disabled', true).val(""); + modal.find(".number_of_died").prop('disabled', true).val(""); + } else if (input == '1') { + modal.find(".number_of_injured").prop('disabled', true).val(""); + modal.find(".number_of_died").prop('disabled', true).val(""); + } else if (input == '2') { + modal.find(".number_of_injured").prop('disabled', false).val(""); + modal.find(".number_of_died").prop('disabled', true).val(""); + } else { + modal.find(".number_of_injured").prop('disabled', false).val(""); + modal.find(".number_of_died").prop('disabled', false).val(""); + } +}); + +$(document).on('change', '.accident-reasons', function () { + const modal = $(this).parents('.modal') + if (modal.find('.accident-reasons:checked').length == modal.find('.accident-reasons').length) { + modal.find('.select_all_accident_reasons').prop('checked', true) + } else { + modal.find('.select_all_accident_reasons').prop('checked', false) + } +}) + +$(document).on('change', '.increase-damage-reasons', function () { + const modal = $(this).parents('.modal') + if (modal.find('.increase-damage-reasons:checked').length == modal.find('.increase-damage-reasons').length) { + modal.find('.select_all_increase_damage_reasons').prop('checked', true) + } else { + modal.find('.select_all_increase_damage_reasons').prop('checked', false) + } +}) + +// image upload begin +$(document).on("change", ".img-input", function () { + var input = this; + var parent = $(input).parents(".img-box"); + if (input.files && input.files[0]) { + var reader = new FileReader(); + reader.onload = function (e) { + parent.find(".img-title").css("display", "none"); + parent.find(".img-preview").css("display", ""); + parent.find(".btn-delete-img").removeAttr("disabled"); + parent.find(".btn-delete-img").data('isDelete', false) + parent.find(".img-preview").attr("src", e.target.result); + }; + reader.readAsDataURL(input.files[0]); + } +}); + +$(".btn-delete-img").on("click", function () { + var parent = $(this).parents(".img-box"); + $(this).data('isDelete', true) + parent.find(".img-input").val(""); + parent.find(".img-preview").removeAttr("src"); + parent.find(".img-preview").css("display", "none"); + parent.find(".img-title").css("display", ""); + $(this).attr("disabled", "disabled"); +}); +// image upload end + +$('.select_all_accident_reasons').on('click', function () { + const modal = $(this).parents('.modal') + if ($(this).prop('checked')) { + modal.find('.accident-reasons').prop('checked', true) + } else { + modal.find('.accident-reasons').prop('checked', false) + } +}) + +$('.select_all_increase_damage_reasons').on('click', function () { + const modal = $(this).parents('.modal') + if ($(this).prop('checked')) { + modal.find('.increase-damage-reasons').prop('checked', true) + } else { + modal.find('.increase-damage-reasons').prop('checked', false) + } +}) + +// map setting +$("#accident_add").on("click", function () { + const modal = $('#add_accident_modal') + showLoaderScreen() + modal.find('.required-text-inputs').val('') + modal.find('.accident-participant-input').val('').prop('disabled', true) + modal.find('.number_of_injured').prop('disabled', true) + modal.find('.number_of_died').prop('disabled', true) + modal.find('.select-inputs').val(0) + modal.find('.accident-reasons').prop('checked', false) + modal.find('.increase-damage-reasons').prop('checked', false) + modal.find('.validity-checker').removeClass('validity-checker') + modal.find(".img-input").val(""); + modal.find(".img-preview").removeAttr("src"); + modal.find(".img-preview").css("display", "none"); + modal.find(".img-title").css("display", ""); + modal.find('.btn-delete-img').attr("disabled", "disabled"); + modal.find("#add_project_start_map").val(""); + createAddMap(modal).then(() => { + hideLoaderScreen() + }) + modal.modal("show"); + //add pin move to thois marker yasi + isSetMarkerAdd = false; + $("#pin_marker").removeClass("pin-set"); +}); + +function createAddMap(modal) { + return new Promise(resolve => { + setTimeout(() => { + var bounds = [ + [42.9130026312, 75.6166317076], + [20.5782370061, 35.5092252948], + ]; + if (addMap != null) { + addMap.setView([35.7065, 51.3477], 7) + markerAdd.setLatLng(L.latLng([35.7065, 51.3477])); + modal.find("#pin_marker").removeClass("pin-move pin-set"); + } else { + addMap = L.map("add_map", { + maxBounds: bounds, + minZoom: 6, + attributionControl: false + }).setView([35.7065, 51.3477], 7); + L.tileLayer(`${mapUrl}{z}/{x}/{y}.png`, {}).addTo(addMap); + + setMarkerDefaultAdd(modal); + } + resolve() + }, 400) + }) +} + +function createEditMap(modal, lat, lng) { + return new Promise(resolve => { + var bounds = [ + [42.9130026312, 75.6166317076], + [20.5782370061, 35.5092252948], + ]; + setTimeout(() => { + if (editMap != null) { + editMap.setView([lat, lng], 7) + markerEdit.setLatLng(L.latLng([lat, lng])); + } else { + editMap = L.map("edit_map", { + maxBounds: bounds, + minZoom: 6, + attributionControl: false + }).setView([lat, lng], 7); + L.tileLayer(`${mapUrl}{z}/{x}/{y}.png`, {}).addTo(editMap); + setMarkerDefaultEdit(modal, lat, lng); + } + resolve() + }, 400) + }) +} + +function setMarkerDefaultAdd(modal) { + isSetMarkerAdd = false; + modal.find("#pin_marker").removeClass("pin-set"); + modal.find("#accident_point_map").val(""); + modal.find("#add_project_start_map").val(""); + + markerAdd = new L.marker([35.7065, 51.3477], { + icon: divIcon, + draggable: true, + }).addTo(addMap); + + addMap.on("move", function () { + if (!isSetMarkerAdd) { + markerAdd.setLatLng(L.latLng(addMap.getCenter())); + modal.find("#pin_marker").removeClass("pin-set").addClass("pin-move"); + } + }); + + addMap.on("moveend", function () { + if (!isSetMarkerAdd) { + markerAdd.setLatLng(L.latLng(addMap.getCenter())); + modal.find("#pin_marker").removeClass("pin-move pin-set"); + } + }); + + markerAdd.on("click", function () { + if (!isSetMarkerAdd) { + markerAdd.setLatLng(L.latLng(addMap.getCenter())); + isSetMarkerAdd = true; + modal.find("#pin_marker") + .removeClass("pin-move pin-warn") + .addClass("pin-set"); + modal.find("#accident_point_map").val( + markerAdd.getLatLng().lat.toFixed(6) + + markerAdd.getLatLng().lng.toFixed(6) + ); + modal.find("#accident_point_map").removeClass("validity-checker"); + $("#add_project_start_map").val( + markerAdd.getLatLng().lat.toFixed(6) + + markerAdd.getLatLng().lng.toFixed(6) + ); + } + markerAdd.addTo(addMap); + + $(this).hide(); + modal.find("#pin_marker").removeClass("pin-move pin-warn").addClass("pin-set"); + }); + + markerAdd.on("drag", function () { + modal.find("#pin_marker").addClass("pin-move"); + }); + + markerAdd.on("dragend", function () { + modal.find("#pin_marker").removeClass("pin-move"); + if (modal.find("#pin_marker").hasClass("pin-set") || isSetMarkerAdd) { + modal.find("#pin_marker").addClass("pin-set"); + modal.find("#accident_point_map").val( + markerAdd.getLatLng().lat.toFixed(6) + + markerAdd.getLatLng().lng.toFixed(6) + ); + $("#add_project_start_map").val( + markerAdd.getLatLng().lat.toFixed(6) + + markerAdd.getLatLng().lng.toFixed(6) + ); + modal.find("#accident_point_map").removeClass("validity-checker"); + } else { + addMap.setView(markerAdd.getLatLng()); + } + }); + +} + +function setMarkerDefaultEdit(modal, lat, lng) { + isSetMarkerEdit = false; + modal.find("#accident_point_map").val(""); + + markerEdit = new L.marker([lat, lng], { + icon: divIcon, + draggable: true, + }).addTo(editMap); + modal.find("#pin_marker").removeClass("pin-move pin-warn").addClass("pin-set"); + + markerEdit.on("click", function () { + if (!isSetMarkerEdit) { + markerEdit.setLatLng(L.latLng(editMap.getCenter())); + isSetMarkerEdit = true; + modal.find("#pin_marker") + .removeClass("pin-move pin-warn") + .addClass("pin-set"); + modal.find("#accident_point_map").val( + markerEdit.getLatLng().lat.toFixed(6) + + markerEdit.getLatLng().lng.toFixed(6) + ); + modal.find("#accident_point_map").removeClass("validity-checker"); + } + markerEdit.addTo(editMap); + + $(this).hide(); + modal.find("#pin_marker").removeClass("pin-move pin-warn").addClass("pin-set"); + }); + + markerEdit.on("drag", function () { + modal.find("#pin_marker").addClass("pin-move"); + }); + + markerEdit.on("dragend", function () { + modal.find("#pin_marker").removeClass("pin-move"); + if (modal.find("#pin_marker").hasClass("pin-set") || isSetMarkerEdit) { + modal.find("#pin_marker").addClass("pin-set"); + modal.find("#accident_point_map").val( + markerEdit.getLatLng().lat.toFixed(6) + + markerEdit.getLatLng().lng.toFixed(6) + ); + $("#edit_project_start_map").val( + markerEdit.getLatLng().lat.toFixed(6) + + markerEdit.getLatLng().lng.toFixed(6) + ); + modal.find("#accident_point_map").removeClass("validity-checker"); + } else { + editMap.setView(markerEdit.getLatLng()); + modal.find("#pin_marker").addClass("pin-set"); + $("#edit_project_start_map").val( + markerEdit.getLatLng().lat.toFixed(6) + + markerEdit.getLatLng().lng.toFixed(6) + ); + } + }); + +} +// map setting end + +function showLoaderScreen() { + $(".divloader").css("display", "flex").hide().fadeIn(); +} + +function hideLoaderScreen() { + $(".divloader").fadeOut(); +} + +$(document).ready(function () { + appendYearFilter(); + const modalAdd = $('#add_accident_modal') + const modalEdit = $('#edit_accident_modal') + + add_accident_date = modalAdd.find('#add_accident_date').persianDatepicker({ + format: "YYYY/MM/DD", + minDate: new Date(2019, 3 - 1, 21), // it will set minDate from first of 1401 + autoClose: true, + // initialValue: false, + onSelect: function (unix) { + modalAdd.find('#add_day_of_the_week').val(new persianDate([add_accident_date.getState().selected.year, add_accident_date.getState().selected.month, add_accident_date.getState().selected.date]).format('dddd')) + } + }); + + add_accident_time = modalAdd.find('#add_accident_time').persianDatepicker({ + format: "HH:mm", + autoClose: true, + initialValue: false, + onlyTimePicker: true, + timePicker: { + second: { + enabled: false, + } + } + }); + + edit_accident_date = modalEdit.find('#edit_accident_date').persianDatepicker({ + format: "YYYY/MM/DD", + minDate: new Date(2019, 3 - 1, 21), // it will set minDate from first of 1401 + autoClose: true, + initialValue: false, + onSelect: function (unix) { + modalEdit.find('#edit_day_of_the_week').val(new persianDate([edit_accident_date.getState().selected.year, edit_accident_date.getState().selected.month, edit_accident_date.getState().selected.date]).format('dddd')) + } + }); + + edit_accident_time = modalEdit.find('#edit_accident_time').persianDatepicker({ + format: "HH:mm", + autoClose: true, + initialValue: false, + onlyTimePicker: true, + timePicker: { + second: { + enabled: false, + } + } + }); + excelDatepickerFirstTable.from = $( + "#datapicker-from-excel-table" + ).persianDatepicker({ + format: "YYYY/MM/DD", + autoClose: true, + onSelect: function (unix) { + excelDatepickerFirstTable.from.touched = true; + + $("#datapicker-to-excel-table").prop("disabled", ""); + + if ( + excelDatepickerFirstTable.from.getState().selected.unixDate >= + excelDatepickerFirstTable.to.getState().selected.unixDate + ) { + excelDatepickerFirstTable.to.setDate( + excelDatepickerFirstTable.from.getState().selected.unixDate + ); + } + + if ( + excelDatepickerFirstTable.to && + excelDatepickerFirstTable.to.options && + excelDatepickerFirstTable.to.options.minDate != unix + ) { + let cachedValue = + excelDatepickerFirstTable.to.getState().selected.unixDate; + + excelDatepickerFirstTable.to.options = { minDate: unix }; + + if (excelDatepickerFirstTable.from.touched) { + excelDatepickerFirstTable.to.setDate(cachedValue); + } + } + }, + }); + + excelDatepickerFirstTable.to = $( + "#datapicker-to-excel-table" + ).persianDatepicker({ + format: "YYYY/MM/DD", + autoClose: true, + onSelect: function (unix) { + excelDatepickerFirstTable.to.touched = true; + }, + }); + + posterDatepickerFirstTable.from = $( + "#datapicker-from-poster-table" + ).persianDatepicker({ + format: "YYYY/MM/DD", + autoClose: true, + onSelect: function (unix) { + posterDatepickerFirstTable.from.touched = true; + + $("#datapicker-to-poster-table").prop("disabled", ""); + + if ( + posterDatepickerFirstTable.from.getState().selected.unixDate >= + posterDatepickerFirstTable.to.getState().selected.unixDate + ) { + posterDatepickerFirstTable.to.setDate( + posterDatepickerFirstTable.from.getState().selected.unixDate + ); + } + + if ( + posterDatepickerFirstTable.to && + posterDatepickerFirstTable.to.options && + posterDatepickerFirstTable.to.options.minDate != unix + ) { + let cachedValue = + posterDatepickerFirstTable.to.getState().selected.unixDate; + + posterDatepickerFirstTable.to.options = { minDate: unix }; + + if (posterDatepickerFirstTable.from.touched) { + posterDatepickerFirstTable.to.setDate(cachedValue); + } + } + }, + }); + + posterDatepickerFirstTable.to = $( + "#datapicker-to-poster-table" + ).persianDatepicker({ + format: "YYYY/MM/DD", + autoClose: true, + onSelect: function (unix) { + posterDatepickerFirstTable.to.touched = true; + }, + }); + + // fetch accident reasons begin + $.ajax({ + url: "/daily_accident/accident_reasons", + type: "GET", + cache: false, + async: false, + contentType: false, + processData: false, + success: function (results) { + results.forEach(function (result) { + modalAdd.find("#accident_reasons").append(`
    `); + modalEdit.find("#accident_reasons").append(`
    `); + $("#expert_confirmation_modal").find(".accident-reasons").append(`
    ${result.value}
    `); + }); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + // fetch accident reasons end + + // fetch accident increase damage reasons begin + $.ajax({ + url: "/daily_accident/accident_increase_damage_reasons", + type: "GET", + cache: false, + async: false, + contentType: false, + processData: false, + success: function (results) { + results.forEach(function (result) { + modalAdd.find("#increase_damage_reasons").append(`
    `); + modalEdit.find("#increase_damage_reasons").append(`
    `); + $("#expert_confirmation_modal").find(".increase-damage-reasons").append(`
    ${result.value}
    `); + }); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + // fetch accident increase damage reasons end + + // fetch accident participants begin + $.ajax({ + url: "/daily_accident/get_participants", + type: "GET", + cache: false, + async: false, + contentType: false, + processData: false, + success: function (results) { + results.forEach(function (result) { + //yasi + modalAdd.find("#accident_participant").append(`
    `); + modalEdit.find("#accident_participant").append(`
    `); + }); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + // fetch accident participants end + + // fetch accident type begin + $.ajax({ + url: "/daily_accident/accident_types", + type: "GET", + cache: false, + async: false, + contentType: false, + processData: false, + success: function (results) { + results.forEach(function (result) { + modalAdd.find("#add_accident_type").append(``); + modalEdit.find("#edit_accident_type").append(``); + }); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + // fetch accident type end + + // fetch accident collision type begin + $.ajax({ + url: "/daily_accident/get_accident_collision_type", + type: "GET", + cache: false, + async: false, + contentType: false, + processData: false, + success: function (results) { + results.forEach(function (result) { + validation_role_for_enabled_vehicle[result.key] = JSON.parse(result.validation).enabled_list; + modalAdd.find("#add_collision_type").append(``); + modalEdit.find("#edit_collision_type").append(``); + $(".parent-filter").find("#filter_collision_type").append(``); + }); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + // fetch accident collision type end + + + + // permissins begin + + $.ajax({ + url: "/webapi/user/get-permission", + type: "GET", + cache: false, + async: false, + contentType: false, + processData: false, + success: function (result) { + PERMISSIONS = result.data; + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + + $("#add_province_id").empty(); + $("#edit_province_id").empty(); + $("#select-province").empty(); + $("#add_province_id").append( + '' + ); + $("#edit_province_id").append( + '' + ); + $("#select-province-excel").append(''); + $("#select-province-poster").append(''); + $("#select-province").append( + '' + ); + + if ( + $.inArray("add-accident", PERMISSIONS) != -1 || + $.inArray("add-accident-province", PERMISSIONS) != -1 + ) { + $.ajax({ + url: `/webapi/getuser/province-perm${$.inArray("add-accident", PERMISSIONS) != -1 ? "?type=all" : ""}`, + type: "GET", + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + const provinces = result.data; + for (let index = 0; index < provinces.length; index++) { + $("#add_province_id").append( + "\ + \ + " + ); + } + hideLoaderScreen(); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + } + + $.ajax({ + url: `/webapi/getuser/province-perm${$.inArray("edit-accident", PERMISSIONS) != -1 ? "?type=all" : ""}`, + type: "GET", + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + const provinces = result.data; + for (let index = 0; index < provinces.length; index++) { + $("#edit_province_id").append( + "\ + \ + " + ); + } + hideLoaderScreen(); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + + $.ajax({ + url: `/webapi/getuser/province-perm?type=all`, + type: "GET", + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + const provinces = result.data; + for (let index = 0; index < provinces.length; index++) { + $("#select-province").append( + "\ + \ + " + ); + $("#select-province-excel").append(""); + $("#select-province-poster").append(""); + } + hideLoaderScreen(); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + + // permissins end + table = $("#main-table-points").DataTable({ + serverSide: true, + dom: "p>", + pagingType: "simple_numbers", + filter: true, + language: { + sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد", + sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف", + sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف", + sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)", + sInfoPostFix: "", + sInfoThousands: ",", + sLengthMenu: "نمایش _MENU_ ردیف", + sLoadingRecords: "در حال بارگزاری...", + sProcessing: "در حال پردازش...", + sSearch: "جستجو: ", + sZeroRecords: "رکوردی با این مشخصات پیدا نشد", + oPaginate: { + sFirst: "برگه‌ی نخست", + sLast: "برگه‌ی آخر", + sNext: "بعدی", + sPrevious: "قبلی", + }, + oAria: { + sSortAscending: ": فعال سازی نمایش به صورت صعودی", + sSortDescending: ": فعال سازی نمایش به صورت نزولی", + }, + }, + order: [ + [0, "asc"][(1, "asc")], + [2, "desc"], + [3, "desc"], + [4, "desc"] + ], + order: [ + [0, "desc"] + ], + processing: true, + select: true, + ajax: { + url: "/daily_accident/show", + type: "GET", + dataSrc: function (json) { + + if (json.can_submit == 0) { + $('#point-add').prop('disabled', true) + } + + canSubmit = json.can_submit + return json.data; + }, + }, + columns: [{ + className: "text-center", + data: "id", + name: { + name: 'id', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "province_fa", + name: { + name: 'province_fa', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "axis_name", + name: { + name: 'axis_name', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "axis_type_fa", + name: { + name: 'axis_type_fa', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "distance_axis_start", + name: { + name: 'distance_axis_start', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "local_name", + name: { + name: 'local_name', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: null, + name: { + name: 'option', + type: 'option' + }, + render: function (data, type, row) { + return `
    `; + }, + orderable: false, + searchable: false, + }, + { + className: "text-center", + data: "number_of_injured", + name: { + name: 'number_of_injured', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "number_of_died", + name: { + name: 'number_of_died', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "collision_type_fa", + name: { + name: 'collision_type_fa', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "way_geometri_fa", + name: { + name: 'way_geometri_fa', + type: 'select' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "weather_condition_fa", + name: { + name: 'weather_condition_fa', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "day_of_the_week", + name: { + name: 'day_of_the_week', + type: 'text' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: "accident_time", + name: { + name: 'accident_time', + type: 'between_time' + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: null, + name: { + name: 'accident_date', + type: 'between' + }, + render: function (data, type, row) { + return moment(data.accident_date).format('jYYYY/jMM/jDD') + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: null, + name: { + name: 'created_at', + type: 'text' + }, + render: function (data, type, row) { + return moment(data.created_at).format('HH:mm:ss jYYYY/jMM/jDD') + }, + searchable: true, + orderable: true, + }, + { + className: "text-center", + data: null, + name: { + name: 'option', + type: 'option' + }, + render: function (data, type, row) { + let content = `
    ` + if (data.state == 2 || data.state == 0) { + if (data.state == 0) { + content += `` + } + if (data.canEdit == 1) { + content += `` + } + + if (data.canDelete == 1) { + content += `` + } + + } else { + content += `
    موارد تایید شده امکان تغییر و یا حذف را ندارند.
    ` + } + content += `
    ` + return content; + }, + orderable: false, + searchable: false, + }, + { + className: "text-center", + data: null, + name: { + name: 'state', + type: 'text' + }, + render: function (data, type, row) { + let content = `
    ` + if (data.state == 2) { + if (data.canInvestigation == 1) + content += `` + else + content += `
    ${data.state_fa}
    `; + } else if (data.state == 1) + content += `
    تایید شده
    ` + else if (data.state == 0) + content += `عدم تایید` + + content += `
    ` + return content; + }, + orderable: false, + searchable: false, + }, + ], + + buttons: [{ + className: "static-btn-cta", + text: '
    گزارش تصادفات
    ', + action: function (e, dt, node, config) { + topPosition = $(e.target).parents('.btn-table-poster').offset().top + $(e.target).parents('.btn-table-poster').height() + 5 + $(".parent-poster").css('top', topPosition); + $(".parent-poster").css("display", "block"); + }, + }, + { + className: "static-btn-cta", + text: '
    نمایش روی نقشه
    ', + action: function (e, dt, node, config) { + window.location = "/v2/daily_accidents/map" + }, + }, + { + text: '
    فیلترینگ پیشرفته
    ', + action: function (e, dt, node, config) { + topPosition = $(e.target).parents('.btn-table-filter').offset().top + $(e.target).parents('.btn-table-filter').height() + 5 + $(".parent-filter").css('top', topPosition); + $(".parent-filter").css("display", "block"); + }, + }, + { + className: "static-btn-cta", + text: '
    گزارش آماری
    ', + action: function (e, dt, node, config) { + topPosition = $(e.target).parents('.btn-table-excel').offset().top + $(e.target).parents('.btn-table-excel').height() + 5 + $(".parent-excel").css('top', topPosition); + $(".parent-excel").css("display", "block"); + }, + }, + ], + }); +}); +// add part begin +$(document).on("click", "#add_accident", function () { + const modal = $(this).parents('.modal') + + $("#add_accident").prop("disabled", true); + if (validateForm(modal)) { + //yasi + if (validateReasons(modal.find("#add_accident_type").val())) { + if (validateAddAccidentParticipant($("#add_collision_type").val(), modal)) { + let formData = new FormData(); + + formData.append("province_id", modal.find("#add_province_id").val()); + formData.append("axis_name", modal.find("#add_axis_name").val()); + formData.append("axis_type", modal.find("#add_axis_type").val()); + formData.append("axis_start", modal.find("#add_axis_start").val()); + formData.append("axis_end", modal.find("#add_axis_end").val()); + formData.append("distance_axis_start", modal.find("#add_distance_axis_start").val()); + formData.append("local_name", modal.find("#add_local_name").val()); + formData.append("lat", markerAdd.getLatLng().lat.toFixed(6)); + formData.append("lng", markerAdd.getLatLng().lng.toFixed(6)); + formData.append("way_geometri", modal.find("#add_way_geometri").val()); + formData.append("police_serial", modal.find("#add_police_serial").val()); + formData.append("avarage_speed", modal.find("#add_avarage_speed").val()); + formData.append("legal_speed", modal.find("#add_legal_speed").val()); + formData.append("accident_date", moment(add_accident_date.getState().selected.unixDate).format('YYYY-MM-DD')); + formData.append("accident_time", moment(add_accident_time.getState().selected.unixDate).format('HH:mm')); + formData.append("day_of_the_week", modal.find("#add_day_of_the_week").val()); + formData.append("direction", modal.find("#add_direction").val()); + formData.append("number_of_injured", modal.find("#add_number_of_injured").val()); + formData.append("number_of_died", modal.find("#add_number_of_died").val()); + formData.append("weather_condition", modal.find("#add_weather_condition").val()); + formData.append("collision_type", modal.find("#add_collision_type").val()); + formData.append("accident_type", modal.find("#add_accident_type").val()); + formData.append("participants_heavy_vehicle", modal.find("#heavy_vehicle").val()); + formData.append("participants_light_vehicle", modal.find("#light_vehicle").val()); + formData.append("participants_bicycle", modal.find("#bicycle").val()); + + + const first_image = modal.find("#adddeviceImg1").get(0).files[0] + if (typeof first_image !== "undefined") formData.append("first_image", first_image); + + const second_image = modal.find("#adddeviceImg2").get(0).files[0] + if (typeof second_image !== "undefined") formData.append("second_image", second_image); + + const police_file = modal.find("#adddeviceImg3").get(0).files[0] + if (typeof police_file !== "undefined") formData.append("police_file", police_file); + + + modal.find(".increase-damage-reasons").each(function (index, item) { + modal.find(item).is(":checked") ? formData.append(modal.find(item).prop("name"), 1) : formData.append($(item).prop("name"), 0) + }); + + modal.find(".accident-reasons").each(function (index, item) { + modal.find(item).is(":checked") ? formData.append(modal.find(item).prop("name"), 1) : formData.append($(item).prop("name"), 0) + }); + for (var pair of formData.entries()) { } + showLoaderScreen(); + $.ajax({ + url: "/daily_accident/store", + type: "POST", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + data: formData, + cache: false, + contentType: false, + processData: false, + success: function (result) { + hideLoaderScreen(); + $("#add_accident").prop("disabled", false); + modal.modal("hide"); + Swal.fire({ + icon: "success", + text: " تصادف با موفقیت ثبت شد", + confirmButtonText: "بستن", + }); + table.ajax.reload(null, false); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + } else { + $("#add_accident").prop("disabled", false); + } + } else { + $("#add_accident").prop("disabled", false); + } + } else { + Swal.fire({ + icon: "error", + title: "خطا", + text: "لطفا مقادیر را به درستی وارد نمایید.", + confirmButtonText: "بستن ", + }); + + $("#add_accident").prop("disabled", false); + } + +}); +// add part end + +$(document).on('input', '.text-number', function () { + $(this).val($(this).val().replace(/[^0-9]/gi, '')); +}); + +function validateForm(modal) { + + var validation_status = true; + modal.find(".select-inputs").each(function (index, item) { + if (modal.find(item).val() == 0) { + modal.find(item).addClass('validity-checker'); + validation_status = false; + } else { + modal.find(item).removeClass('validity-checker'); + } + }); + if (modal.find("#add_project_start_map").val() == "") { + validation_status = false; + modal.find("#add_project_start_map").addClass('validity-checker'); + } else { + // validation_status = true; + modal.find("#add_project_start_map").removeClass('validity-checker'); + } + if (modal.find("#edit_project_start_map").val() == "") { + validation_status = false; + modal.find("#edit_project_start_map").addClass('validity-checker'); + } else { + // validation_status = true; + modal.find("#edit_project_start_map").removeClass('validity-checker'); + } + modal.find(".required-text-inputs:enabled").each(function (index, item) { + if (modal.find(item).val().trim() == '') { + modal.find(item).addClass('validity-checker'); + validation_status = false; + } else { + modal.find(item).removeClass('validity-checker'); + } + }); + + return validation_status; +} + +function validateReasons(accident_type) { + var validation_status = true; + + if ($('.accident-reasons:checked').length == 0) { + validation_status = false; + $('.accident-reasons').addClass('validity-checker'); + Swal.fire({ + icon: "error", + title: "خطا", + text: "لطفا یکی از عوامل شکل گیری تصادف را وارد کنید.", + confirmButtonText: "بستن ", + }); + } else { + $('.accident-reasons').removeClass('validity-checker'); + } + + // if (accident_type == '3') { + // if ($('.increase-damage-reasons:checked').length == 0) { + // validation_status = false; + // $('.increase-damage-reasons').addClass('validity-checker'); + // Swal.fire({ + // icon: "error", + // title: "خطا", + // text: "لطفا یکی از عوامل شدت تصادف را وارد کنید.", + // confirmButtonText: "بستن ", + // }); + // } else { + // $('.increase-damage-reasons').removeClass('validity-checker'); + // } + // } else { + // $('.increase-damage-reasons').removeClass('validity-checker'); + // } + + return validation_status; +} + +function validateAddAccidentParticipant(collision_type, modal) { + var validation_status = true; + + $('.accident-participant-input').removeClass('validity-checker'); + var sumAccidentParticipant = 0 + modal.find('.accident-participant-input:not(:disabled)').each(function (index, item) { + if ($(item).val() != null && $(item).val() != '') { + sumAccidentParticipant += parseInt($(item).val()) + } + }) + switch (collision_type) { + case '1': + if (sumAccidentParticipant < 2) { + validation_status = false; + $('.accident-participant-input:not(:disabled)').addClass('validity-checker'); + Swal.fire({ + icon: "error", + title: "خطا", + text: "حداقل دو عامل درگیر در تصادف باید ثبت شود.", + confirmButtonText: "بستن ", + }); + } + + break; + case '2': + if (sumAccidentParticipant != 1) { + validation_status = false; + $('.accident-participant-input:not(:disabled)').addClass('validity-checker'); + Swal.fire({ + icon: "error", + title: "خطا", + text: "فقط یک عامل باید در تصادف دخیل باشد.", + confirmButtonText: "بستن ", + }); + } + + break; + case '3': + if (sumAccidentParticipant < 2) { + validation_status = false; + $('.accident-participant-input:not(:disabled)').addClass('validity-checker'); + Swal.fire({ + icon: "error", + title: "خطا", + text: "حداقل دو عامل درگیر در تصادف باید ثبت شود.", + confirmButtonText: "بستن ", + }); + } + break; + case '4': + if (sumAccidentParticipant < 2) { + validation_status = false; + $('.accident-participant-input:not(:disabled)').addClass('validity-checker'); + Swal.fire({ + icon: "error", + title: "خطا", + text: "حداقل دو عامل درگیر در تصادف باید ثبت شود.", + confirmButtonText: "بستن ", + }); + } + break; + case '5': + if (sumAccidentParticipant != 1) { + validation_status = false; + $('.accident-participant-input:not(:disabled)').addClass('validity-checker'); + Swal.fire({ + icon: "error", + title: "خطا", + text: "فقط یک عامل باید در تصادف دخیل باشد.", + confirmButtonText: "بستن ", + }); + } + + break; + case '6': + if (sumAccidentParticipant != 1) { + validation_status = false; + $('.accident-participant-input:not(:disabled)').addClass('validity-checker'); + Swal.fire({ + icon: "error", + title: "خطا", + text: "فقط یک عامل باید در تصادف دخیل باشد.", + confirmButtonText: "بستن ", + }); + } + break; + case '7': + if (sumAccidentParticipant != 1) { + validation_status = false; + $('.accident-participant-input:not(:disabled)').addClass('validity-checker'); + Swal.fire({ + icon: "error", + title: "خطا", + text: "فقط یک عامل باید در تصادف دخیل باشد.", + confirmButtonText: "بستن ", + }); + } + + break; + } + + return validation_status; +} + +function restrictInputOtherThanArabic($field) { + var arabicCharUnicodeRange = /[\u0600-\u06FF-0-9-45]/; + + $field.bind("keypress", function (event) { + var key = event.which; + if (key == 8 || key == 0 || key === 32) { + return true; + } + + var str = String.fromCharCode(key); + if (arabicCharUnicodeRange.test(str)) { + return true; + } + + return false; + }); +} + +$(document).bind("click", function (e) { + const clicked = $(e.target); + if (clicked.parents(".toolbox").length != 0) return false; + if (clicked.parents(".datepicker-grid-view").length != 0) return false; + if (clicked.parents(".datepicker-navigator").length != 0) return false; + if (clicked.parents(".datepicker-container").length != 0) return false; + if (clicked.parents(".select2-selection__choice").length != 0) return false; + if ( + clicked.closest(".btn-table-filter").length == 0 && + clicked.closest(".parent-filter").length == 0 && + $(".parent-filter").css("display") != "none" + ) { + $(".parent-filter").css("display", "none"); + } + if ( + clicked.closest(".btn-table-excel").length == 0 && + clicked.closest(".parent-excel").length == 0 && + $(".parent-excel").css("display") != "none" + ) { + $(".parent-excel").css("display", "none"); + } + if ( + clicked.closest(".btn-table-poster").length == 0 && + clicked.closest(".parent-poster").length == 0 && + $(".parent-poster").css("display") != "none" + ) { + $(".parent-poster").css("display", "none"); + } +}); + +restrictInputOtherThanArabic($(".arabic-text")); + +function checkCountAccidentType(modal, input) { + if (input == '0') { + modal.find(".number_of_injured").prop('disabled', true).val(""); + modal.find(".number_of_died").prop('disabled', true).val(""); + } else if (input == '1') { + modal.find(".number_of_injured").prop('disabled', true).val(""); + modal.find(".number_of_died").prop('disabled', true).val(""); + } else if (input == '2') { + modal.find(".number_of_injured").prop('disabled', false).val(""); + modal.find(".number_of_died").prop('disabled', true).val(""); + } else { + modal.find(".number_of_injured").prop('disabled', false).val(""); + modal.find(".number_of_died").prop('disabled', false).val(""); + } +} + +function checkAccidentParticipant(modal, value) { + validation_role_for_enabled_vehicle[value].forEach(function (item) { + modal.find(`#${item}`).prop('disabled', false); + modal.find(`#${item}`).val(""); + }); +} + +$(document).on('click', '.btn-show-expert-message', function () { + // xxx + const modal = $("#show_expert_message_modal"); + let tr = $(this).closest("tr"); + let row = table.row(tr); + let message = row.data().message; + $("#show_expert_message").val(message); + modal.modal("show"); +}); + +$(document).on('click', '.btn-edit-accident', function () { + const modal = $('#edit_accident_modal') + const tr = $(this).closest("tr"); + const row = table.row(tr); + const id = row.data().id + + showLoaderScreen() + $.ajax({ + url: `/daily_accident/${id}`, + type: "GET", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + success: function (result) { + modal.find('#edit_accident').data('rowId', id) + + modal.find('.required-text-inputs').val('') + modal.find('.accident-participant-input').val('').prop('disabled', true) + modal.find('.number_of_injured').prop('disabled', true) + modal.find('.number_of_died').prop('disabled', true) + modal.find('.select-inputs').val(0) + modal.find('.accident-reasons').prop('checked', false) + modal.find('.increase-damage-reasons').prop('checked', false) + modal.find('.validity-checker').removeClass('validity-checker') + modal.find(".img-input").val(""); + modal.find(".img-preview").removeAttr("src"); + modal.find(".img-preview").css("display", "none"); + modal.find(".img-title").css("display", ""); + modal.find('.btn-delete-img').attr("disabled", "disabled"); + modal.find('.btn-delete-img').data('isDelete', false) + modal.find('#edit_province_id').val(result.province_id) + modal.find('#edit_axis_name').val(result.axis_name) + modal.find('#edit_axis_type').val(result.axis_type) + modal.find('#edit_axis_start').val(result.axis_start) + modal.find('#edit_axis_end').val(result.axis_end) + modal.find('#edit_distance_axis_start').val(result.distance_axis_start) + modal.find('#edit_local_name').val(result.local_name) + modal.find('#edit_police_serial').val(result.police_serial) + modal.find('#edit_accident_type').val(result.accident_type) + + checkCountAccidentType(modal, result.accident_type) + + modal.find('#edit_number_of_injured').val(result.number_of_injured) + modal.find('#edit_number_of_died').val(result.number_of_died) + + const accident_date = `${moment(result.accident_date).unix()}000` + edit_accident_date.setDate(+accident_date) + // console.log(new persianDate([moment(result.accident_date).locale('fa').format('YYYY'), moment(result.accident_date).locale('fa').format('MM'), moment(result.accident_date).locale('fa').format('DD')]).format('dddd')); + // console.log("fukc"); + // console.log([moment(result.accident_date).locale('fa').format('YYYY'), moment(result.accident_date).locale('fa').format('MM'), moment(result.accident_date).locale('fa').format('DD')]); + modal.find('#edit_day_of_the_week').val(new persianDate([edit_accident_date.getState().selected.year, edit_accident_date.getState().selected.month, edit_accident_date.getState().selected.date]).format('dddd')) + + const accident_time = `${moment(`2020-10-20 ${result.accident_time}`).unix()}000` + edit_accident_time.setDate(+accident_time) + + modal.find('#edit_weather_condition').val(result.weather_condition) + modal.find('#edit_direction').val(result.direction) + console.log(result.way_geometri); + modal.find('#edit_way_geometri').val(result.way_geometri) + modal.find('#edit_collision_type').val(result.collision_type) + + checkAccidentParticipant(modal, result.collision_type) + + modal.find('#bicycle').val(result.participants_bicycle) + modal.find('#heavy_vehicle').val(result.participants_heavy_vehicle) + modal.find('#light_vehicle').val(result.participants_light_vehicle) + + if (result.first_image != null) { + modal.find('#deviceImg1Title').css('display', 'none') + modal.find('#deviceImg1Preview').css('display', '') + modal.find('#deviceImg1Preview').attr('src', `/storage/${result.first_image}`) + modal.find('#deleteDeviceImg1').prop('disabled', false) + } + + if (result.second_image != null) { + modal.find('#deviceImg2Title').css('display', 'none') + modal.find('#deviceImg2Preview').css('display', '') + modal.find('#deviceImg2Preview').attr('src', `/storage/${result.second_image}`) + modal.find('#deleteDeviceImg2').prop('disabled', false) + } + + if (result.police_file != null) { + modal.find('#deviceImg3Title').css('display', 'none') + modal.find('#deviceImg3Preview').css('display', '') + modal.find('#deviceImg3Preview').attr('src', `/storage/${result.police_file}`) + modal.find('#deleteDeviceImg3').prop('disabled', false) + } + + modal.find('#edit_legal_speed').val(result.legal_speed) + modal.find('#edit_avarage_speed').val(result.avarage_speed) + + result.accident_reason_adam_rayat_fasele_tooli == 1 ? modal.find('#edit_adam_rayat_fasele_tooli').prop('checked', true) : modal.find('#edit_adam_rayat_fasele_tooli').prop('checked', false) + result.accident_reason_adam_rayat_obor == 1 ? modal.find('#edit_adam_rayat_obor').prop('checked', true) : modal.find('#edit_adam_rayat_obor').prop('checked', false) + result.accident_reason_adam_rayat_sebghat_mojaz == 1 ? modal.find('#edit_adam_rayat_sebghat_mojaz').prop('checked', true) : modal.find('#edit_adam_rayat_sebghat_mojaz').prop('checked', false) + result.accident_reason_adam_rayat_sorat_mojaz == 1 ? modal.find('#edit_adam_rayat_sorat_mojaz').prop('checked', true) : modal.find('#edit_adam_rayat_sorat_mojaz').prop('checked', false) + result.accident_reason_adam_roshanaye_zarori_dar_noqte == 1 ? modal.find('#edit_adam_roshanaye_zarori_dar_noqte').prop('checked', true) : modal.find('#edit_adam_roshanaye_zarori_dar_noqte').prop('checked', false) + result.accident_reason_arze_kam_savare_ro == 1 ? modal.find('#edit_arze_kam_savare_ro').prop('checked', true) : modal.find('#edit_arze_kam_savare_ro').prop('checked', false) + result.accident_reason_did_na_kafi == 1 ? modal.find('#edit_did_na_kafi').prop('checked', true) : modal.find('#edit_did_na_kafi').prop('checked', false) + result.accident_reason_dor_monaseb_dar_qus == 1 ? modal.find('#edit_dor_monaseb_dar_qus').prop('checked', true) : modal.find('#edit_dor_monaseb_dar_qus').prop('checked', false) + result.accident_reason_ebham_dar_masir == 1 ? modal.find('#edit_ebham_dar_masir').prop('checked', true) : modal.find('#edit_ebham_dar_masir').prop('checked', false) + result.accident_reason_hendese_na_monaseb_vorodi_va_khoroji == 1 ? modal.find('#edit_hendese_na_monaseb_vorodi_va_khoroji').prop('checked', true) : modal.find('#edit_hendese_na_monaseb_vorodi_va_khoroji').prop('checked', false) + result.accident_reason_kahesh_na_monaseb_tedad == 1 ? modal.find('#edit_kahesh_na_monaseb_tedad').prop('checked', true) : modal.find('#edit_kahesh_na_monaseb_tedad').prop('checked', false) + result.accident_reason_mahal_na_monaseb_dastrasi == 1 ? modal.find('#edit_mahal_na_monaseb_dastrasi').prop('checked', true) : modal.find('#edit_mahal_na_monaseb_dastrasi').prop('checked', false) + result.accident_reason_mantaqe_ba_afzayesh_nagahani == 1 ? modal.find('#edit_mantaqe_ba_afzayesh_nagahani').prop('checked', true) : modal.find('#edit_mantaqe_ba_afzayesh_nagahani').prop('checked', false) + result.accident_reason_mantaqe_ba_obor_heyvanat_ahli == 1 ? modal.find('#edit_mantaqe_ba_obor_heyvanat_ahli').prop('checked', true) : modal.find('#edit_mantaqe_ba_obor_heyvanat_ahli').prop('checked', false) + result.accident_reason_mantaqe_ba_rizesh_az_divar == 1 ? modal.find('#edit_mantaqe_ba_rizesh_az_divar').prop('checked', true) : modal.find('#edit_mantaqe_ba_rizesh_az_divar').prop('checked', false) + result.accident_reason_mantaqe_ba_tadakhol_terafiki == 1 ? modal.find('#edit_mantaqe_ba_tadakhol_terafiki').prop('checked', true) : modal.find('#edit_mantaqe_ba_tadakhol_terafiki').prop('checked', false) + result.accident_reason_mantaqe_meh_gir == 1 ? modal.find('#edit_mantaqe_meh_gir').prop('checked', true) : modal.find('#edit_mantaqe_meh_gir').prop('checked', false) + result.accident_reason_nabod_dar_khat_sebqat_dar_sarbalaye == 1 ? modal.find('#edit_nabod_dar_khat_sebqat_dar_sarbalaye').prop('checked', true) : modal.find('#edit_nabod_dar_khat_sebqat_dar_sarbalaye').prop('checked', false) + result.accident_reason_naqs_dar_alayem_ekhtari_va_entezami == 1 ? modal.find('#edit_naqs_dar_alayem_ekhtari_va_entezami').prop('checked', true) : modal.find('#edit_naqs_dar_alayem_ekhtari_va_entezami').prop('checked', false) + result.accident_reason_naqs_dar_alayem_pish_agahi == 1 ? modal.find('#edit_naqs_dar_alayem_pish_agahi').prop('checked', true) : modal.find('#edit_naqs_dar_alayem_pish_agahi').prop('checked', false) + result.accident_reason_naqs_dar_ashkar_sazi_shrayet_khas == 1 ? modal.find('#edit_naqs_dar_ashkar_sazi_shrayet_khas').prop('checked', true) : modal.find('#edit_naqs_dar_ashkar_sazi_shrayet_khas').prop('checked', false) + result.accident_reason_naqs_dar_ashkarsazi_navahi == 1 ? modal.find('#edit_naqs_dar_ashkarsazi_navahi').prop('checked', true) : modal.find('#edit_naqs_dar_ashkarsazi_navahi').prop('checked', false) + result.accident_reason_oftadegi_dar_labe_asphalt == 1 ? modal.find('#edit_oftadegi_dar_labe_asphalt').prop('checked', true) : modal.find('#edit_oftadegi_dar_labe_asphalt').prop('checked', false) + result.accident_reason_qarar_gire_qus_ofoqi == 1 ? modal.find('#edit_qarar_gire_qus_ofoqi').prop('checked', true) : modal.find('#edit_qarar_gire_qus_ofoqi').prop('checked', false) + result.accident_reason_qus_ofoqi_dar_saraziri_tond == 1 ? modal.find('#edit_qus_ofoqi_dar_saraziri_tond').prop('checked', true) : modal.find('#edit_qus_ofoqi_dar_saraziri_tond').prop('checked', false) + result.accident_reason_qus_tond_ofoghi == 1 ? modal.find('#edit_qus_tond_ofoghi').prop('checked', true) : modal.find('#edit_qus_tond_ofoghi').prop('checked', false) + result.accident_reason_qus_tond_qaem == 1 ? modal.find('#edit_qus_tond_qaem').prop('checked', true) : modal.find('#edit_qus_tond_qaem').prop('checked', false) + result.accident_reason_roye_na_monaseb == 1 ? modal.find('#edit_roye_na_monaseb').prop('checked', true) : modal.find('#edit_roye_na_monaseb').prop('checked', false) + result.accident_reason_saraziri_tond == 1 ? modal.find('#edit_saraziri_tond').prop('checked', true) : modal.find('#edit_saraziri_tond').prop('checked', false) + result.accident_reason_tabdil_na_monaseb_noe_rah == 1 ? modal.find('#edit_tabdil_na_monaseb_noe_rah').prop('checked', true) : modal.find('#edit_tabdil_na_monaseb_noe_rah').prop('checked', false) + + + result.increase_damage_reasons_feqdan_jodakonnande_dar_miyane_rah == 1 ? modal.find('#edit_feqdan_jodakonnande_dar_miyane_rah').prop('checked', true) : modal.find('#edit_feqdan_jodakonnande_dar_miyane_rah').prop('checked', false) + result.increase_damage_reasons_mane_solb_bedone_hefaz == 1 ? modal.find('#edit_mane_solb_bedone_hefaz').prop('checked', true) : modal.find('#edit_mane_solb_bedone_hefaz').prop('checked', false) + result.increase_damage_reasons_naqs_dar_naheye_enteqali == 1 ? modal.find('#edit_naqs_dar_naheye_enteqali').prop('checked', true) : modal.find('#edit_naqs_dar_naheye_enteqali').prop('checked', false) + result.increase_damage_reasons_naqs_ya_adam_kefayat == 1 ? modal.find('#edit_naqs_ya_adam_kefayat').prop('checked', true) : modal.find('#edit_naqs_ya_adam_kefayat').prop('checked', false) + result.increase_damage_reasons_naqs_ya_adam_kefayat_hefaze_miyani == 1 ? modal.find('#edit_naqs_ya_adam_kefayat_hefaze_miyani').prop('checked', true) : modal.find('#edit_naqs_ya_adam_kefayat_hefaze_miyani').prop('checked', false) + result.increase_damage_reasons_naqs_ya_adam_kefayat_narde_pol == 1 ? modal.find('#edit_naqs_ya_adam_kefayat_narde_pol').prop('checked', true) : modal.find('#edit_naqs_ya_adam_kefayat_narde_pol').prop('checked', false) + result.increase_damage_reasons_sar_azad_hefaz == 1 ? modal.find('#edit_sar_azad_hefaz').prop('checked', true) : modal.find('#edit_sar_azad_hefaz').prop('checked', false) + result.increase_damage_reasons_shirvani_tond_ya_partgah == 1 ? modal.find('#edit_shirvani_tond_ya_partgah').prop('checked', true) : modal.find('#edit_shirvani_tond_ya_partgah').prop('checked', false) + + if (modal.find('.accident-reasons:checked').length == modal.find('.accident-reasons').length) { + modal.find('.select_all_accident_reasons').prop('checked', true) + } else { + modal.find('.select_all_accident_reasons').prop('checked', false) + } + + if (modal.find('.increase-damage-reasons:checked').length == modal.find('.increase-damage-reasons').length) { + modal.find('.select_all_increase_damage_reasons').prop('checked', true) + } else { + modal.find('.select_all_increase-damage_reasons').prop('checked', false) + } + + createEditMap(modal, result.lat, result.lng).then(() => { + editMap.setView([result.lat, result.lng], 7) + isSetMarkerEdit = true; + markerEdit.setLatLng(L.latLng([result.lat, result.lng])); + modal.find("#edit_project_start_map").val( + markerEdit.getLatLng().lat.toFixed(6) + + markerEdit.getLatLng().lng.toFixed(6) + ); + //yasi + modal.find("#pin_marker").removeClass("pin-move pin-warn").addClass("pin-set"); + hideLoaderScreen() + }) + + modal.modal('show') + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); +}) + + +$(document).on("click", "#edit_accident", function () { + const modal = $(this).parents('.modal') + + $("#edit_accident").prop("disabled", true); + + if (validateForm(modal)) { + if (validateReasons(modal.find("#edit_accident_type").val())) { + if (validateAddAccidentParticipant($("#edit_collision_type").val(), modal)) { + let formData = new FormData(); + + formData.append("province_id", modal.find("#edit_province_id").val()); + formData.append("axis_name", modal.find("#edit_axis_name").val()); + formData.append("axis_type", modal.find("#edit_axis_type").val()); + formData.append("axis_start", modal.find("#edit_axis_start").val()); + formData.append("axis_end", modal.find("#edit_axis_end").val()); + formData.append("distance_axis_start", modal.find("#edit_distance_axis_start").val()); + formData.append("local_name", modal.find("#edit_local_name").val()); + formData.append("lat", markerEdit.getLatLng().lat.toFixed(6)); + formData.append("lng", markerEdit.getLatLng().lng.toFixed(6)); + formData.append("way_geometri", modal.find("#edit_way_geometri").val()); + formData.append("police_serial", modal.find("#edit_police_serial").val()); + formData.append("avarage_speed", modal.find("#edit_avarage_speed").val()); + formData.append("legal_speed", modal.find("#edit_legal_speed").val()); + formData.append("accident_date", moment(edit_accident_date.getState().selected.unixDate).format('YYYY-MM-DD')); + formData.append("accident_time", moment(edit_accident_time.getState().selected.unixDate).format('HH:mm')); + formData.append("day_of_the_week", modal.find("#edit_day_of_the_week").val()); + formData.append("direction", modal.find("#edit_direction").val()); + formData.append("number_of_injured", modal.find("#edit_number_of_injured").val()); + formData.append("number_of_died", modal.find("#edit_number_of_died").val()); + formData.append("weather_condition", modal.find("#edit_weather_condition").val()); + formData.append("collision_type", modal.find("#edit_collision_type").val()); + formData.append("accident_type", modal.find("#edit_accident_type").val()); + formData.append("participants_heavy_vehicle", modal.find("#heavy_vehicle").val()); + formData.append("participants_light_vehicle", modal.find("#light_vehicle").val()); + formData.append("participants_bicycle", modal.find("#bicycle").val()); + + const first_image = modal.find("#editdeviceImg1").get(0).files[0] + if (typeof first_image !== "undefined") formData.append("first_image", first_image); + if (modal.find('#deleteDeviceImg1').data('isDelete')) formData.append("first_image_is_deleted", 1) + + const second_image = modal.find("#editdeviceImg2").get(0).files[0] + if (typeof second_image !== "undefined") formData.append("second_image", second_image); + if (modal.find('#deleteDeviceImg2').data('isDelete')) formData.append("second_image_is_deleted", 1) + + const police_file = modal.find("#editdeviceImg3").get(0).files[0] + if (typeof police_file !== "undefined") formData.append("police_file", police_file); + if (modal.find('#deleteDeviceImg3').data('isDelete')) formData.append("police_file_is_deleted", 1) + + modal.find(".increase-damage-reasons").each(function (index, item) { + modal.find(item).is(":checked") ? formData.append(modal.find(item).prop("name"), 1) : formData.append($(item).prop("name"), 0) + }); + + modal.find(".accident-reasons").each(function (index, item) { + modal.find(item).is(":checked") ? formData.append(modal.find(item).prop("name"), 1) : formData.append($(item).prop("name"), 0) + }); + + showLoaderScreen(); + $.ajax({ + url: "/daily_accident/update/" + modal.find('#edit_accident').data('rowId'), + type: "POST", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + data: formData, + cache: false, + contentType: false, + processData: false, + success: function (result) { + hideLoaderScreen(); + $("#edit_accident").prop("disabled", false); + modal.modal("hide"); + Swal.fire({ + icon: "success", + text: " تصادف با موفقیت ویرایش شد", + confirmButtonText: "بستن", + }); + table.ajax.reload(null, false); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + } else { + $("#edit_accident").prop("disabled", false); + } + } else { + $("#edit_accident").prop("disabled", false); + } + } else { + Swal.fire({ + icon: "error", + title: "خطا", + text: "لطفا مقادیر را به درستی وارد نمایید.", + confirmButtonText: "بستن ", + }); + + $("#edit_accident").prop("disabled", false); + } + +}); + +$(document).on('click', '.btn-delete-accident', function () { + let tr = $(this).closest("tr"); + let row = table.row(tr); + let row_id = row.data().id; + let formData = new FormData(); + Swal.fire({ + icon: "warning", + title: "آیا برای حذف مطمئن هستید؟", + showCancelButton: true, + confirmButtonColor: "#3085d6", + cancelButtonColor: "#d33", + confirmButtonText: "بله، حذف می‌شود", + cancelButtonText: "منصرف شدم!", + showLoaderOnConfirm: true, + preConfirm: () => { + showLoaderScreen(); + $.ajax({ + url: "/daily_accident/delete/" + row_id, + type: "POST", + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + }, + cache: false, + contentType: false, + processData: false, + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + table.ajax.reload(null, false); + hideLoaderScreen(); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); + }, + }); +}) +$("input[name=add_project_start_map]").on("keyup", function () { + checkMarkerValidation(); +}); +$("input[name=edit_project_start_map]").on("keyup", function () { + checkMarkerAddValidation(); +}); +$(document).on("change", "#add_province_id", function () { + let center_lat = $(this).find("option:selected").data("centerLat"); + let center_lng = $(this).find("option:selected").data("centerLng"); + addMap.panTo(new L.LatLng(center_lat, center_lng)); + if (isSetMarkerAdd) { + markerAdd.setLatLng(L.latLng([center_lat, center_lng])); + } +}); +function checkMarkerValidation(forSaveData = false, pageOnLoad = false) { + const modal = $('#add_accident_modal') + + let reg = /^([0-9]){2}\.([0-9])+$/; + let startLatLngVal = $( + "input[name=add_project_start_map]" + ) + .val() + .split(" - "); + let startLatLng = startLatLngVal.map(function (e) { + e = e.replace(/_/g, ""); + return parseFloat(e.slice(1, -1)); + }); + if (isNaN(startLatLng[0])) { + + + if (!forSaveData) { + $("input[name=add_project_start_map]").removeClass( + "is-invalid-input" + ); + } else { + $("input[name=add_project_start_map]").addClass( + "is-invalid-input" + ); + } + modal.find("#pin_marker").removeClass("pin-move pin-set"); + $("input[name=add_project_start_map]").val(""); + $("input[name=add_project_start_map]").attr( + "placeholder", + "(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" + ); + return false; + } else if ( + !startLatLng == 2 || + !reg.test(startLatLng[0]) || + !reg.test(startLatLng[1]) + ) { + + + $("input[name=add_project_start_map]").addClass( + "is-invalid-input" + ); + modal.find("#pin_marker").removeClass("pin-move pin-set"); + return false; + } else { + if (!forSaveData) { + $("input[name=add_project_start_map]").removeClass( + "is-invalid-input" + ); + + + markerAdd.setLatLng(startLatLng); + + if (pageOnLoad) { + setTimeout(() => { + + + modal.find("#pin_marker").removeClass("pin-move").addClass("pin-set"); + markerAdd.setLatLng(startLatLng); + }, 10); + } else { + + + + modal.find("#pin_marker").removeClass("pin-move").addClass("pin-set"); + } + } + addMap.panTo(new L.LatLng(startLatLng[0], startLatLng[1])); + if (isSetMarkerAdd) { + + + + markerAdd.setLatLng(L.latLng([startLatLng[0], startLatLng[1]])); + } + isSetMarkerAdd = true; + + return true; + } +} +function checkMarkerAddValidation(forSaveData = false, pageOnLoad = false) { + const modal = $('#edit_accident_modal') + + let reg = /^([0-9]){2}\.([0-9])+$/; + let startLatLngVal = $( + "input[name=edit_project_start_map]" + ) + .val() + .split(" - "); + let startLatLng = startLatLngVal.map(function (e) { + e = e.replace(/_/g, ""); + return parseFloat(e.slice(1, -1)); + }); + if (isNaN(startLatLng[0])) { + + + if (!forSaveData) { + $("input[name=edit_project_start_map]").removeClass( + "is-invalid-input" + ); + } else { + $("input[name=edit_project_start_map]").addClass( + "is-invalid-input" + ); + } + modal.find("#pin_marker").removeClass("pin-move pin-set"); + $("input[name=edit_project_start_map]").val(""); + $("input[name=edit_project_start_map]").attr( + "placeholder", + "(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" + ); + return false; + } else if ( + !startLatLng == 2 || + !reg.test(startLatLng[0]) || + !reg.test(startLatLng[1]) + ) { + + $("input[name=edit_project_start_map]").addClass( + "is-invalid-input" + ); + modal.find("#pin_marker").removeClass("pin-move pin-set"); + return false; + } else { + if (!forSaveData) { + $("input[name=edit_project_start_map]").removeClass( + "is-invalid-input" + ); + + + markerEdit.setLatLng(startLatLng); + + if (pageOnLoad) { + setTimeout(() => { + + + modal.find("#pin_marker").removeClass("pin-move").addClass("pin-set"); + markerEdit.setLatLng(startLatLng); + }, 10); + } else { + + + + modal.find("#pin_marker").removeClass("pin-move").addClass("pin-set"); + } + } + editMap.panTo(new L.LatLng(startLatLng[0], startLatLng[1])); + if (isSetMarkerEdit) { + + + + markerEdit.setLatLng(L.latLng([startLatLng[0], startLatLng[1]])); + } + isSetMarkerEdit = true; + + return true; + } +} + +$(document).on("change", "#edit_province_id", function () { + let center_lat = $(this).find("option:selected").data("centerLat"); + let center_lng = $(this).find("option:selected").data("centerLng"); + editMap.panTo(new L.LatLng(center_lat, center_lng)); + if (isSetMarkerEdit) { + markerEdit.setLatLng(L.latLng([center_lat, center_lng])); + } +}); +$(document).on("click", ".expert_confirmation", function () { + const modal = $("#expert_confirmation_modal"); + modal.modal("show"); + const all_sub_items = modal.find(".item-ex-conf"); + all_sub_items.find("h6").css("color", "#000") + const tr = $(this).closest("tr"); + const row = table.row(tr); + const id = row.data().id; + modal.find("button[type='unconfirm']").data("rowId", id); + modal.find("button[type='confirm']").data("rowId", id); + $.ajax({ + url: `/daily_accident/${id}`, + type: "GET", + cache: false, + async: false, + contentType: false, + processData: false, + success: function (results) { + $("#accident_time").text(results.accident_time); + $("#day_of_the_week").text(results.day_of_the_week); + $("#province_fa").text(results.province_fa); + $("#legal_speed").text(results.legal_speed); + $("#avarage_speed").text(results.avarage_speed); + $("#collision_type_fa").text(results.collision_type_fa); + $("#accident_type_fa").text(results.accident_type_fa); + $("#axis_name").text(results.axis_name); + $("#axis_start").text(results.axis_start); + $("#axis_end").text(results.axis_end); + $("#axis_type_fa").text(results.axis_type_fa); + $("#direction_fa").text(results.direction_fa); + $("#lat").text(results.lat); + $("#lng").text(results.lng); + $("#way_geometri_fa").text(results.way_geometri_fa); + $("#local_name").text(results.local_name); + $("#weather_condition_fa").text(results.weather_condition_fa); + $("#accident_date").text(results.accident_date); + results.accident_reason_adam_rayat_fasele_tooli == 1 ? modal.find('#adam_rayat_fasele_tooli').prop('checked', true) && modal.find("#adam_rayat_fasele_tooli").parents("h6").css("color", "#ff5c0f") : modal.find('#adam_rayat_fasele_tooli').prop('checked', false) + results.accident_reason_adam_rayat_obor == 1 ? modal.find('#adam_rayat_obor').prop('checked', true) && modal.find("#adam_rayat_obor").parents("h6").css("color", "#ff5c0f") : modal.find('#adam_rayat_obor').prop('checked', false) + results.accident_reason_adam_rayat_sebghat_mojaz == 1 ? modal.find('#adam_rayat_sebghat_mojaz').prop('checked', true) && modal.find("#adam_rayat_sebghat_mojaz").parents("h6").css("color", "#ff5c0f") : modal.find('#adam_rayat_sebghat_mojaz').prop('checked', false) + results.accident_reason_adam_rayat_sorat_mojaz == 1 ? modal.find('#adam_rayat_sorat_mojaz').prop('checked', true) && modal.find("#adam_rayat_sorat_mojaz").parents("h6").css("color", "#ff5c0f") : modal.find('#adam_rayat_sorat_mojaz').prop('checked', false) + results.accident_reason_adam_roshanaye_zarori_dar_noqte == 1 ? modal.find('#adam_roshanaye_zarori_dar_noqte').prop('checked', true) && modal.find("#adam_roshanaye_zarori_dar_noqte").parents("h6").css("color", "#ff5c0f") : modal.find('#adam_roshanaye_zarori_dar_noqte').prop('checked', false) + results.accident_reason_arze_kam_savare_ro == 1 ? modal.find('#arze_kam_savare_ro').prop('checked', true) && modal.find("#arze_kam_savare_ro").parents("h6").css("color", "#ff5c0f") : modal.find('#arze_kam_savare_ro').prop('checked', false) + results.accident_reason_did_na_kafi == 1 ? modal.find('#did_na_kafi').prop('checked', true) && modal.find("#did_na_kafi").parents("h6").css("color", "#ff5c0f") : modal.find('#did_na_kafi').prop('checked', false) + results.accident_reason_dor_monaseb_dar_qus == 1 ? modal.find('#dor_monaseb_dar_qus').prop('checked', true) && modal.find("#dor_monaseb_dar_qus").parents("h6").css("color", "#ff5c0f") : modal.find('#dor_monaseb_dar_qus').prop('checked', false) + results.accident_reason_ebham_dar_masir == 1 ? modal.find('#ebham_dar_masir').prop('checked', true) && modal.find("#ebham_dar_masir").parents("h6").css("color", "#ff5c0f") : modal.find('#ebham_dar_masir').prop('checked', false) + results.accident_reason_hendese_na_monaseb_vorodi_va_khoroji == 1 ? modal.find('#hendese_na_monaseb_vorodi_va_khoroji').prop('checked', true) && modal.find("#hendese_na_monaseb_vorodi_va_khoroji").parents("h6").css("color", "#ff5c0f") : modal.find('#hendese_na_monaseb_vorodi_va_khoroji').prop('checked', false) + results.accident_reason_kahesh_na_monaseb_tedad == 1 ? modal.find('#kahesh_na_monaseb_tedad').prop('checked', true) && modal.find("#kahesh_na_monaseb_tedad").parents("h6").css("color", "#ff5c0f") : modal.find('#kahesh_na_monaseb_tedad').prop('checked', false) + results.accident_reason_mahal_na_monaseb_dastrasi == 1 ? modal.find('#mahal_na_monaseb_dastrasi').prop('checked', true) && modal.find("#mahal_na_monaseb_dastrasi").parents("h6").css("color", "#ff5c0f") : modal.find('#mahal_na_monaseb_dastrasi').prop('checked', false) + results.accident_reason_mantaqe_ba_afzayesh_nagahani == 1 ? modal.find('#mantaqe_ba_afzayesh_nagahani').prop('checked', true) && modal.find("#mantaqe_ba_afzayesh_nagahani").parents("h6").css("color", "#ff5c0f") : modal.find('#mantaqe_ba_afzayesh_nagahani').prop('checked', false) + results.accident_reason_mantaqe_ba_obor_heyvanat_ahli == 1 ? modal.find('#mantaqe_ba_obor_heyvanat_ahli').prop('checked', true) && modal.find("#mantaqe_ba_obor_heyvanat_ahli").parents("h6").css("color", "#ff5c0f") : modal.find('#mantaqe_ba_obor_heyvanat_ahli').prop('checked', false) + results.accident_reason_mantaqe_ba_rizesh_az_divar == 1 ? modal.find('#mantaqe_ba_rizesh_az_divar').prop('checked', true) && modal.find("#mantaqe_ba_rizesh_az_divar").parents("h6").css("color", "#ff5c0f") : modal.find('#mantaqe_ba_rizesh_az_divar').prop('checked', false) + results.accident_reason_mantaqe_ba_tadakhol_terafiki == 1 ? modal.find('#mantaqe_ba_tadakhol_terafiki').prop('checked', true) && modal.find("#mantaqe_ba_tadakhol_terafiki").parents("h6").css("color", "#ff5c0f") : modal.find('#mantaqe_ba_tadakhol_terafiki').prop('checked', false) + results.accident_reason_mantaqe_meh_gir == 1 ? modal.find('#mantaqe_meh_gir').prop('checked', true) && modal.find("#mantaqe_meh_gir").parents("h6").css("color", "#ff5c0f") : modal.find('#mantaqe_meh_gir').prop('checked', false) + results.accident_reason_nabod_dar_khat_sebqat_dar_sarbalaye == 1 ? modal.find('#nabod_dar_khat_sebqat_dar_sarbalaye').prop('checked', true) && modal.find("#nabod_dar_khat_sebqat_dar_sarbalaye").parents("h6").css("color", "#ff5c0f") : modal.find('#nabod_dar_khat_sebqat_dar_sarbalaye').prop('checked', false) + results.accident_reason_naqs_dar_alayem_ekhtari_va_entezami == 1 ? modal.find('#naqs_dar_alayem_ekhtari_va_entezami').prop('checked', true) && modal.find("#naqs_dar_alayem_ekhtari_va_entezami").parents("h6").css("color", "#ff5c0f") : modal.find('#naqs_dar_alayem_ekhtari_va_entezami').prop('checked', false) + results.accident_reason_naqs_dar_alayem_pish_agahi == 1 ? modal.find('#naqs_dar_alayem_pish_agahi').prop('checked', true) && modal.find("#naqs_dar_alayem_pish_agahi").parents("h6").css("color", "#ff5c0f") : modal.find('#naqs_dar_alayem_pish_agahi').prop('checked', false) + results.accident_reason_naqs_dar_ashkar_sazi_shrayet_khas == 1 ? modal.find('#naqs_dar_ashkar_sazi_shrayet_khas').prop('checked', true) && modal.find("#naqs_dar_ashkar_sazi_shrayet_khas").parents("h6").css("color", "#ff5c0f") : modal.find('#naqs_dar_ashkar_sazi_shrayet_khas').prop('checked', false) + results.accident_reason_naqs_dar_ashkarsazi_navahi == 1 ? modal.find('#naqs_dar_ashkarsazi_navahi').prop('checked', true) && modal.find("#naqs_dar_ashkarsazi_navahi").parents("h6").css("color", "#ff5c0f") : modal.find('#naqs_dar_ashkarsazi_navahi').prop('checked', false) + results.accident_reason_oftadegi_dar_labe_asphalt == 1 ? modal.find('#oftadegi_dar_labe_asphalt').prop('checked', true) && modal.find("#oftadegi_dar_labe_asphalt").parents("h6").css("color", "#ff5c0f") : modal.find('#oftadegi_dar_labe_asphalt').prop('checked', false) + results.accident_reason_qarar_gire_qus_ofoqi == 1 ? modal.find('#qarar_gire_qus_ofoqi').prop('checked', true) && modal.find("#qarar_gire_qus_ofoqi").parents("h6").css("color", "#ff5c0f") : modal.find('#qarar_gire_qus_ofoqi').prop('checked', false) + results.accident_reason_qus_ofoqi_dar_saraziri_tond == 1 ? modal.find('#qus_ofoqi_dar_saraziri_tond').prop('checked', true) && modal.find("#qus_ofoqi_dar_saraziri_tond").parents("h6").css("color", "#ff5c0f") : modal.find('#qus_ofoqi_dar_saraziri_tond').prop('checked', false) + results.accident_reason_qus_tond_ofoghi == 1 ? modal.find('#qus_tond_ofoghi').prop('checked', true) && modal.find("#qus_tond_ofoghi").parents("h6").css("color", "#ff5c0f") : modal.find('#qus_tond_ofoghi').prop('checked', false) + results.accident_reason_qus_tond_qaem == 1 ? modal.find('#qus_tond_qaem').prop('checked', true) && modal.find("#qus_tond_qaem").parents("h6").css("color", "#ff5c0f") : modal.find('#qus_tond_qaem').prop('checked', false) + results.accident_reason_roye_na_monaseb == 1 ? modal.find('#roye_na_monaseb').prop('checked', true) && modal.find("#roye_na_monaseb").parents("h6").css("color", "#ff5c0f") : modal.find('#roye_na_monaseb').prop('checked', false) + results.accident_reason_saraziri_tond == 1 ? modal.find('#saraziri_tond').prop('checked', true) && modal.find("#saraziri_tond").parents("h6").css("color", "#ff5c0f") : modal.find('#saraziri_tond').prop('checked', false) + results.accident_reason_tabdil_na_monaseb_noe_rah == 1 ? modal.find('#tabdil_na_monaseb_noe_rah').prop('checked', true) && modal.find("#tabdil_na_monaseb_noe_rah").parents("h6").css("color", "#ff5c0f") : modal.find('#tabdil_na_monaseb_noe_rah').prop('checked', false) + + + results.increase_damage_reasons_feqdan_jodakonnande_dar_miyane_rah == 1 ? modal.find('#feqdan_jodakonnande_dar_miyane_rah').prop('checked', true) && modal.find("#feqdan_jodakonnande_dar_miyane_rah").parents("h6").css("color", "#ff5c0f") : modal.find('#feqdan_jodakonnande_dar_miyane_rah').prop('checked', false) + results.increase_damage_reasons_mane_solb_bedone_hefaz == 1 ? modal.find('#mane_solb_bedone_hefaz').prop('checked', true) && modal.find("#mane_solb_bedone_hefaz").parents("h6").css("color", "#ff5c0f") : modal.find('#mane_solb_bedone_hefaz').prop('checked', false) + results.increase_damage_reasons_naqs_dar_naheye_enteqali == 1 ? modal.find('#naqs_dar_naheye_enteqali').prop('checked', true) && modal.find("#naqs_dar_naheye_enteqali").parents("h6").css("color", "#ff5c0f") : modal.find('#naqs_dar_naheye_enteqali').prop('checked', false) + results.increase_damage_reasons_naqs_ya_adam_kefayat == 1 ? modal.find('#naqs_ya_adam_kefayat').prop('checked', true) && modal.find("#naqs_ya_adam_kefayat").parents("h6").css("color", "#ff5c0f") : modal.find('#naqs_ya_adam_kefayat').prop('checked', false) + results.increase_damage_reasons_naqs_ya_adam_kefayat_hefaze_miyani == 1 ? modal.find('#naqs_ya_adam_kefayat_hefaze_miyani').prop('checked', true) && modal.find("#naqs_ya_adam_kefayat_hefaze_miyani").parents("h6").css("color", "#ff5c0f") : modal.find('#naqs_ya_adam_kefayat_hefaze_miyani').prop('checked', false) + results.increase_damage_reasons_naqs_ya_adam_kefayat_narde_pol == 1 ? modal.find('#naqs_ya_adam_kefayat_narde_pol').prop('checked', true) && modal.find("#naqs_ya_adam_kefayat_narde_pol").parents("h6").css("color", "#ff5c0f") : modal.find('#naqs_ya_adam_kefayat_narde_pol').prop('checked', false) + results.increase_damage_reasons_sar_azad_hefaz == 1 ? modal.find('#sar_azad_hefaz').prop('checked', true) && modal.find("#sar_azad_hefaz").parents("h6").css("color", "#ff5c0f") : modal.find('#sar_azad_hefaz').prop('checked', false) + results.increase_damage_reasons_shirvani_tond_ya_partgah == 1 ? modal.find('#shirvani_tond_ya_partgah').prop('checked', true) && modal.find("#shirvani_tond_ya_partgah").parents("h6").css("color", "#ff5c0f") : modal.find('#shirvani_tond_ya_partgah').prop('checked', false) + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + }); +}); + +// unconfirm accident [modal oppening] +$(document).on('click', '#unconfirm', function () { + const modal = $("#expert_message"); + modal.find("button[type='submit']").data("rowId", $(this).data("rowId")); + modal.modal("show"); + modal.find(".make-clean-textarea").val(""); +}); +// end unconfirm accident + +// confirm [submmit] +$(document).on('click', '#confirm', function () { + const modal = $(this).parents(".modal"); + Swal.fire({ + icon: "warning", + title: "آیا برای تایید مطمئن هستید؟", + showCancelButton: true, + confirmButtonColor: "#3085d6", + cancelButtonColor: "#d33", + confirmButtonText: "بله، تایید می‌شود", + cancelButtonText: "منصرف شدم!", + showLoaderOnConfirm: true, + preConfirm: () => { + + + let formData = new FormData(); + formData.append("state", 1); + + $.ajax({ + url: `/daily_accident/set_state/${modal.find("button[type='confirm']").data("rowId")}`, + type: "POST", + cache: false, + data: formData, + processData: false, + contentType: false, + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + Accept: "application/json", + }, + beforeSend: function () { + showLoaderScreen(); + modal.find("button[type='confirm']").prop("disabled", true); + }, + success: function (result) { + modal.modal("hide"); + Swal.fire({ + icon: "success", + title: `انجام شد`, + text: `پیام شما با موفقیت ثبت شد`, + heightAuto: false, + showConfirmButton: false, + timer: 1500, + }); + table.ajax.reload(); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + complete: function (data) { + hideLoaderScreen(); + modal.find("button[type='confirm']").prop("disabled", false); + }, + }); + + }, + }); + +}); +// end confirm + +$(document).on("click", "#record_message", function () { + const modal = $(this).parents(".modal"); + if ($("#create_expert_message").val() == "") { + $("#create_expert_message").css("border-color", "crimson"); + Swal.fire({ + icon: "error", + title: "خطا", + text: "لطفا فیلد مشخص شده را پر کنید", + confirmButtonText: "بستن", + showLoaderOnConfirm: true, + }); + } else { + const state = 0; + const message = modal.find("#create_expert_message").val(); + let formData = new FormData(); + formData.append("state", state); + formData.append("message", message); + + $.ajax({ + url: `/daily_accident/set_state/${modal.find("#record_message").data("rowId")}`, + type: "POST", + cache: false, + data: formData, + processData: false, + contentType: false, + headers: { + "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"), + Accept: "application/json", + }, + beforeSend: function () { + showLoaderScreen(); + modal.find("#record_message").prop("disabled", true); + }, + success: function (result) { + modal.modal("hide"); + $("#expert_confirmation_modal").modal("hide"); + Swal.fire({ + icon: "success", + title: `انجام شد`, + text: `پیام شما با موفقیت ثبت شد`, + heightAuto: false, + showConfirmButton: false, + timer: 1500, + }); + table.ajax.reload(); + }, + error: function (request) { + ajax_error(request.responseJSON, request.status); + hideLoaderScreen(); + }, + complete: function (data) { + hideLoaderScreen(); + modal.find("#record_message").prop("disabled", false); + }, + }); + } +}); +$("#main-table-points").on("click", ".btn-showOnMap-dailyAccident", function () { + showLoaderScreen(); + + const modal = $("#show_dailyAccident_modal"); + const tr = $(this).closest("tr"); + const row = table.row(tr); + const row_lat = row.data().lat; + const row_lng = row.data().lng; + const markerPosition = [row_lat, row_lng]; + + modal.find("#show_on_map_lat").text(row_lat); + modal.find("#show_on_map_lng").text(row_lng); + + if (mapShow == null) { + buildMapShowAndMarker(markerPosition).then(() => { + hideLoaderScreen(); + }); + } else { + changePositionMarkerInMapShow(markerPosition).then(() => { + hideLoaderScreen(); + }); + } + + modal.modal("show"); +}); + +function appendYearFilter() { + var current_year; + $(".yearfilter").append(``); + current_year = new persianDate().year(); + for (let i = 1398; i <= current_year; i++) { + $(".yearfilter").append( + "\ + \ + " + ); + } +} + +$(document).on("click", "#btn_filter_show", function () { + _table = table; + var currentFilterQueryto = ""; + var currentFilterQueryfrom = ""; + var currentDate = {}; + const province_value = $("#select-province option:selected"); + const collision_type = $("#filter_collision_type option:selected"); + const axis_value = $("#filter_axis_type option:selected"); + const way_geometry = $("#filter_way_geometri option:selected"); + const timePicker = $("#timePicker"); + currentFilterYear = $('select[name="yearfilter"]').val(); + if (currentFilterYear != 0) { + currentDate.from = moment(currentFilterYear, "jYYYY"); + currentFilterQueryfrom = currentDate.from.locale("en").format("YYYY-MM-DD"); + currentDate.to = moment(currentFilterYear, "jYYYY"); + currentDate.to.add(1, "year"); + currentFilterQueryto = currentDate.to.locale("en").format("YYYY-MM-DD"); + } + + console.log(currentFilterQueryfrom); + console.log(currentFilterQueryto); + + if (province_value.val() != 0) { + _table = _table.column(1).search(province_value.text()) + } else { + _table = _table.column(1).search('') + } + + if (collision_type.val() != 0) { + _table = _table.column(9).search(collision_type.text()) + } else { + _table = _table.column(9).search('') + } + + if (axis_value.val() != 0) { + _table = _table.column(3).search(axis_value.text()) + } else { + _table = _table.column(3).search('') + } + if (way_geometry.val() != 0) { + _table = _table.column(10).search(way_geometry.text()) + } else { + _table = _table.column(10).search('') + } + if (currentFilterYear != 0) { + _table = _table.column(14).search(currentFilterQueryfrom + "&" + currentFilterQueryto) + } else { + _table = _table.column(14).search('') + } + if (timePicker.val() != 0) { + if (timePicker.val() == 1) { + _table = _table.column(13).search("06:00:00&18:00:00"); + } else { + _table = _table.column(13).search("18:00:01&23:59:59_00:00:00&05:59:59"); + } + } else { + _table = _table.column(13).search(''); + } + _table.draw(); +}); +$("#btn_excel-download").on("click", function () { + let currentDate = {}; + let queryParems = []; + const province = $('select[name="select-province-excel"]').val(); + if (!( + $("#datapicker-from-excel-table").is(":disabled") && + $("#datapicker-to-excel-table").is(":disabled") + )) { + if ( + excelDatepickerFirstTable.from != "" && + excelDatepickerFirstTable.to != "" + ) { + currentDate.from = moment( + excelDatepickerFirstTable.from.getState().selected.year + + "/" + + excelDatepickerFirstTable.from.getState().selected.month + + "/" + + excelDatepickerFirstTable.from.getState().selected.date, + "jYYYY/jM/jD" + ).format("YYYY-MM-DD"); + + currentDate.to = moment( + excelDatepickerFirstTable.to.getState().selected.year + + "/" + + excelDatepickerFirstTable.to.getState().selected.month + + "/" + + excelDatepickerFirstTable.to.getState().selected.date, + "jYYYY/jM/jD" + ).format("YYYY-MM-DD"); + + queryParems.push(`fromDate=${currentDate.from}`); + queryParems.push(`toDate=${currentDate.to}`); + } + } + if (province != 0) queryParems.push(`province=${province}`); + const url = `/reports/daily-accident${queryParems.length != 0 ? `?${queryParems.join("&")}` : ""}`; + window.open(url, "_blank"); +}); +$("#btn_poster-download").on("click", function () { + let currentDate = {}; + let queryParems = []; + const province = $('select[name="select-province-poster"]').val(); + if (province != 0) queryParems.push(`province_id=${province}`); + if (!( + $("#datapicker-from-poster-table").is(":disabled") && + $("#datapicker-to-poster-table").is(":disabled") + )) { + if ( + posterDatepickerFirstTable.from != "" && + posterDatepickerFirstTable.to != "" + ) { + currentDate.from = moment( + posterDatepickerFirstTable.from.getState().selected.year + + "/" + + posterDatepickerFirstTable.from.getState().selected.month + + "/" + + posterDatepickerFirstTable.from.getState().selected.date, + "jYYYY/jM/jD" + ).format("YYYY-MM-DD"); + + currentDate.to = moment( + posterDatepickerFirstTable.to.getState().selected.year + + "/" + + posterDatepickerFirstTable.to.getState().selected.month + + "/" + + posterDatepickerFirstTable.to.getState().selected.date, + "jYYYY/jM/jD" + ).format("YYYY-MM-DD"); + + queryParems.push(`from_date=${currentDate.from}`); + queryParems.push(`to_date=${currentDate.to}`); + } + } + const url = `/daily_accident_poster${queryParems.length != 0 ? `?${queryParems.join("&")}` : ""}`; + window.open(url, "_blank"); +}); \ No newline at end of file diff --git a/public/version2/js/dashboard_pages/accident_points/daily_accidents_map.js b/public/version2/js/dashboard_pages/accident_points/daily_accidents_map.js new file mode 100644 index 00000000..6249e1e8 --- /dev/null +++ b/public/version2/js/dashboard_pages/accident_points/daily_accidents_map.js @@ -0,0 +1,412 @@ +//maps variable +const MAP_ENDPOINT = "https://rmsmap.rmto.ir"; +const MAP_MIN_ZOOM = 5; +const MAP_MAX_ZOOM = 10; +var bounds = [ + [46.9130026312, 77.6166317076], + [17.5782370061, 32.5092252948], +]; +var mymap; +var current_year = new persianDate().year(); +var jalali_to_Gregorian; +var queryParems = []; +var queryNames = []; +var markerLayercluster = null; +var currentDate = {}; +var date_array = []; + +(() => { + const heightHeader = $('.header').height() + + document.getElementById('mymap').style.setProperty('height', `calc(100vh - ${heightHeader}px)`) +})() + +function showLoaderScreen() { + $(".divloader").css("display", "flex").hide().fadeIn(); +} + +function hideLoaderScreen() { + $(".divloader").fadeOut(); +} +var purpleIcon = L.divIcon({ + className: "custom-div-icon", + html: "", + iconSize: [32, 44], +}); +var pinkIcon = L.divIcon({ + className: "custom-div-icon", + html: "", + iconSize: [32, 44], +}); +var greenIcon = L.divIcon({ + className: "custom-div-icon", + html: "", + iconSize: [32, 44], +}); +var redIcon = L.divIcon({ + className: "custom-div-icon", + html: "", + iconSize: [32, 44], +}); +var blueIcon = L.divIcon({ + className: "custom-div-icon", + html: "", + iconSize: [32, 44], +}); +var iranLayer = L.tileLayer( + "https://rmsmap.rmto.ir/141map/{z}/{x}/{y}.png", + {} +); +(function () { + buildMap().then(() => { + getProvinceList().then(() => { + getYearList().then(() => { + UncheckAll(); + }); + }); + }); +})(); +function getProvinceList() { + return new Promise(function (resolve) { + $.ajax({ + url: `/webapi/getuser/province-perm?type=all`, + type: "GET", + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + const provinces = result.data; + $(".province-list").empty(); + provinces.map((item, index) => { + $(".province-list").append(`
  • + ${item.name_fa} + +
  • `) + }); + hideLoaderScreen(); + }, + error: function (error) { + hideLoaderScreen(); + Swal.fire({ + icon: "error", + title: "خطا", + text: "مشکل در دریافت استان ها", + confirmButtonText: "بروزرسانی صفحه", + showLoaderOnConfirm: true, + preConfirm: () => { + location.reload(true); + }, + }); + }, + }); + resolve(); + }) +} +function getYearList() { + return new Promise(function (resolve) { + for (let i = 1398; i <= current_year; i++) { + currentDate.from = moment(i, "jYYYY"); + currentFilterQueryfrom = currentDate.from.locale("en").format("YYYY-MM-DD"); + currentDate.to = moment(i, "jYYYY"); + currentDate.to.add(1, "year"); + currentFilterQueryto = currentDate.to.locale("en").format("YYYY-MM-DD"); + $(".year-list").append(`
  • + ${i} + +
  • `); + } + resolve(); + }) +} +function buildMap() { + return new Promise(function (resolve) { + mymap = L.map("mymap", { + maxBounds: bounds, + minZoom: 6, + }).setView([35.5468992, 51.7300532], 6); + L.tileLayer(MAP_ENDPOINT + "/141map/{z}/{x}/{y}.png", {}).addTo(mymap); + resolve(); + }) +} + +$(document).on("click", ".guid-custom-box-DailyAccident input", function () { + queryParems = []; + if ($(this).is(":checked")) { + if (queryNames.length != 0) { + if (queryNames.filter(e => e.name === $(this).parent().parent().data('name')).length > 0) { + if (($(this).parent().parent().data('name') === "day_part")) { + + var index = queryNames.findIndex(x => x.name === $(this).parent().parent().data('name')); + queryNames[index].value = $(this).val(); + } + else { + var index = queryNames.findIndex(x => x.name === $(this).parent().parent().data('name')); + queryNames[index].value = [...queryNames[index].value, $(this).val()]; + } + } + else { + queryNames.push({ name: $(this).parent().parent().data('name'), value: [$(this).val()] }); + } + } + else { + queryNames.push({ name: $(this).parent().parent().data('name'), value: [$(this).val()] }); + } + + } + else { + if (($(this).parent().parent().data('name') === "year")) { + $('.year-list').find('.year-checkbox:checked').each(function (index) { + date_array = jQuery.grep(date_array, function (value) { + return value != `from_date[${index}]=${$(this).data("from")}&to_date[${index}]=${$(this).data("to")}`; + }); + }); + } + else { + if (queryNames.filter(e => e.name === $(this).parent().parent().data('name')).length > 0) { + var index = queryNames.findIndex(x => x.name === $(this).parent().parent().data('name')); + queryNames[index].value = queryNames[index].value.filter((el) => el !== $(this).val()); + } + } + + } + GetData(); +}); +function showPointsOnMap(data) { + removeAccidentMarker().then(() => { + addClusterMarkers(data).then(() => { + hideLoaderScreen() + }) + }); +} +function addClusterMarkers(data) { + return new Promise(function (resolve) { + markerLayercluster = L.markerClusterGroup(); + let markerList = []; + data.map((item, index) => { + let marker = null; + if (item.lat != null && item.lng != null) { + marker = L.marker([item.lat, item.lng], { + icon: purpleIcon, + }).on("click", function () { + var popup = L.popup() + .setLatLng(this.getLatLng()) + .setContent("در حال بروزرسانی ...") + .openOn(mymap); + $.ajax({ + url: `/daily_accident/${item.id}`, + type: "GET", + beforeSend: function () { + showLoaderScreen(); + }, + success: function (result) { + var chart_div = `
    + +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +@endsection +@section('scripts-body') + + + + + + + + + + + + + + + + + + + + + + + +@endsection diff --git a/resources/views/version2/dashboard_pages/winter_camp/map.blade.php b/resources/views/version2/dashboard_pages/winter_camp/map.blade.php new file mode 100644 index 00000000..455ff434 --- /dev/null +++ b/resources/views/version2/dashboard_pages/winter_camp/map.blade.php @@ -0,0 +1,101 @@ +@extends('layouts.dashboard.map') +@section('title', 'محور مسدودی بر روی نقشه') +@section('styles') + + + + + + + + + + + + + + + + + + + + + + + + + + + +@endsection +@section('breadcrumb') + +@endsection +@section('content') +
    +
    +
    +@endsection +@section('scripts-body') + + + + + + + + + + + + + + + + + + + + + + + + + + +@endsection \ No newline at end of file diff --git a/resources/views/word/static-print-country-chart.blade.php b/resources/views/word/static-print-country-chart.blade.php new file mode 100644 index 00000000..f5f474a8 --- /dev/null +++ b/resources/views/word/static-print-country-chart.blade.php @@ -0,0 +1,385 @@ +{{-- {{dd($data)}} --}} + + + + + + + + خروجی به PDF + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/resources/views/word/static-print-organization-chart.blade.php b/resources/views/word/static-print-organization-chart.blade.php new file mode 100644 index 00000000..6c41cf17 --- /dev/null +++ b/resources/views/word/static-print-organization-chart.blade.php @@ -0,0 +1,385 @@ +{{-- {{dd($data)}} --}} + + + + + + + + خروجی به PDF + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/resources/views/word/template.blade.php b/resources/views/word/template.blade.php new file mode 100644 index 00000000..0c26eeb1 --- /dev/null +++ b/resources/views/word/template.blade.php @@ -0,0 +1,439 @@ + + + + + + + + + خروجی به PDF + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/resources/views/word/user-activity-individual.blade.php b/resources/views/word/user-activity-individual.blade.php new file mode 100644 index 00000000..d2e02d80 --- /dev/null +++ b/resources/views/word/user-activity-individual.blade.php @@ -0,0 +1,497 @@ +{{-- {{dd($data)}} --}} + + + + + + + + خروجی به PDF + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/word/user-activity.blade.php b/resources/views/word/user-activity.blade.php new file mode 100644 index 00000000..2e58b4c0 --- /dev/null +++ b/resources/views/word/user-activity.blade.php @@ -0,0 +1,503 @@ +{{-- {{dd($data)}} --}} + + + + + + + + خروجی به PDF + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/routes/v3.php b/routes/v3.php index a2d2f81c..c5adce38 100644 --- a/routes/v3.php +++ b/routes/v3.php @@ -567,6 +567,8 @@ Route::prefix('harim') ->group(function () { Route::post('/receive_new_request', 'receiveNewRequest')->name('receiveNewRequest'); Route::post('/receive_access_road','getAccessRoad')->name('getAccessRoad'); + Route::post('/get_reject_request','getRejectRequest')->name('getRejectRequest'); + Route::post('/get_final_polygons','getFinalPolygons')->name('getFinalPolygons'); }); });