/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto:400,700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/material-design-icons-iconfont/dist/material-design-icons.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('MaterialIcons-Regular.eot');
  /* For IE6-8 */
  src: local("☺"), url('MaterialIcons-Regular.woff2') format("woff2"), url('MaterialIcons-Regular.woff') format("woff"), url('MaterialIcons-Regular.ttf') format("truetype"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }
  .material-icons._10k:before {
    content: "\e951"; }
  .material-icons._10mp:before {
    content: "\e952"; }
  .material-icons._11mp:before {
    content: "\e953"; }
  .material-icons._12mp:before {
    content: "\e954"; }
  .material-icons._13mp:before {
    content: "\e955"; }
  .material-icons._14mp:before {
    content: "\e956"; }
  .material-icons._15mp:before {
    content: "\e957"; }
  .material-icons._16mp:before {
    content: "\e958"; }
  .material-icons._17mp:before {
    content: "\e959"; }
  .material-icons._18mp:before {
    content: "\e95a"; }
  .material-icons._19mp:before {
    content: "\e95b"; }
  .material-icons._1k:before {
    content: "\e95c"; }
  .material-icons._1k_plus:before {
    content: "\e95d"; }
  .material-icons._20mp:before {
    content: "\e95e"; }
  .material-icons._21mp:before {
    content: "\e95f"; }
  .material-icons._22mp:before {
    content: "\e960"; }
  .material-icons._23mp:before {
    content: "\e961"; }
  .material-icons._24mp:before {
    content: "\e962"; }
  .material-icons._2k:before {
    content: "\e963"; }
  .material-icons._2k_plus:before {
    content: "\e964"; }
  .material-icons._2mp:before {
    content: "\e965"; }
  .material-icons._360:before {
    content: "\e577"; }
  .material-icons._3d_rotation:before {
    content: "\e84d"; }
  .material-icons._3k:before {
    content: "\e966"; }
  .material-icons._3k_plus:before {
    content: "\e967"; }
  .material-icons._3mp:before {
    content: "\e968"; }
  .material-icons._4k:before {
    content: "\e072"; }
  .material-icons._4k_plus:before {
    content: "\e969"; }
  .material-icons._4mp:before {
    content: "\e96a"; }
  .material-icons._5k:before {
    content: "\e96b"; }
  .material-icons._5k_plus:before {
    content: "\e96c"; }
  .material-icons._5mp:before {
    content: "\e96d"; }
  .material-icons._6k:before {
    content: "\e96e"; }
  .material-icons._6k_plus:before {
    content: "\e96f"; }
  .material-icons._6mp:before {
    content: "\e970"; }
  .material-icons._7k:before {
    content: "\e971"; }
  .material-icons._7k_plus:before {
    content: "\e972"; }
  .material-icons._7mp:before {
    content: "\e973"; }
  .material-icons._8k:before {
    content: "\e974"; }
  .material-icons._8k_plus:before {
    content: "\e975"; }
  .material-icons._8mp:before {
    content: "\e976"; }
  .material-icons._9k:before {
    content: "\e977"; }
  .material-icons._9k_plus:before {
    content: "\e978"; }
  .material-icons._9mp:before {
    content: "\e979"; }
  .material-icons.ac_unit:before {
    content: "\eb3b"; }
  .material-icons.access_alarm:before {
    content: "\e190"; }
  .material-icons.access_alarms:before {
    content: "\e191"; }
  .material-icons.access_time:before {
    content: "\e192"; }
  .material-icons.accessibility:before {
    content: "\e84e"; }
  .material-icons.accessibility_new:before {
    content: "\e92c"; }
  .material-icons.accessible:before {
    content: "\e914"; }
  .material-icons.accessible_forward:before {
    content: "\e934"; }
  .material-icons.account_balance:before {
    content: "\e84f"; }
  .material-icons.account_balance_wallet:before {
    content: "\e850"; }
  .material-icons.account_box:before {
    content: "\e851"; }
  .material-icons.account_circle:before {
    content: "\e853"; }
  .material-icons.account_tree:before {
    content: "\e97a"; }
  .material-icons.adb:before {
    content: "\e60e"; }
  .material-icons.add:before {
    content: "\e145"; }
  .material-icons.add_a_photo:before {
    content: "\e439"; }
  .material-icons.add_alarm:before {
    content: "\e193"; }
  .material-icons.add_alert:before {
    content: "\e003"; }
  .material-icons.add_box:before {
    content: "\e146"; }
  .material-icons.add_call:before {
    content: "\e0e8"; }
  .material-icons.add_chart:before {
    content: "\e97b"; }
  .material-icons.add_circle:before {
    content: "\e147"; }
  .material-icons.add_circle_outline:before {
    content: "\e148"; }
  .material-icons.add_comment:before {
    content: "\e266"; }
  .material-icons.add_ic_call:before {
    content: "\e97c"; }
  .material-icons.add_link:before {
    content: "\e178"; }
  .material-icons.add_location:before {
    content: "\e567"; }
  .material-icons.add_moderator:before {
    content: "\e97d"; }
  .material-icons.add_photo_alternate:before {
    content: "\e43e"; }
  .material-icons.add_shopping_cart:before {
    content: "\e854"; }
  .material-icons.add_to_home_screen:before {
    content: "\e1fe"; }
  .material-icons.add_to_photos:before {
    content: "\e39d"; }
  .material-icons.add_to_queue:before {
    content: "\e05c"; }
  .material-icons.adjust:before {
    content: "\e39e"; }
  .material-icons.airline_seat_flat:before {
    content: "\e630"; }
  .material-icons.airline_seat_flat_angled:before {
    content: "\e631"; }
  .material-icons.airline_seat_individual_suite:before {
    content: "\e632"; }
  .material-icons.airline_seat_legroom_extra:before {
    content: "\e633"; }
  .material-icons.airline_seat_legroom_normal:before {
    content: "\e634"; }
  .material-icons.airline_seat_legroom_reduced:before {
    content: "\e635"; }
  .material-icons.airline_seat_recline_extra:before {
    content: "\e636"; }
  .material-icons.airline_seat_recline_normal:before {
    content: "\e637"; }
  .material-icons.airplanemode_active:before {
    content: "\e195"; }
  .material-icons.airplanemode_inactive:before {
    content: "\e194"; }
  .material-icons.airplanemode_off:before {
    content: "\e194"; }
  .material-icons.airplanemode_on:before {
    content: "\e195"; }
  .material-icons.airplay:before {
    content: "\e055"; }
  .material-icons.airport_shuttle:before {
    content: "\eb3c"; }
  .material-icons.alarm:before {
    content: "\e855"; }
  .material-icons.alarm_add:before {
    content: "\e856"; }
  .material-icons.alarm_off:before {
    content: "\e857"; }
  .material-icons.alarm_on:before {
    content: "\e858"; }
  .material-icons.album:before {
    content: "\e019"; }
  .material-icons.all_inbox:before {
    content: "\e97f"; }
  .material-icons.all_inclusive:before {
    content: "\eb3d"; }
  .material-icons.all_out:before {
    content: "\e90b"; }
  .material-icons.alternate_email:before {
    content: "\e0e6"; }
  .material-icons.amp_stories:before {
    content: "\ea13"; }
  .material-icons.android:before {
    content: "\e859"; }
  .material-icons.announcement:before {
    content: "\e85a"; }
  .material-icons.apartment:before {
    content: "\ea40"; }
  .material-icons.approval:before {
    content: "\e982"; }
  .material-icons.apps:before {
    content: "\e5c3"; }
  .material-icons.archive:before {
    content: "\e149"; }
  .material-icons.arrow_back:before {
    content: "\e5c4"; }
  .material-icons.arrow_back_ios:before {
    content: "\e5e0"; }
  .material-icons.arrow_downward:before {
    content: "\e5db"; }
  .material-icons.arrow_drop_down:before {
    content: "\e5c5"; }
  .material-icons.arrow_drop_down_circle:before {
    content: "\e5c6"; }
  .material-icons.arrow_drop_up:before {
    content: "\e5c7"; }
  .material-icons.arrow_forward:before {
    content: "\e5c8"; }
  .material-icons.arrow_forward_ios:before {
    content: "\e5e1"; }
  .material-icons.arrow_left:before {
    content: "\e5de"; }
  .material-icons.arrow_right:before {
    content: "\e5df"; }
  .material-icons.arrow_right_alt:before {
    content: "\e941"; }
  .material-icons.arrow_upward:before {
    content: "\e5d8"; }
  .material-icons.art_track:before {
    content: "\e060"; }
  .material-icons.aspect_ratio:before {
    content: "\e85b"; }
  .material-icons.assessment:before {
    content: "\e85c"; }
  .material-icons.assignment:before {
    content: "\e85d"; }
  .material-icons.assignment_ind:before {
    content: "\e85e"; }
  .material-icons.assignment_late:before {
    content: "\e85f"; }
  .material-icons.assignment_return:before {
    content: "\e860"; }
  .material-icons.assignment_returned:before {
    content: "\e861"; }
  .material-icons.assignment_turned_in:before {
    content: "\e862"; }
  .material-icons.assistant:before {
    content: "\e39f"; }
  .material-icons.assistant_direction:before {
    content: "\e988"; }
  .material-icons.assistant_navigation:before {
    content: "\e989"; }
  .material-icons.assistant_photo:before {
    content: "\e3a0"; }
  .material-icons.atm:before {
    content: "\e573"; }
  .material-icons.attach_file:before {
    content: "\e226"; }
  .material-icons.attach_money:before {
    content: "\e227"; }
  .material-icons.attachment:before {
    content: "\e2bc"; }
  .material-icons.attractions:before {
    content: "\ea52"; }
  .material-icons.audiotrack:before {
    content: "\e3a1"; }
  .material-icons.autorenew:before {
    content: "\e863"; }
  .material-icons.av_timer:before {
    content: "\e01b"; }
  .material-icons.backspace:before {
    content: "\e14a"; }
  .material-icons.backup:before {
    content: "\e864"; }
  .material-icons.badge:before {
    content: "\ea67"; }
  .material-icons.bakery_dining:before {
    content: "\ea53"; }
  .material-icons.ballot:before {
    content: "\e172"; }
  .material-icons.bar_chart:before {
    content: "\e26b"; }
  .material-icons.bathtub:before {
    content: "\ea41"; }
  .material-icons.battery_alert:before {
    content: "\e19c"; }
  .material-icons.battery_charging_full:before {
    content: "\e1a3"; }
  .material-icons.battery_full:before {
    content: "\e1a4"; }
  .material-icons.battery_std:before {
    content: "\e1a5"; }
  .material-icons.battery_unknown:before {
    content: "\e1a6"; }
  .material-icons.beach_access:before {
    content: "\eb3e"; }
  .material-icons.beenhere:before {
    content: "\e52d"; }
  .material-icons.block:before {
    content: "\e14b"; }
  .material-icons.bluetooth:before {
    content: "\e1a7"; }
  .material-icons.bluetooth_audio:before {
    content: "\e60f"; }
  .material-icons.bluetooth_connected:before {
    content: "\e1a8"; }
  .material-icons.bluetooth_disabled:before {
    content: "\e1a9"; }
  .material-icons.bluetooth_searching:before {
    content: "\e1aa"; }
  .material-icons.blur_circular:before {
    content: "\e3a2"; }
  .material-icons.blur_linear:before {
    content: "\e3a3"; }
  .material-icons.blur_off:before {
    content: "\e3a4"; }
  .material-icons.blur_on:before {
    content: "\e3a5"; }
  .material-icons.bolt:before {
    content: "\ea0b"; }
  .material-icons.book:before {
    content: "\e865"; }
  .material-icons.bookmark:before {
    content: "\e866"; }
  .material-icons.bookmark_border:before {
    content: "\e867"; }
  .material-icons.bookmark_outline:before {
    content: "\e867"; }
  .material-icons.bookmarks:before {
    content: "\e98b"; }
  .material-icons.border_all:before {
    content: "\e228"; }
  .material-icons.border_bottom:before {
    content: "\e229"; }
  .material-icons.border_clear:before {
    content: "\e22a"; }
  .material-icons.border_color:before {
    content: "\e22b"; }
  .material-icons.border_horizontal:before {
    content: "\e22c"; }
  .material-icons.border_inner:before {
    content: "\e22d"; }
  .material-icons.border_left:before {
    content: "\e22e"; }
  .material-icons.border_outer:before {
    content: "\e22f"; }
  .material-icons.border_right:before {
    content: "\e230"; }
  .material-icons.border_style:before {
    content: "\e231"; }
  .material-icons.border_top:before {
    content: "\e232"; }
  .material-icons.border_vertical:before {
    content: "\e233"; }
  .material-icons.branding_watermark:before {
    content: "\e06b"; }
  .material-icons.breakfast_dining:before {
    content: "\ea54"; }
  .material-icons.brightness_1:before {
    content: "\e3a6"; }
  .material-icons.brightness_2:before {
    content: "\e3a7"; }
  .material-icons.brightness_3:before {
    content: "\e3a8"; }
  .material-icons.brightness_4:before {
    content: "\e3a9"; }
  .material-icons.brightness_5:before {
    content: "\e3aa"; }
  .material-icons.brightness_6:before {
    content: "\e3ab"; }
  .material-icons.brightness_7:before {
    content: "\e3ac"; }
  .material-icons.brightness_auto:before {
    content: "\e1ab"; }
  .material-icons.brightness_high:before {
    content: "\e1ac"; }
  .material-icons.brightness_low:before {
    content: "\e1ad"; }
  .material-icons.brightness_medium:before {
    content: "\e1ae"; }
  .material-icons.broken_image:before {
    content: "\e3ad"; }
  .material-icons.brunch_dining:before {
    content: "\ea73"; }
  .material-icons.brush:before {
    content: "\e3ae"; }
  .material-icons.bubble_chart:before {
    content: "\e6dd"; }
  .material-icons.bug_report:before {
    content: "\e868"; }
  .material-icons.build:before {
    content: "\e869"; }
  .material-icons.burst_mode:before {
    content: "\e43c"; }
  .material-icons.bus_alert:before {
    content: "\e98f"; }
  .material-icons.business:before {
    content: "\e0af"; }
  .material-icons.business_center:before {
    content: "\eb3f"; }
  .material-icons.cached:before {
    content: "\e86a"; }
  .material-icons.cake:before {
    content: "\e7e9"; }
  .material-icons.calendar_today:before {
    content: "\e935"; }
  .material-icons.calendar_view_day:before {
    content: "\e936"; }
  .material-icons.call:before {
    content: "\e0b0"; }
  .material-icons.call_end:before {
    content: "\e0b1"; }
  .material-icons.call_made:before {
    content: "\e0b2"; }
  .material-icons.call_merge:before {
    content: "\e0b3"; }
  .material-icons.call_missed:before {
    content: "\e0b4"; }
  .material-icons.call_missed_outgoing:before {
    content: "\e0e4"; }
  .material-icons.call_received:before {
    content: "\e0b5"; }
  .material-icons.call_split:before {
    content: "\e0b6"; }
  .material-icons.call_to_action:before {
    content: "\e06c"; }
  .material-icons.camera:before {
    content: "\e3af"; }
  .material-icons.camera_alt:before {
    content: "\e3b0"; }
  .material-icons.camera_enhance:before {
    content: "\e8fc"; }
  .material-icons.camera_front:before {
    content: "\e3b1"; }
  .material-icons.camera_rear:before {
    content: "\e3b2"; }
  .material-icons.camera_roll:before {
    content: "\e3b3"; }
  .material-icons.cancel:before {
    content: "\e5c9"; }
  .material-icons.cancel_presentation:before {
    content: "\e0e9"; }
  .material-icons.cancel_schedule_send:before {
    content: "\ea39"; }
  .material-icons.car_rental:before {
    content: "\ea55"; }
  .material-icons.car_repair:before {
    content: "\ea56"; }
  .material-icons.card_giftcard:before {
    content: "\e8f6"; }
  .material-icons.card_membership:before {
    content: "\e8f7"; }
  .material-icons.card_travel:before {
    content: "\e8f8"; }
  .material-icons.cases:before {
    content: "\e992"; }
  .material-icons.casino:before {
    content: "\eb40"; }
  .material-icons.cast:before {
    content: "\e307"; }
  .material-icons.cast_connected:before {
    content: "\e308"; }
  .material-icons.category:before {
    content: "\e574"; }
  .material-icons.celebration:before {
    content: "\ea65"; }
  .material-icons.cell_wifi:before {
    content: "\e0ec"; }
  .material-icons.center_focus_strong:before {
    content: "\e3b4"; }
  .material-icons.center_focus_weak:before {
    content: "\e3b5"; }
  .material-icons.change_history:before {
    content: "\e86b"; }
  .material-icons.chat:before {
    content: "\e0b7"; }
  .material-icons.chat_bubble:before {
    content: "\e0ca"; }
  .material-icons.chat_bubble_outline:before {
    content: "\e0cb"; }
  .material-icons.check:before {
    content: "\e5ca"; }
  .material-icons.check_box:before {
    content: "\e834"; }
  .material-icons.check_box_outline_blank:before {
    content: "\e835"; }
  .material-icons.check_circle:before {
    content: "\e86c"; }
  .material-icons.check_circle_outline:before {
    content: "\e92d"; }
  .material-icons.chevron_left:before {
    content: "\e5cb"; }
  .material-icons.chevron_right:before {
    content: "\e5cc"; }
  .material-icons.child_care:before {
    content: "\eb41"; }
  .material-icons.child_friendly:before {
    content: "\eb42"; }
  .material-icons.chrome_reader_mode:before {
    content: "\e86d"; }
  .material-icons.circle_notifications:before {
    content: "\e994"; }
  .material-icons.class:before {
    content: "\e86e"; }
  .material-icons.clear:before {
    content: "\e14c"; }
  .material-icons.clear_all:before {
    content: "\e0b8"; }
  .material-icons.close:before {
    content: "\e5cd"; }
  .material-icons.closed_caption:before {
    content: "\e01c"; }
  .material-icons.closed_caption_off:before {
    content: "\e996"; }
  .material-icons.cloud:before {
    content: "\e2bd"; }
  .material-icons.cloud_circle:before {
    content: "\e2be"; }
  .material-icons.cloud_done:before {
    content: "\e2bf"; }
  .material-icons.cloud_download:before {
    content: "\e2c0"; }
  .material-icons.cloud_off:before {
    content: "\e2c1"; }
  .material-icons.cloud_queue:before {
    content: "\e2c2"; }
  .material-icons.cloud_upload:before {
    content: "\e2c3"; }
  .material-icons.code:before {
    content: "\e86f"; }
  .material-icons.collections:before {
    content: "\e3b6"; }
  .material-icons.collections_bookmark:before {
    content: "\e431"; }
  .material-icons.color_lens:before {
    content: "\e3b7"; }
  .material-icons.colorize:before {
    content: "\e3b8"; }
  .material-icons.comment:before {
    content: "\e0b9"; }
  .material-icons.commute:before {
    content: "\e940"; }
  .material-icons.compare:before {
    content: "\e3b9"; }
  .material-icons.compare_arrows:before {
    content: "\e915"; }
  .material-icons.compass_calibration:before {
    content: "\e57c"; }
  .material-icons.compress:before {
    content: "\e94d"; }
  .material-icons.computer:before {
    content: "\e30a"; }
  .material-icons.confirmation_num:before {
    content: "\e638"; }
  .material-icons.confirmation_number:before {
    content: "\e638"; }
  .material-icons.connected_tv:before {
    content: "\e998"; }
  .material-icons.contact_mail:before {
    content: "\e0d0"; }
  .material-icons.contact_phone:before {
    content: "\e0cf"; }
  .material-icons.contact_support:before {
    content: "\e94c"; }
  .material-icons.contactless:before {
    content: "\ea71"; }
  .material-icons.contacts:before {
    content: "\e0ba"; }
  .material-icons.content_copy:before {
    content: "\e14d"; }
  .material-icons.content_cut:before {
    content: "\e14e"; }
  .material-icons.content_paste:before {
    content: "\e14f"; }
  .material-icons.control_camera:before {
    content: "\e074"; }
  .material-icons.control_point:before {
    content: "\e3ba"; }
  .material-icons.control_point_duplicate:before {
    content: "\e3bb"; }
  .material-icons.copyright:before {
    content: "\e90c"; }
  .material-icons.create:before {
    content: "\e150"; }
  .material-icons.create_new_folder:before {
    content: "\e2cc"; }
  .material-icons.credit_card:before {
    content: "\e870"; }
  .material-icons.crop:before {
    content: "\e3be"; }
  .material-icons.crop_16_9:before {
    content: "\e3bc"; }
  .material-icons.crop_3_2:before {
    content: "\e3bd"; }
  .material-icons.crop_5_4:before {
    content: "\e3bf"; }
  .material-icons.crop_7_5:before {
    content: "\e3c0"; }
  .material-icons.crop_din:before {
    content: "\e3c1"; }
  .material-icons.crop_free:before {
    content: "\e3c2"; }
  .material-icons.crop_landscape:before {
    content: "\e3c3"; }
  .material-icons.crop_original:before {
    content: "\e3c4"; }
  .material-icons.crop_portrait:before {
    content: "\e3c5"; }
  .material-icons.crop_rotate:before {
    content: "\e437"; }
  .material-icons.crop_square:before {
    content: "\e3c6"; }
  .material-icons.dangerous:before {
    content: "\e99a"; }
  .material-icons.dashboard:before {
    content: "\e871"; }
  .material-icons.dashboard_customize:before {
    content: "\e99b"; }
  .material-icons.data_usage:before {
    content: "\e1af"; }
  .material-icons.date_range:before {
    content: "\e916"; }
  .material-icons.deck:before {
    content: "\ea42"; }
  .material-icons.dehaze:before {
    content: "\e3c7"; }
  .material-icons.delete:before {
    content: "\e872"; }
  .material-icons.delete_forever:before {
    content: "\e92b"; }
  .material-icons.delete_outline:before {
    content: "\e92e"; }
  .material-icons.delete_sweep:before {
    content: "\e16c"; }
  .material-icons.delivery_dining:before {
    content: "\ea72"; }
  .material-icons.departure_board:before {
    content: "\e576"; }
  .material-icons.description:before {
    content: "\e873"; }
  .material-icons.desktop_access_disabled:before {
    content: "\e99d"; }
  .material-icons.desktop_mac:before {
    content: "\e30b"; }
  .material-icons.desktop_windows:before {
    content: "\e30c"; }
  .material-icons.details:before {
    content: "\e3c8"; }
  .material-icons.developer_board:before {
    content: "\e30d"; }
  .material-icons.developer_mode:before {
    content: "\e1b0"; }
  .material-icons.device_hub:before {
    content: "\e335"; }
  .material-icons.device_thermostat:before {
    content: "\e1ff"; }
  .material-icons.device_unknown:before {
    content: "\e339"; }
  .material-icons.devices:before {
    content: "\e1b1"; }
  .material-icons.devices_other:before {
    content: "\e337"; }
  .material-icons.dialer_sip:before {
    content: "\e0bb"; }
  .material-icons.dialpad:before {
    content: "\e0bc"; }
  .material-icons.dinner_dining:before {
    content: "\ea57"; }
  .material-icons.directions:before {
    content: "\e52e"; }
  .material-icons.directions_bike:before {
    content: "\e52f"; }
  .material-icons.directions_boat:before {
    content: "\e532"; }
  .material-icons.directions_bus:before {
    content: "\e530"; }
  .material-icons.directions_car:before {
    content: "\e531"; }
  .material-icons.directions_ferry:before {
    content: "\e532"; }
  .material-icons.directions_railway:before {
    content: "\e534"; }
  .material-icons.directions_run:before {
    content: "\e566"; }
  .material-icons.directions_subway:before {
    content: "\e533"; }
  .material-icons.directions_train:before {
    content: "\e534"; }
  .material-icons.directions_transit:before {
    content: "\e535"; }
  .material-icons.directions_walk:before {
    content: "\e536"; }
  .material-icons.disc_full:before {
    content: "\e610"; }
  .material-icons.dnd_forwardslash:before {
    content: "\e611"; }
  .material-icons.dns:before {
    content: "\e875"; }
  .material-icons.do_not_disturb:before {
    content: "\e612"; }
  .material-icons.do_not_disturb_alt:before {
    content: "\e611"; }
  .material-icons.do_not_disturb_off:before {
    content: "\e643"; }
  .material-icons.do_not_disturb_on:before {
    content: "\e644"; }
  .material-icons.dock:before {
    content: "\e30e"; }
  .material-icons.domain:before {
    content: "\e7ee"; }
  .material-icons.domain_disabled:before {
    content: "\e0ef"; }
  .material-icons.done:before {
    content: "\e876"; }
  .material-icons.done_all:before {
    content: "\e877"; }
  .material-icons.done_outline:before {
    content: "\e92f"; }
  .material-icons.donut_large:before {
    content: "\e917"; }
  .material-icons.donut_small:before {
    content: "\e918"; }
  .material-icons.double_arrow:before {
    content: "\ea50"; }
  .material-icons.drafts:before {
    content: "\e151"; }
  .material-icons.drag_handle:before {
    content: "\e25d"; }
  .material-icons.drag_indicator:before {
    content: "\e945"; }
  .material-icons.drive_eta:before {
    content: "\e613"; }
  .material-icons.drive_file_move_outline:before {
    content: "\e9a1"; }
  .material-icons.drive_file_rename_outline:before {
    content: "\e9a2"; }
  .material-icons.drive_folder_upload:before {
    content: "\e9a3"; }
  .material-icons.dry_cleaning:before {
    content: "\ea58"; }
  .material-icons.duo:before {
    content: "\e9a5"; }
  .material-icons.dvr:before {
    content: "\e1b2"; }
  .material-icons.dynamic_feed:before {
    content: "\ea14"; }
  .material-icons.eco:before {
    content: "\ea35"; }
  .material-icons.edit:before {
    content: "\e3c9"; }
  .material-icons.edit_attributes:before {
    content: "\e578"; }
  .material-icons.edit_location:before {
    content: "\e568"; }
  .material-icons.edit_off:before {
    content: "\e950"; }
  .material-icons.eject:before {
    content: "\e8fb"; }
  .material-icons.email:before {
    content: "\e0be"; }
  .material-icons.emoji_emotions:before {
    content: "\ea22"; }
  .material-icons.emoji_events:before {
    content: "\ea23"; }
  .material-icons.emoji_flags:before {
    content: "\ea1a"; }
  .material-icons.emoji_food_beverage:before {
    content: "\ea1b"; }
  .material-icons.emoji_nature:before {
    content: "\ea1c"; }
  .material-icons.emoji_objects:before {
    content: "\ea24"; }
  .material-icons.emoji_people:before {
    content: "\ea1d"; }
  .material-icons.emoji_symbols:before {
    content: "\ea1e"; }
  .material-icons.emoji_transportation:before {
    content: "\ea1f"; }
  .material-icons.enhance_photo_translate:before {
    content: "\e8fc"; }
  .material-icons.enhanced_encryption:before {
    content: "\e63f"; }
  .material-icons.equalizer:before {
    content: "\e01d"; }
  .material-icons.error:before {
    content: "\e000"; }
  .material-icons.error_outline:before {
    content: "\e001"; }
  .material-icons.euro:before {
    content: "\ea15"; }
  .material-icons.euro_symbol:before {
    content: "\e926"; }
  .material-icons.ev_station:before {
    content: "\e56d"; }
  .material-icons.event:before {
    content: "\e878"; }
  .material-icons.event_available:before {
    content: "\e614"; }
  .material-icons.event_busy:before {
    content: "\e615"; }
  .material-icons.event_note:before {
    content: "\e616"; }
  .material-icons.event_seat:before {
    content: "\e903"; }
  .material-icons.exit_to_app:before {
    content: "\e879"; }
  .material-icons.expand:before {
    content: "\e94f"; }
  .material-icons.expand_less:before {
    content: "\e5ce"; }
  .material-icons.expand_more:before {
    content: "\e5cf"; }
  .material-icons.explicit:before {
    content: "\e01e"; }
  .material-icons.explore:before {
    content: "\e87a"; }
  .material-icons.explore_off:before {
    content: "\e9a8"; }
  .material-icons.exposure:before {
    content: "\e3ca"; }
  .material-icons.exposure_minus_1:before {
    content: "\e3cb"; }
  .material-icons.exposure_minus_2:before {
    content: "\e3cc"; }
  .material-icons.exposure_neg_1:before {
    content: "\e3cb"; }
  .material-icons.exposure_neg_2:before {
    content: "\e3cc"; }
  .material-icons.exposure_plus_1:before {
    content: "\e3cd"; }
  .material-icons.exposure_plus_2:before {
    content: "\e3ce"; }
  .material-icons.exposure_zero:before {
    content: "\e3cf"; }
  .material-icons.extension:before {
    content: "\e87b"; }
  .material-icons.face:before {
    content: "\e87c"; }
  .material-icons.fast_forward:before {
    content: "\e01f"; }
  .material-icons.fast_rewind:before {
    content: "\e020"; }
  .material-icons.fastfood:before {
    content: "\e57a"; }
  .material-icons.favorite:before {
    content: "\e87d"; }
  .material-icons.favorite_border:before {
    content: "\e87e"; }
  .material-icons.favorite_outline:before {
    content: "\e87e"; }
  .material-icons.featured_play_list:before {
    content: "\e06d"; }
  .material-icons.featured_video:before {
    content: "\e06e"; }
  .material-icons.feedback:before {
    content: "\e87f"; }
  .material-icons.festival:before {
    content: "\ea68"; }
  .material-icons.fiber_dvr:before {
    content: "\e05d"; }
  .material-icons.fiber_manual_record:before {
    content: "\e061"; }
  .material-icons.fiber_new:before {
    content: "\e05e"; }
  .material-icons.fiber_pin:before {
    content: "\e06a"; }
  .material-icons.fiber_smart_record:before {
    content: "\e062"; }
  .material-icons.file_copy:before {
    content: "\e173"; }
  .material-icons.file_download:before {
    content: "\e2c4"; }
  .material-icons.file_download_done:before {
    content: "\e9aa"; }
  .material-icons.file_present:before {
    content: "\ea0e"; }
  .material-icons.file_upload:before {
    content: "\e2c6"; }
  .material-icons.filter:before {
    content: "\e3d3"; }
  .material-icons.filter_1:before {
    content: "\e3d0"; }
  .material-icons.filter_2:before {
    content: "\e3d1"; }
  .material-icons.filter_3:before {
    content: "\e3d2"; }
  .material-icons.filter_4:before {
    content: "\e3d4"; }
  .material-icons.filter_5:before {
    content: "\e3d5"; }
  .material-icons.filter_6:before {
    content: "\e3d6"; }
  .material-icons.filter_7:before {
    content: "\e3d7"; }
  .material-icons.filter_8:before {
    content: "\e3d8"; }
  .material-icons.filter_9:before {
    content: "\e3d9"; }
  .material-icons.filter_9_plus:before {
    content: "\e3da"; }
  .material-icons.filter_b_and_w:before {
    content: "\e3db"; }
  .material-icons.filter_center_focus:before {
    content: "\e3dc"; }
  .material-icons.filter_drama:before {
    content: "\e3dd"; }
  .material-icons.filter_frames:before {
    content: "\e3de"; }
  .material-icons.filter_hdr:before {
    content: "\e3df"; }
  .material-icons.filter_list:before {
    content: "\e152"; }
  .material-icons.filter_list_alt:before {
    content: "\e94e"; }
  .material-icons.filter_none:before {
    content: "\e3e0"; }
  .material-icons.filter_tilt_shift:before {
    content: "\e3e2"; }
  .material-icons.filter_vintage:before {
    content: "\e3e3"; }
  .material-icons.find_in_page:before {
    content: "\e880"; }
  .material-icons.find_replace:before {
    content: "\e881"; }
  .material-icons.fingerprint:before {
    content: "\e90d"; }
  .material-icons.fireplace:before {
    content: "\ea43"; }
  .material-icons.first_page:before {
    content: "\e5dc"; }
  .material-icons.fit_screen:before {
    content: "\ea10"; }
  .material-icons.fitness_center:before {
    content: "\eb43"; }
  .material-icons.flag:before {
    content: "\e153"; }
  .material-icons.flare:before {
    content: "\e3e4"; }
  .material-icons.flash_auto:before {
    content: "\e3e5"; }
  .material-icons.flash_off:before {
    content: "\e3e6"; }
  .material-icons.flash_on:before {
    content: "\e3e7"; }
  .material-icons.flight:before {
    content: "\e539"; }
  .material-icons.flight_land:before {
    content: "\e904"; }
  .material-icons.flight_takeoff:before {
    content: "\e905"; }
  .material-icons.flip:before {
    content: "\e3e8"; }
  .material-icons.flip_camera_android:before {
    content: "\ea37"; }
  .material-icons.flip_camera_ios:before {
    content: "\ea38"; }
  .material-icons.flip_to_back:before {
    content: "\e882"; }
  .material-icons.flip_to_front:before {
    content: "\e883"; }
  .material-icons.folder:before {
    content: "\e2c7"; }
  .material-icons.folder_open:before {
    content: "\e2c8"; }
  .material-icons.folder_shared:before {
    content: "\e2c9"; }
  .material-icons.folder_special:before {
    content: "\e617"; }
  .material-icons.font_download:before {
    content: "\e167"; }
  .material-icons.format_align_center:before {
    content: "\e234"; }
  .material-icons.format_align_justify:before {
    content: "\e235"; }
  .material-icons.format_align_left:before {
    content: "\e236"; }
  .material-icons.format_align_right:before {
    content: "\e237"; }
  .material-icons.format_bold:before {
    content: "\e238"; }
  .material-icons.format_clear:before {
    content: "\e239"; }
  .material-icons.format_color_fill:before {
    content: "\e23a"; }
  .material-icons.format_color_reset:before {
    content: "\e23b"; }
  .material-icons.format_color_text:before {
    content: "\e23c"; }
  .material-icons.format_indent_decrease:before {
    content: "\e23d"; }
  .material-icons.format_indent_increase:before {
    content: "\e23e"; }
  .material-icons.format_italic:before {
    content: "\e23f"; }
  .material-icons.format_line_spacing:before {
    content: "\e240"; }
  .material-icons.format_list_bulleted:before {
    content: "\e241"; }
  .material-icons.format_list_numbered:before {
    content: "\e242"; }
  .material-icons.format_list_numbered_rtl:before {
    content: "\e267"; }
  .material-icons.format_paint:before {
    content: "\e243"; }
  .material-icons.format_quote:before {
    content: "\e244"; }
  .material-icons.format_shapes:before {
    content: "\e25e"; }
  .material-icons.format_size:before {
    content: "\e245"; }
  .material-icons.format_strikethrough:before {
    content: "\e246"; }
  .material-icons.format_textdirection_l_to_r:before {
    content: "\e247"; }
  .material-icons.format_textdirection_r_to_l:before {
    content: "\e248"; }
  .material-icons.format_underline:before {
    content: "\e249"; }
  .material-icons.format_underlined:before {
    content: "\e249"; }
  .material-icons.forum:before {
    content: "\e0bf"; }
  .material-icons.forward:before {
    content: "\e154"; }
  .material-icons.forward_10:before {
    content: "\e056"; }
  .material-icons.forward_30:before {
    content: "\e057"; }
  .material-icons.forward_5:before {
    content: "\e058"; }
  .material-icons.free_breakfast:before {
    content: "\eb44"; }
  .material-icons.fullscreen:before {
    content: "\e5d0"; }
  .material-icons.fullscreen_exit:before {
    content: "\e5d1"; }
  .material-icons.functions:before {
    content: "\e24a"; }
  .material-icons.g_translate:before {
    content: "\e927"; }
  .material-icons.gamepad:before {
    content: "\e30f"; }
  .material-icons.games:before {
    content: "\e021"; }
  .material-icons.gavel:before {
    content: "\e90e"; }
  .material-icons.gesture:before {
    content: "\e155"; }
  .material-icons.get_app:before {
    content: "\e884"; }
  .material-icons.gif:before {
    content: "\e908"; }
  .material-icons.goat:before {
    content: "\dbff"; }
  .material-icons.golf_course:before {
    content: "\eb45"; }
  .material-icons.gps_fixed:before {
    content: "\e1b3"; }
  .material-icons.gps_not_fixed:before {
    content: "\e1b4"; }
  .material-icons.gps_off:before {
    content: "\e1b5"; }
  .material-icons.grade:before {
    content: "\e885"; }
  .material-icons.gradient:before {
    content: "\e3e9"; }
  .material-icons.grain:before {
    content: "\e3ea"; }
  .material-icons.graphic_eq:before {
    content: "\e1b8"; }
  .material-icons.grid_off:before {
    content: "\e3eb"; }
  .material-icons.grid_on:before {
    content: "\e3ec"; }
  .material-icons.grid_view:before {
    content: "\e9b0"; }
  .material-icons.group:before {
    content: "\e7ef"; }
  .material-icons.group_add:before {
    content: "\e7f0"; }
  .material-icons.group_work:before {
    content: "\e886"; }
  .material-icons.hail:before {
    content: "\e9b1"; }
  .material-icons.hardware:before {
    content: "\ea59"; }
  .material-icons.hd:before {
    content: "\e052"; }
  .material-icons.hdr_off:before {
    content: "\e3ed"; }
  .material-icons.hdr_on:before {
    content: "\e3ee"; }
  .material-icons.hdr_strong:before {
    content: "\e3f1"; }
  .material-icons.hdr_weak:before {
    content: "\e3f2"; }
  .material-icons.headset:before {
    content: "\e310"; }
  .material-icons.headset_mic:before {
    content: "\e311"; }
  .material-icons.headset_off:before {
    content: "\e33a"; }
  .material-icons.healing:before {
    content: "\e3f3"; }
  .material-icons.hearing:before {
    content: "\e023"; }
  .material-icons.height:before {
    content: "\ea16"; }
  .material-icons.help:before {
    content: "\e887"; }
  .material-icons.help_outline:before {
    content: "\e8fd"; }
  .material-icons.high_quality:before {
    content: "\e024"; }
  .material-icons.highlight:before {
    content: "\e25f"; }
  .material-icons.highlight_off:before {
    content: "\e888"; }
  .material-icons.highlight_remove:before {
    content: "\e888"; }
  .material-icons.history:before {
    content: "\e889"; }
  .material-icons.home:before {
    content: "\e88a"; }
  .material-icons.home_filled:before {
    content: "\e9b2"; }
  .material-icons.home_work:before {
    content: "\ea09"; }
  .material-icons.horizontal_split:before {
    content: "\e947"; }
  .material-icons.hot_tub:before {
    content: "\eb46"; }
  .material-icons.hotel:before {
    content: "\e53a"; }
  .material-icons.hourglass_empty:before {
    content: "\e88b"; }
  .material-icons.hourglass_full:before {
    content: "\e88c"; }
  .material-icons.house:before {
    content: "\ea44"; }
  .material-icons.how_to_reg:before {
    content: "\e174"; }
  .material-icons.how_to_vote:before {
    content: "\e175"; }
  .material-icons.http:before {
    content: "\e902"; }
  .material-icons.https:before {
    content: "\e88d"; }
  .material-icons.icecream:before {
    content: "\ea69"; }
  .material-icons.image:before {
    content: "\e3f4"; }
  .material-icons.image_aspect_ratio:before {
    content: "\e3f5"; }
  .material-icons.image_search:before {
    content: "\e43f"; }
  .material-icons.imagesearch_roller:before {
    content: "\e9b4"; }
  .material-icons.import_contacts:before {
    content: "\e0e0"; }
  .material-icons.import_export:before {
    content: "\e0c3"; }
  .material-icons.important_devices:before {
    content: "\e912"; }
  .material-icons.inbox:before {
    content: "\e156"; }
  .material-icons.indeterminate_check_box:before {
    content: "\e909"; }
  .material-icons.info:before {
    content: "\e88e"; }
  .material-icons.info_outline:before {
    content: "\e88f"; }
  .material-icons.input:before {
    content: "\e890"; }
  .material-icons.insert_chart:before {
    content: "\e24b"; }
  .material-icons.insert_chart_outlined:before {
    content: "\e26a"; }
  .material-icons.insert_comment:before {
    content: "\e24c"; }
  .material-icons.insert_drive_file:before {
    content: "\e24d"; }
  .material-icons.insert_emoticon:before {
    content: "\e24e"; }
  .material-icons.insert_invitation:before {
    content: "\e24f"; }
  .material-icons.insert_link:before {
    content: "\e250"; }
  .material-icons.insert_photo:before {
    content: "\e251"; }
  .material-icons.inventory:before {
    content: "\e179"; }
  .material-icons.invert_colors:before {
    content: "\e891"; }
  .material-icons.invert_colors_off:before {
    content: "\e0c4"; }
  .material-icons.invert_colors_on:before {
    content: "\e891"; }
  .material-icons.iso:before {
    content: "\e3f6"; }
  .material-icons.keyboard:before {
    content: "\e312"; }
  .material-icons.keyboard_arrow_down:before {
    content: "\e313"; }
  .material-icons.keyboard_arrow_left:before {
    content: "\e314"; }
  .material-icons.keyboard_arrow_right:before {
    content: "\e315"; }
  .material-icons.keyboard_arrow_up:before {
    content: "\e316"; }
  .material-icons.keyboard_backspace:before {
    content: "\e317"; }
  .material-icons.keyboard_capslock:before {
    content: "\e318"; }
  .material-icons.keyboard_control:before {
    content: "\e5d3"; }
  .material-icons.keyboard_hide:before {
    content: "\e31a"; }
  .material-icons.keyboard_return:before {
    content: "\e31b"; }
  .material-icons.keyboard_tab:before {
    content: "\e31c"; }
  .material-icons.keyboard_voice:before {
    content: "\e31d"; }
  .material-icons.king_bed:before {
    content: "\ea45"; }
  .material-icons.kitchen:before {
    content: "\eb47"; }
  .material-icons.label:before {
    content: "\e892"; }
  .material-icons.label_important:before {
    content: "\e937"; }
  .material-icons.label_important_outline:before {
    content: "\e948"; }
  .material-icons.label_off:before {
    content: "\e9b6"; }
  .material-icons.label_outline:before {
    content: "\e893"; }
  .material-icons.landscape:before {
    content: "\e3f7"; }
  .material-icons.language:before {
    content: "\e894"; }
  .material-icons.laptop:before {
    content: "\e31e"; }
  .material-icons.laptop_chromebook:before {
    content: "\e31f"; }
  .material-icons.laptop_mac:before {
    content: "\e320"; }
  .material-icons.laptop_windows:before {
    content: "\e321"; }
  .material-icons.last_page:before {
    content: "\e5dd"; }
  .material-icons.launch:before {
    content: "\e895"; }
  .material-icons.layers:before {
    content: "\e53b"; }
  .material-icons.layers_clear:before {
    content: "\e53c"; }
  .material-icons.leak_add:before {
    content: "\e3f8"; }
  .material-icons.leak_remove:before {
    content: "\e3f9"; }
  .material-icons.lens:before {
    content: "\e3fa"; }
  .material-icons.library_add:before {
    content: "\e02e"; }
  .material-icons.library_add_check:before {
    content: "\e9b7"; }
  .material-icons.library_books:before {
    content: "\e02f"; }
  .material-icons.library_music:before {
    content: "\e030"; }
  .material-icons.lightbulb:before {
    content: "\e0f0"; }
  .material-icons.lightbulb_outline:before {
    content: "\e90f"; }
  .material-icons.line_style:before {
    content: "\e919"; }
  .material-icons.line_weight:before {
    content: "\e91a"; }
  .material-icons.linear_scale:before {
    content: "\e260"; }
  .material-icons.link:before {
    content: "\e157"; }
  .material-icons.link_off:before {
    content: "\e16f"; }
  .material-icons.linked_camera:before {
    content: "\e438"; }
  .material-icons.liquor:before {
    content: "\ea60"; }
  .material-icons.list:before {
    content: "\e896"; }
  .material-icons.list_alt:before {
    content: "\e0ee"; }
  .material-icons.live_help:before {
    content: "\e0c6"; }
  .material-icons.live_tv:before {
    content: "\e639"; }
  .material-icons.local_activity:before {
    content: "\e53f"; }
  .material-icons.local_airport:before {
    content: "\e53d"; }
  .material-icons.local_atm:before {
    content: "\e53e"; }
  .material-icons.local_attraction:before {
    content: "\e53f"; }
  .material-icons.local_bar:before {
    content: "\e540"; }
  .material-icons.local_cafe:before {
    content: "\e541"; }
  .material-icons.local_car_wash:before {
    content: "\e542"; }
  .material-icons.local_convenience_store:before {
    content: "\e543"; }
  .material-icons.local_dining:before {
    content: "\e556"; }
  .material-icons.local_drink:before {
    content: "\e544"; }
  .material-icons.local_florist:before {
    content: "\e545"; }
  .material-icons.local_gas_station:before {
    content: "\e546"; }
  .material-icons.local_grocery_store:before {
    content: "\e547"; }
  .material-icons.local_hospital:before {
    content: "\e548"; }
  .material-icons.local_hotel:before {
    content: "\e549"; }
  .material-icons.local_laundry_service:before {
    content: "\e54a"; }
  .material-icons.local_library:before {
    content: "\e54b"; }
  .material-icons.local_mall:before {
    content: "\e54c"; }
  .material-icons.local_movies:before {
    content: "\e54d"; }
  .material-icons.local_offer:before {
    content: "\e54e"; }
  .material-icons.local_parking:before {
    content: "\e54f"; }
  .material-icons.local_pharmacy:before {
    content: "\e550"; }
  .material-icons.local_phone:before {
    content: "\e551"; }
  .material-icons.local_pizza:before {
    content: "\e552"; }
  .material-icons.local_play:before {
    content: "\e553"; }
  .material-icons.local_post_office:before {
    content: "\e554"; }
  .material-icons.local_print_shop:before {
    content: "\e555"; }
  .material-icons.local_printshop:before {
    content: "\e555"; }
  .material-icons.local_restaurant:before {
    content: "\e556"; }
  .material-icons.local_see:before {
    content: "\e557"; }
  .material-icons.local_shipping:before {
    content: "\e558"; }
  .material-icons.local_taxi:before {
    content: "\e559"; }
  .material-icons.location_city:before {
    content: "\e7f1"; }
  .material-icons.location_disabled:before {
    content: "\e1b6"; }
  .material-icons.location_history:before {
    content: "\e55a"; }
  .material-icons.location_off:before {
    content: "\e0c7"; }
  .material-icons.location_on:before {
    content: "\e0c8"; }
  .material-icons.location_searching:before {
    content: "\e1b7"; }
  .material-icons.lock:before {
    content: "\e897"; }
  .material-icons.lock_open:before {
    content: "\e898"; }
  .material-icons.lock_outline:before {
    content: "\e899"; }
  .material-icons.logout:before {
    content: "\e9ba"; }
  .material-icons.looks:before {
    content: "\e3fc"; }
  .material-icons.looks_3:before {
    content: "\e3fb"; }
  .material-icons.looks_4:before {
    content: "\e3fd"; }
  .material-icons.looks_5:before {
    content: "\e3fe"; }
  .material-icons.looks_6:before {
    content: "\e3ff"; }
  .material-icons.looks_one:before {
    content: "\e400"; }
  .material-icons.looks_two:before {
    content: "\e401"; }
  .material-icons.loop:before {
    content: "\e028"; }
  .material-icons.loupe:before {
    content: "\e402"; }
  .material-icons.low_priority:before {
    content: "\e16d"; }
  .material-icons.loyalty:before {
    content: "\e89a"; }
  .material-icons.lunch_dining:before {
    content: "\ea61"; }
  .material-icons.mail:before {
    content: "\e158"; }
  .material-icons.mail_outline:before {
    content: "\e0e1"; }
  .material-icons.map:before {
    content: "\e55b"; }
  .material-icons.margin:before {
    content: "\e9bb"; }
  .material-icons.mark_as_unread:before {
    content: "\e9bc"; }
  .material-icons.markunread:before {
    content: "\e159"; }
  .material-icons.markunread_mailbox:before {
    content: "\e89b"; }
  .material-icons.maximize:before {
    content: "\e930"; }
  .material-icons.meeting_room:before {
    content: "\eb4f"; }
  .material-icons.memory:before {
    content: "\e322"; }
  .material-icons.menu:before {
    content: "\e5d2"; }
  .material-icons.menu_book:before {
    content: "\ea19"; }
  .material-icons.menu_open:before {
    content: "\e9bd"; }
  .material-icons.merge_type:before {
    content: "\e252"; }
  .material-icons.message:before {
    content: "\e0c9"; }
  .material-icons.messenger:before {
    content: "\e0ca"; }
  .material-icons.messenger_outline:before {
    content: "\e0cb"; }
  .material-icons.mic:before {
    content: "\e029"; }
  .material-icons.mic_none:before {
    content: "\e02a"; }
  .material-icons.mic_off:before {
    content: "\e02b"; }
  .material-icons.minimize:before {
    content: "\e931"; }
  .material-icons.missed_video_call:before {
    content: "\e073"; }
  .material-icons.mms:before {
    content: "\e618"; }
  .material-icons.mobile_friendly:before {
    content: "\e200"; }
  .material-icons.mobile_off:before {
    content: "\e201"; }
  .material-icons.mobile_screen_share:before {
    content: "\e0e7"; }
  .material-icons.mode_comment:before {
    content: "\e253"; }
  .material-icons.mode_edit:before {
    content: "\e254"; }
  .material-icons.monetization_on:before {
    content: "\e263"; }
  .material-icons.money:before {
    content: "\e57d"; }
  .material-icons.money_off:before {
    content: "\e25c"; }
  .material-icons.monochrome_photos:before {
    content: "\e403"; }
  .material-icons.mood:before {
    content: "\e7f2"; }
  .material-icons.mood_bad:before {
    content: "\e7f3"; }
  .material-icons.more:before {
    content: "\e619"; }
  .material-icons.more_horiz:before {
    content: "\e5d3"; }
  .material-icons.more_vert:before {
    content: "\e5d4"; }
  .material-icons.motorcycle:before {
    content: "\e91b"; }
  .material-icons.mouse:before {
    content: "\e323"; }
  .material-icons.move_to_inbox:before {
    content: "\e168"; }
  .material-icons.movie:before {
    content: "\e02c"; }
  .material-icons.movie_creation:before {
    content: "\e404"; }
  .material-icons.movie_filter:before {
    content: "\e43a"; }
  .material-icons.mp:before {
    content: "\e9c3"; }
  .material-icons.multiline_chart:before {
    content: "\e6df"; }
  .material-icons.multitrack_audio:before {
    content: "\e1b8"; }
  .material-icons.museum:before {
    content: "\ea36"; }
  .material-icons.music_note:before {
    content: "\e405"; }
  .material-icons.music_off:before {
    content: "\e440"; }
  .material-icons.music_video:before {
    content: "\e063"; }
  .material-icons.my_library_add:before {
    content: "\e02e"; }
  .material-icons.my_library_books:before {
    content: "\e02f"; }
  .material-icons.my_library_music:before {
    content: "\e030"; }
  .material-icons.my_location:before {
    content: "\e55c"; }
  .material-icons.nature:before {
    content: "\e406"; }
  .material-icons.nature_people:before {
    content: "\e407"; }
  .material-icons.navigate_before:before {
    content: "\e408"; }
  .material-icons.navigate_next:before {
    content: "\e409"; }
  .material-icons.navigation:before {
    content: "\e55d"; }
  .material-icons.near_me:before {
    content: "\e569"; }
  .material-icons.network_cell:before {
    content: "\e1b9"; }
  .material-icons.network_check:before {
    content: "\e640"; }
  .material-icons.network_locked:before {
    content: "\e61a"; }
  .material-icons.network_wifi:before {
    content: "\e1ba"; }
  .material-icons.new_releases:before {
    content: "\e031"; }
  .material-icons.next_week:before {
    content: "\e16a"; }
  .material-icons.nfc:before {
    content: "\e1bb"; }
  .material-icons.nightlife:before {
    content: "\ea62"; }
  .material-icons.nights_stay:before {
    content: "\ea46"; }
  .material-icons.no_encryption:before {
    content: "\e641"; }
  .material-icons.no_meeting_room:before {
    content: "\eb4e"; }
  .material-icons.no_sim:before {
    content: "\e0cc"; }
  .material-icons.not_interested:before {
    content: "\e033"; }
  .material-icons.not_listed_location:before {
    content: "\e575"; }
  .material-icons.note:before {
    content: "\e06f"; }
  .material-icons.note_add:before {
    content: "\e89c"; }
  .material-icons.notes:before {
    content: "\e26c"; }
  .material-icons.notification_important:before {
    content: "\e004"; }
  .material-icons.notifications:before {
    content: "\e7f4"; }
  .material-icons.notifications_active:before {
    content: "\e7f7"; }
  .material-icons.notifications_none:before {
    content: "\e7f5"; }
  .material-icons.notifications_off:before {
    content: "\e7f6"; }
  .material-icons.notifications_on:before {
    content: "\e7f7"; }
  .material-icons.notifications_paused:before {
    content: "\e7f8"; }
  .material-icons.now_wallpaper:before {
    content: "\e1bc"; }
  .material-icons.now_widgets:before {
    content: "\e1bd"; }
  .material-icons.offline_bolt:before {
    content: "\e932"; }
  .material-icons.offline_pin:before {
    content: "\e90a"; }
  .material-icons.offline_share:before {
    content: "\e9c5"; }
  .material-icons.ondemand_video:before {
    content: "\e63a"; }
  .material-icons.opacity:before {
    content: "\e91c"; }
  .material-icons.open_in_browser:before {
    content: "\e89d"; }
  .material-icons.open_in_new:before {
    content: "\e89e"; }
  .material-icons.open_with:before {
    content: "\e89f"; }
  .material-icons.outdoor_grill:before {
    content: "\ea47"; }
  .material-icons.outlined_flag:before {
    content: "\e16e"; }
  .material-icons.padding:before {
    content: "\e9c8"; }
  .material-icons.pages:before {
    content: "\e7f9"; }
  .material-icons.pageview:before {
    content: "\e8a0"; }
  .material-icons.palette:before {
    content: "\e40a"; }
  .material-icons.pan_tool:before {
    content: "\e925"; }
  .material-icons.panorama:before {
    content: "\e40b"; }
  .material-icons.panorama_fish_eye:before {
    content: "\e40c"; }
  .material-icons.panorama_fisheye:before {
    content: "\e40c"; }
  .material-icons.panorama_horizontal:before {
    content: "\e40d"; }
  .material-icons.panorama_photosphere:before {
    content: "\e9c9"; }
  .material-icons.panorama_photosphere_select:before {
    content: "\e9ca"; }
  .material-icons.panorama_vertical:before {
    content: "\e40e"; }
  .material-icons.panorama_wide_angle:before {
    content: "\e40f"; }
  .material-icons.park:before {
    content: "\ea63"; }
  .material-icons.party_mode:before {
    content: "\e7fa"; }
  .material-icons.pause:before {
    content: "\e034"; }
  .material-icons.pause_circle_filled:before {
    content: "\e035"; }
  .material-icons.pause_circle_outline:before {
    content: "\e036"; }
  .material-icons.pause_presentation:before {
    content: "\e0ea"; }
  .material-icons.payment:before {
    content: "\e8a1"; }
  .material-icons.people:before {
    content: "\e7fb"; }
  .material-icons.people_alt:before {
    content: "\ea21"; }
  .material-icons.people_outline:before {
    content: "\e7fc"; }
  .material-icons.perm_camera_mic:before {
    content: "\e8a2"; }
  .material-icons.perm_contact_cal:before {
    content: "\e8a3"; }
  .material-icons.perm_contact_calendar:before {
    content: "\e8a3"; }
  .material-icons.perm_data_setting:before {
    content: "\e8a4"; }
  .material-icons.perm_device_info:before {
    content: "\e8a5"; }
  .material-icons.perm_device_information:before {
    content: "\e8a5"; }
  .material-icons.perm_identity:before {
    content: "\e8a6"; }
  .material-icons.perm_media:before {
    content: "\e8a7"; }
  .material-icons.perm_phone_msg:before {
    content: "\e8a8"; }
  .material-icons.perm_scan_wifi:before {
    content: "\e8a9"; }
  .material-icons.person:before {
    content: "\e7fd"; }
  .material-icons.person_add:before {
    content: "\e7fe"; }
  .material-icons.person_add_disabled:before {
    content: "\e9cb"; }
  .material-icons.person_outline:before {
    content: "\e7ff"; }
  .material-icons.person_pin:before {
    content: "\e55a"; }
  .material-icons.person_pin_circle:before {
    content: "\e56a"; }
  .material-icons.personal_video:before {
    content: "\e63b"; }
  .material-icons.pets:before {
    content: "\e91d"; }
  .material-icons.phone:before {
    content: "\e0cd"; }
  .material-icons.phone_android:before {
    content: "\e324"; }
  .material-icons.phone_bluetooth_speaker:before {
    content: "\e61b"; }
  .material-icons.phone_callback:before {
    content: "\e649"; }
  .material-icons.phone_disabled:before {
    content: "\e9cc"; }
  .material-icons.phone_enabled:before {
    content: "\e9cd"; }
  .material-icons.phone_forwarded:before {
    content: "\e61c"; }
  .material-icons.phone_in_talk:before {
    content: "\e61d"; }
  .material-icons.phone_iphone:before {
    content: "\e325"; }
  .material-icons.phone_locked:before {
    content: "\e61e"; }
  .material-icons.phone_missed:before {
    content: "\e61f"; }
  .material-icons.phone_paused:before {
    content: "\e620"; }
  .material-icons.phonelink:before {
    content: "\e326"; }
  .material-icons.phonelink_erase:before {
    content: "\e0db"; }
  .material-icons.phonelink_lock:before {
    content: "\e0dc"; }
  .material-icons.phonelink_off:before {
    content: "\e327"; }
  .material-icons.phonelink_ring:before {
    content: "\e0dd"; }
  .material-icons.phonelink_setup:before {
    content: "\e0de"; }
  .material-icons.photo:before {
    content: "\e410"; }
  .material-icons.photo_album:before {
    content: "\e411"; }
  .material-icons.photo_camera:before {
    content: "\e412"; }
  .material-icons.photo_filter:before {
    content: "\e43b"; }
  .material-icons.photo_library:before {
    content: "\e413"; }
  .material-icons.photo_size_select_actual:before {
    content: "\e432"; }
  .material-icons.photo_size_select_large:before {
    content: "\e433"; }
  .material-icons.photo_size_select_small:before {
    content: "\e434"; }
  .material-icons.picture_as_pdf:before {
    content: "\e415"; }
  .material-icons.picture_in_picture:before {
    content: "\e8aa"; }
  .material-icons.picture_in_picture_alt:before {
    content: "\e911"; }
  .material-icons.pie_chart:before {
    content: "\e6c4"; }
  .material-icons.pie_chart_outlined:before {
    content: "\e6c5"; }
  .material-icons.pin_drop:before {
    content: "\e55e"; }
  .material-icons.pivot_table_chart:before {
    content: "\e9ce"; }
  .material-icons.place:before {
    content: "\e55f"; }
  .material-icons.play_arrow:before {
    content: "\e037"; }
  .material-icons.play_circle_fill:before {
    content: "\e038"; }
  .material-icons.play_circle_filled:before {
    content: "\e038"; }
  .material-icons.play_circle_outline:before {
    content: "\e039"; }
  .material-icons.play_for_work:before {
    content: "\e906"; }
  .material-icons.playlist_add:before {
    content: "\e03b"; }
  .material-icons.playlist_add_check:before {
    content: "\e065"; }
  .material-icons.playlist_play:before {
    content: "\e05f"; }
  .material-icons.plus_one:before {
    content: "\e800"; }
  .material-icons.policy:before {
    content: "\ea17"; }
  .material-icons.poll:before {
    content: "\e801"; }
  .material-icons.polymer:before {
    content: "\e8ab"; }
  .material-icons.pool:before {
    content: "\eb48"; }
  .material-icons.portable_wifi_off:before {
    content: "\e0ce"; }
  .material-icons.portrait:before {
    content: "\e416"; }
  .material-icons.post_add:before {
    content: "\ea20"; }
  .material-icons.power:before {
    content: "\e63c"; }
  .material-icons.power_input:before {
    content: "\e336"; }
  .material-icons.power_off:before {
    content: "\e646"; }
  .material-icons.power_settings_new:before {
    content: "\e8ac"; }
  .material-icons.pregnant_woman:before {
    content: "\e91e"; }
  .material-icons.present_to_all:before {
    content: "\e0df"; }
  .material-icons.print:before {
    content: "\e8ad"; }
  .material-icons.print_disabled:before {
    content: "\e9cf"; }
  .material-icons.priority_high:before {
    content: "\e645"; }
  .material-icons.public:before {
    content: "\e80b"; }
  .material-icons.publish:before {
    content: "\e255"; }
  .material-icons.query_builder:before {
    content: "\e8ae"; }
  .material-icons.question_answer:before {
    content: "\e8af"; }
  .material-icons.queue:before {
    content: "\e03c"; }
  .material-icons.queue_music:before {
    content: "\e03d"; }
  .material-icons.queue_play_next:before {
    content: "\e066"; }
  .material-icons.quick_contacts_dialer:before {
    content: "\e0cf"; }
  .material-icons.quick_contacts_mail:before {
    content: "\e0d0"; }
  .material-icons.radio:before {
    content: "\e03e"; }
  .material-icons.radio_button_checked:before {
    content: "\e837"; }
  .material-icons.radio_button_off:before {
    content: "\e836"; }
  .material-icons.radio_button_on:before {
    content: "\e837"; }
  .material-icons.radio_button_unchecked:before {
    content: "\e836"; }
  .material-icons.railway_alert:before {
    content: "\e9d1"; }
  .material-icons.ramen_dining:before {
    content: "\ea64"; }
  .material-icons.rate_review:before {
    content: "\e560"; }
  .material-icons.receipt:before {
    content: "\e8b0"; }
  .material-icons.recent_actors:before {
    content: "\e03f"; }
  .material-icons.recommend:before {
    content: "\e9d2"; }
  .material-icons.record_voice_over:before {
    content: "\e91f"; }
  .material-icons.redeem:before {
    content: "\e8b1"; }
  .material-icons.redo:before {
    content: "\e15a"; }
  .material-icons.refresh:before {
    content: "\e5d5"; }
  .material-icons.remove:before {
    content: "\e15b"; }
  .material-icons.remove_circle:before {
    content: "\e15c"; }
  .material-icons.remove_circle_outline:before {
    content: "\e15d"; }
  .material-icons.remove_done:before {
    content: "\e9d3"; }
  .material-icons.remove_from_queue:before {
    content: "\e067"; }
  .material-icons.remove_moderator:before {
    content: "\e9d4"; }
  .material-icons.remove_red_eye:before {
    content: "\e417"; }
  .material-icons.remove_shopping_cart:before {
    content: "\e928"; }
  .material-icons.reorder:before {
    content: "\e8fe"; }
  .material-icons.repeat:before {
    content: "\e040"; }
  .material-icons.repeat_on:before {
    content: "\e9d6"; }
  .material-icons.repeat_one:before {
    content: "\e041"; }
  .material-icons.repeat_one_on:before {
    content: "\e9d7"; }
  .material-icons.replay:before {
    content: "\e042"; }
  .material-icons.replay_10:before {
    content: "\e059"; }
  .material-icons.replay_30:before {
    content: "\e05a"; }
  .material-icons.replay_5:before {
    content: "\e05b"; }
  .material-icons.replay_circle_filled:before {
    content: "\e9d8"; }
  .material-icons.reply:before {
    content: "\e15e"; }
  .material-icons.reply_all:before {
    content: "\e15f"; }
  .material-icons.report:before {
    content: "\e160"; }
  .material-icons.report_off:before {
    content: "\e170"; }
  .material-icons.report_problem:before {
    content: "\e8b2"; }
  .material-icons.reset_tv:before {
    content: "\e9d9"; }
  .material-icons.restaurant:before {
    content: "\e56c"; }
  .material-icons.restaurant_menu:before {
    content: "\e561"; }
  .material-icons.restore:before {
    content: "\e8b3"; }
  .material-icons.restore_from_trash:before {
    content: "\e938"; }
  .material-icons.restore_page:before {
    content: "\e929"; }
  .material-icons.ring_volume:before {
    content: "\e0d1"; }
  .material-icons.room:before {
    content: "\e8b4"; }
  .material-icons.room_service:before {
    content: "\eb49"; }
  .material-icons.rotate_90_degrees_ccw:before {
    content: "\e418"; }
  .material-icons.rotate_left:before {
    content: "\e419"; }
  .material-icons.rotate_right:before {
    content: "\e41a"; }
  .material-icons.rounded_corner:before {
    content: "\e920"; }
  .material-icons.router:before {
    content: "\e328"; }
  .material-icons.rowing:before {
    content: "\e921"; }
  .material-icons.rss_feed:before {
    content: "\e0e5"; }
  .material-icons.rtt:before {
    content: "\e9ad"; }
  .material-icons.rv_hookup:before {
    content: "\e642"; }
  .material-icons.satellite:before {
    content: "\e562"; }
  .material-icons.save:before {
    content: "\e161"; }
  .material-icons.save_alt:before {
    content: "\e171"; }
  .material-icons.saved_search:before {
    content: "\ea11"; }
  .material-icons.scanner:before {
    content: "\e329"; }
  .material-icons.scatter_plot:before {
    content: "\e268"; }
  .material-icons.schedule:before {
    content: "\e8b5"; }
  .material-icons.schedule_send:before {
    content: "\ea0a"; }
  .material-icons.school:before {
    content: "\e80c"; }
  .material-icons.score:before {
    content: "\e269"; }
  .material-icons.screen_lock_landscape:before {
    content: "\e1be"; }
  .material-icons.screen_lock_portrait:before {
    content: "\e1bf"; }
  .material-icons.screen_lock_rotation:before {
    content: "\e1c0"; }
  .material-icons.screen_rotation:before {
    content: "\e1c1"; }
  .material-icons.screen_share:before {
    content: "\e0e2"; }
  .material-icons.sd:before {
    content: "\e9dd"; }
  .material-icons.sd_card:before {
    content: "\e623"; }
  .material-icons.sd_storage:before {
    content: "\e1c2"; }
  .material-icons.search:before {
    content: "\e8b6"; }
  .material-icons.security:before {
    content: "\e32a"; }
  .material-icons.segment:before {
    content: "\e94b"; }
  .material-icons.select_all:before {
    content: "\e162"; }
  .material-icons.send:before {
    content: "\e163"; }
  .material-icons.send_and_archive:before {
    content: "\ea0c"; }
  .material-icons.sentiment_dissatisfied:before {
    content: "\e811"; }
  .material-icons.sentiment_neutral:before {
    content: "\e812"; }
  .material-icons.sentiment_satisfied:before {
    content: "\e813"; }
  .material-icons.sentiment_satisfied_alt:before {
    content: "\e0ed"; }
  .material-icons.sentiment_very_dissatisfied:before {
    content: "\e814"; }
  .material-icons.sentiment_very_satisfied:before {
    content: "\e815"; }
  .material-icons.settings:before {
    content: "\e8b8"; }
  .material-icons.settings_applications:before {
    content: "\e8b9"; }
  .material-icons.settings_backup_restore:before {
    content: "\e8ba"; }
  .material-icons.settings_bluetooth:before {
    content: "\e8bb"; }
  .material-icons.settings_brightness:before {
    content: "\e8bd"; }
  .material-icons.settings_cell:before {
    content: "\e8bc"; }
  .material-icons.settings_display:before {
    content: "\e8bd"; }
  .material-icons.settings_ethernet:before {
    content: "\e8be"; }
  .material-icons.settings_input_antenna:before {
    content: "\e8bf"; }
  .material-icons.settings_input_component:before {
    content: "\e8c0"; }
  .material-icons.settings_input_composite:before {
    content: "\e8c1"; }
  .material-icons.settings_input_hdmi:before {
    content: "\e8c2"; }
  .material-icons.settings_input_svideo:before {
    content: "\e8c3"; }
  .material-icons.settings_overscan:before {
    content: "\e8c4"; }
  .material-icons.settings_phone:before {
    content: "\e8c5"; }
  .material-icons.settings_power:before {
    content: "\e8c6"; }
  .material-icons.settings_remote:before {
    content: "\e8c7"; }
  .material-icons.settings_system_daydream:before {
    content: "\e1c3"; }
  .material-icons.settings_voice:before {
    content: "\e8c8"; }
  .material-icons.share:before {
    content: "\e80d"; }
  .material-icons.shield:before {
    content: "\e9e0"; }
  .material-icons.shop:before {
    content: "\e8c9"; }
  .material-icons.shop_two:before {
    content: "\e8ca"; }
  .material-icons.shopping_basket:before {
    content: "\e8cb"; }
  .material-icons.shopping_cart:before {
    content: "\e8cc"; }
  .material-icons.short_text:before {
    content: "\e261"; }
  .material-icons.show_chart:before {
    content: "\e6e1"; }
  .material-icons.shuffle:before {
    content: "\e043"; }
  .material-icons.shuffle_on:before {
    content: "\e9e1"; }
  .material-icons.shutter_speed:before {
    content: "\e43d"; }
  .material-icons.signal_cellular_4_bar:before {
    content: "\e1c8"; }
  .material-icons.signal_cellular_alt:before {
    content: "\e202"; }
  .material-icons.signal_cellular_connected_no_internet_4_bar:before {
    content: "\e1cd"; }
  .material-icons.signal_cellular_no_sim:before {
    content: "\e1ce"; }
  .material-icons.signal_cellular_null:before {
    content: "\e1cf"; }
  .material-icons.signal_cellular_off:before {
    content: "\e1d0"; }
  .material-icons.signal_wifi_4_bar:before {
    content: "\e1d8"; }
  .material-icons.signal_wifi_4_bar_lock:before {
    content: "\e1d9"; }
  .material-icons.signal_wifi_off:before {
    content: "\e1da"; }
  .material-icons.sim_card:before {
    content: "\e32b"; }
  .material-icons.sim_card_alert:before {
    content: "\e624"; }
  .material-icons.single_bed:before {
    content: "\ea48"; }
  .material-icons.skip_next:before {
    content: "\e044"; }
  .material-icons.skip_previous:before {
    content: "\e045"; }
  .material-icons.slideshow:before {
    content: "\e41b"; }
  .material-icons.slow_motion_video:before {
    content: "\e068"; }
  .material-icons.smartphone:before {
    content: "\e32c"; }
  .material-icons.smoke_free:before {
    content: "\eb4a"; }
  .material-icons.smoking_rooms:before {
    content: "\eb4b"; }
  .material-icons.sms:before {
    content: "\e625"; }
  .material-icons.sms_failed:before {
    content: "\e626"; }
  .material-icons.snooze:before {
    content: "\e046"; }
  .material-icons.sort:before {
    content: "\e164"; }
  .material-icons.sort_by_alpha:before {
    content: "\e053"; }
  .material-icons.spa:before {
    content: "\eb4c"; }
  .material-icons.space_bar:before {
    content: "\e256"; }
  .material-icons.speaker:before {
    content: "\e32d"; }
  .material-icons.speaker_group:before {
    content: "\e32e"; }
  .material-icons.speaker_notes:before {
    content: "\e8cd"; }
  .material-icons.speaker_notes_off:before {
    content: "\e92a"; }
  .material-icons.speaker_phone:before {
    content: "\e0d2"; }
  .material-icons.speed:before {
    content: "\e9e4"; }
  .material-icons.spellcheck:before {
    content: "\e8ce"; }
  .material-icons.sports:before {
    content: "\ea30"; }
  .material-icons.sports_baseball:before {
    content: "\ea51"; }
  .material-icons.sports_basketball:before {
    content: "\ea26"; }
  .material-icons.sports_cricket:before {
    content: "\ea27"; }
  .material-icons.sports_esports:before {
    content: "\ea28"; }
  .material-icons.sports_football:before {
    content: "\ea29"; }
  .material-icons.sports_golf:before {
    content: "\ea2a"; }
  .material-icons.sports_handball:before {
    content: "\ea33"; }
  .material-icons.sports_hockey:before {
    content: "\ea2b"; }
  .material-icons.sports_kabaddi:before {
    content: "\ea34"; }
  .material-icons.sports_mma:before {
    content: "\ea2c"; }
  .material-icons.sports_motorsports:before {
    content: "\ea2d"; }
  .material-icons.sports_rugby:before {
    content: "\ea2e"; }
  .material-icons.sports_soccer:before {
    content: "\ea2f"; }
  .material-icons.sports_tennis:before {
    content: "\ea32"; }
  .material-icons.sports_volleyball:before {
    content: "\ea31"; }
  .material-icons.square_foot:before {
    content: "\ea49"; }
  .material-icons.stacked_bar_chart:before {
    content: "\e9e6"; }
  .material-icons.star:before {
    content: "\e838"; }
  .material-icons.star_border:before {
    content: "\e83a"; }
  .material-icons.star_half:before {
    content: "\e839"; }
  .material-icons.star_outline:before {
    content: "\e83a"; }
  .material-icons.stars:before {
    content: "\e8d0"; }
  .material-icons.stay_current_landscape:before {
    content: "\e0d3"; }
  .material-icons.stay_current_portrait:before {
    content: "\e0d4"; }
  .material-icons.stay_primary_landscape:before {
    content: "\e0d5"; }
  .material-icons.stay_primary_portrait:before {
    content: "\e0d6"; }
  .material-icons.stop:before {
    content: "\e047"; }
  .material-icons.stop_screen_share:before {
    content: "\e0e3"; }
  .material-icons.storage:before {
    content: "\e1db"; }
  .material-icons.store:before {
    content: "\e8d1"; }
  .material-icons.store_mall_directory:before {
    content: "\e563"; }
  .material-icons.storefront:before {
    content: "\ea12"; }
  .material-icons.straighten:before {
    content: "\e41c"; }
  .material-icons.stream:before {
    content: "\e9e9"; }
  .material-icons.streetview:before {
    content: "\e56e"; }
  .material-icons.strikethrough_s:before {
    content: "\e257"; }
  .material-icons.style:before {
    content: "\e41d"; }
  .material-icons.subdirectory_arrow_left:before {
    content: "\e5d9"; }
  .material-icons.subdirectory_arrow_right:before {
    content: "\e5da"; }
  .material-icons.subject:before {
    content: "\e8d2"; }
  .material-icons.subscriptions:before {
    content: "\e064"; }
  .material-icons.subtitles:before {
    content: "\e048"; }
  .material-icons.subway:before {
    content: "\e56f"; }
  .material-icons.supervised_user_circle:before {
    content: "\e939"; }
  .material-icons.supervisor_account:before {
    content: "\e8d3"; }
  .material-icons.surround_sound:before {
    content: "\e049"; }
  .material-icons.swap_calls:before {
    content: "\e0d7"; }
  .material-icons.swap_horiz:before {
    content: "\e8d4"; }
  .material-icons.swap_horizontal_circle:before {
    content: "\e933"; }
  .material-icons.swap_vert:before {
    content: "\e8d5"; }
  .material-icons.swap_vert_circle:before {
    content: "\e8d6"; }
  .material-icons.swap_vertical_circle:before {
    content: "\e8d6"; }
  .material-icons.swipe:before {
    content: "\e9ec"; }
  .material-icons.switch_account:before {
    content: "\e9ed"; }
  .material-icons.switch_camera:before {
    content: "\e41e"; }
  .material-icons.switch_video:before {
    content: "\e41f"; }
  .material-icons.sync:before {
    content: "\e627"; }
  .material-icons.sync_alt:before {
    content: "\ea18"; }
  .material-icons.sync_disabled:before {
    content: "\e628"; }
  .material-icons.sync_problem:before {
    content: "\e629"; }
  .material-icons.system_update:before {
    content: "\e62a"; }
  .material-icons.system_update_alt:before {
    content: "\e8d7"; }
  .material-icons.system_update_tv:before {
    content: "\e8d7"; }
  .material-icons.tab:before {
    content: "\e8d8"; }
  .material-icons.tab_unselected:before {
    content: "\e8d9"; }
  .material-icons.table_chart:before {
    content: "\e265"; }
  .material-icons.tablet:before {
    content: "\e32f"; }
  .material-icons.tablet_android:before {
    content: "\e330"; }
  .material-icons.tablet_mac:before {
    content: "\e331"; }
  .material-icons.tag:before {
    content: "\e9ef"; }
  .material-icons.tag_faces:before {
    content: "\e420"; }
  .material-icons.takeout_dining:before {
    content: "\ea74"; }
  .material-icons.tap_and_play:before {
    content: "\e62b"; }
  .material-icons.terrain:before {
    content: "\e564"; }
  .material-icons.text_fields:before {
    content: "\e262"; }
  .material-icons.text_format:before {
    content: "\e165"; }
  .material-icons.text_rotate_up:before {
    content: "\e93a"; }
  .material-icons.text_rotate_vertical:before {
    content: "\e93b"; }
  .material-icons.text_rotation_angledown:before {
    content: "\e93c"; }
  .material-icons.text_rotation_angleup:before {
    content: "\e93d"; }
  .material-icons.text_rotation_down:before {
    content: "\e93e"; }
  .material-icons.text_rotation_none:before {
    content: "\e93f"; }
  .material-icons.textsms:before {
    content: "\e0d8"; }
  .material-icons.texture:before {
    content: "\e421"; }
  .material-icons.theater_comedy:before {
    content: "\ea66"; }
  .material-icons.theaters:before {
    content: "\e8da"; }
  .material-icons.thumb_down:before {
    content: "\e8db"; }
  .material-icons.thumb_down_alt:before {
    content: "\e816"; }
  .material-icons.thumb_down_off_alt:before {
    content: "\e9f2"; }
  .material-icons.thumb_up:before {
    content: "\e8dc"; }
  .material-icons.thumb_up_alt:before {
    content: "\e817"; }
  .material-icons.thumb_up_off_alt:before {
    content: "\e9f3"; }
  .material-icons.thumbs_up_down:before {
    content: "\e8dd"; }
  .material-icons.time_to_leave:before {
    content: "\e62c"; }
  .material-icons.timelapse:before {
    content: "\e422"; }
  .material-icons.timeline:before {
    content: "\e922"; }
  .material-icons.timer:before {
    content: "\e425"; }
  .material-icons.timer_10:before {
    content: "\e423"; }
  .material-icons.timer_3:before {
    content: "\e424"; }
  .material-icons.timer_off:before {
    content: "\e426"; }
  .material-icons.title:before {
    content: "\e264"; }
  .material-icons.toc:before {
    content: "\e8de"; }
  .material-icons.today:before {
    content: "\e8df"; }
  .material-icons.toggle_off:before {
    content: "\e9f5"; }
  .material-icons.toggle_on:before {
    content: "\e9f6"; }
  .material-icons.toll:before {
    content: "\e8e0"; }
  .material-icons.tonality:before {
    content: "\e427"; }
  .material-icons.touch_app:before {
    content: "\e913"; }
  .material-icons.toys:before {
    content: "\e332"; }
  .material-icons.track_changes:before {
    content: "\e8e1"; }
  .material-icons.traffic:before {
    content: "\e565"; }
  .material-icons.train:before {
    content: "\e570"; }
  .material-icons.tram:before {
    content: "\e571"; }
  .material-icons.transfer_within_a_station:before {
    content: "\e572"; }
  .material-icons.transform:before {
    content: "\e428"; }
  .material-icons.transit_enterexit:before {
    content: "\e579"; }
  .material-icons.translate:before {
    content: "\e8e2"; }
  .material-icons.trending_down:before {
    content: "\e8e3"; }
  .material-icons.trending_flat:before {
    content: "\e8e4"; }
  .material-icons.trending_neutral:before {
    content: "\e8e4"; }
  .material-icons.trending_up:before {
    content: "\e8e5"; }
  .material-icons.trip_origin:before {
    content: "\e57b"; }
  .material-icons.tune:before {
    content: "\e429"; }
  .material-icons.turned_in:before {
    content: "\e8e6"; }
  .material-icons.turned_in_not:before {
    content: "\e8e7"; }
  .material-icons.tv:before {
    content: "\e333"; }
  .material-icons.tv_off:before {
    content: "\e647"; }
  .material-icons.two_wheeler:before {
    content: "\e9f9"; }
  .material-icons.unarchive:before {
    content: "\e169"; }
  .material-icons.undo:before {
    content: "\e166"; }
  .material-icons.unfold_less:before {
    content: "\e5d6"; }
  .material-icons.unfold_more:before {
    content: "\e5d7"; }
  .material-icons.unsubscribe:before {
    content: "\e0eb"; }
  .material-icons.update:before {
    content: "\e923"; }
  .material-icons.upload_file:before {
    content: "\e9fc"; }
  .material-icons.usb:before {
    content: "\e1e0"; }
  .material-icons.verified_user:before {
    content: "\e8e8"; }
  .material-icons.vertical_align_bottom:before {
    content: "\e258"; }
  .material-icons.vertical_align_center:before {
    content: "\e259"; }
  .material-icons.vertical_align_top:before {
    content: "\e25a"; }
  .material-icons.vertical_split:before {
    content: "\e949"; }
  .material-icons.vibration:before {
    content: "\e62d"; }
  .material-icons.video_call:before {
    content: "\e070"; }
  .material-icons.video_collection:before {
    content: "\e04a"; }
  .material-icons.video_label:before {
    content: "\e071"; }
  .material-icons.video_library:before {
    content: "\e04a"; }
  .material-icons.videocam:before {
    content: "\e04b"; }
  .material-icons.videocam_off:before {
    content: "\e04c"; }
  .material-icons.videogame_asset:before {
    content: "\e338"; }
  .material-icons.view_agenda:before {
    content: "\e8e9"; }
  .material-icons.view_array:before {
    content: "\e8ea"; }
  .material-icons.view_carousel:before {
    content: "\e8eb"; }
  .material-icons.view_column:before {
    content: "\e8ec"; }
  .material-icons.view_comfortable:before {
    content: "\e42a"; }
  .material-icons.view_comfy:before {
    content: "\e42a"; }
  .material-icons.view_compact:before {
    content: "\e42b"; }
  .material-icons.view_day:before {
    content: "\e8ed"; }
  .material-icons.view_headline:before {
    content: "\e8ee"; }
  .material-icons.view_in_ar:before {
    content: "\e9fe"; }
  .material-icons.view_list:before {
    content: "\e8ef"; }
  .material-icons.view_module:before {
    content: "\e8f0"; }
  .material-icons.view_quilt:before {
    content: "\e8f1"; }
  .material-icons.view_stream:before {
    content: "\e8f2"; }
  .material-icons.view_week:before {
    content: "\e8f3"; }
  .material-icons.vignette:before {
    content: "\e435"; }
  .material-icons.visibility:before {
    content: "\e8f4"; }
  .material-icons.visibility_off:before {
    content: "\e8f5"; }
  .material-icons.voice_chat:before {
    content: "\e62e"; }
  .material-icons.voice_over_off:before {
    content: "\e94a"; }
  .material-icons.voicemail:before {
    content: "\e0d9"; }
  .material-icons.volume_down:before {
    content: "\e04d"; }
  .material-icons.volume_mute:before {
    content: "\e04e"; }
  .material-icons.volume_off:before {
    content: "\e04f"; }
  .material-icons.volume_up:before {
    content: "\e050"; }
  .material-icons.volunteer_activism:before {
    content: "\ea70"; }
  .material-icons.vpn_key:before {
    content: "\e0da"; }
  .material-icons.vpn_lock:before {
    content: "\e62f"; }
  .material-icons.wallet_giftcard:before {
    content: "\e8f6"; }
  .material-icons.wallet_membership:before {
    content: "\e8f7"; }
  .material-icons.wallet_travel:before {
    content: "\e8f8"; }
  .material-icons.wallpaper:before {
    content: "\e1bc"; }
  .material-icons.warning:before {
    content: "\e002"; }
  .material-icons.watch:before {
    content: "\e334"; }
  .material-icons.watch_later:before {
    content: "\e924"; }
  .material-icons.waterfall_chart:before {
    content: "\ea00"; }
  .material-icons.waves:before {
    content: "\e176"; }
  .material-icons.wb_auto:before {
    content: "\e42c"; }
  .material-icons.wb_cloudy:before {
    content: "\e42d"; }
  .material-icons.wb_incandescent:before {
    content: "\e42e"; }
  .material-icons.wb_iridescent:before {
    content: "\e436"; }
  .material-icons.wb_shade:before {
    content: "\ea01"; }
  .material-icons.wb_sunny:before {
    content: "\e430"; }
  .material-icons.wb_twighlight:before {
    content: "\ea02"; }
  .material-icons.wc:before {
    content: "\e63d"; }
  .material-icons.web:before {
    content: "\e051"; }
  .material-icons.web_asset:before {
    content: "\e069"; }
  .material-icons.weekend:before {
    content: "\e16b"; }
  .material-icons.whatshot:before {
    content: "\e80e"; }
  .material-icons.where_to_vote:before {
    content: "\e177"; }
  .material-icons.widgets:before {
    content: "\e1bd"; }
  .material-icons.wifi:before {
    content: "\e63e"; }
  .material-icons.wifi_lock:before {
    content: "\e1e1"; }
  .material-icons.wifi_off:before {
    content: "\e648"; }
  .material-icons.wifi_tethering:before {
    content: "\e1e2"; }
  .material-icons.work:before {
    content: "\e8f9"; }
  .material-icons.work_off:before {
    content: "\e942"; }
  .material-icons.work_outline:before {
    content: "\e943"; }
  .material-icons.workspaces_filled:before {
    content: "\ea0d"; }
  .material-icons.workspaces_outline:before {
    content: "\ea0f"; }
  .material-icons.wrap_text:before {
    content: "\e25b"; }
  .material-icons.youtube_searched_for:before {
    content: "\e8fa"; }
  .material-icons.zoom_in:before {
    content: "\e8ff"; }
  .material-icons.zoom_out:before {
    content: "\e900"; }
  .material-icons.zoom_out_map:before {
    content: "\e56b"; }

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/material.theme.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.ng-select{padding-bottom:1.25em}.ng-select.ng-select-disabled .ng-select-container:after{border-bottom-color:transparent;background-image:linear-gradient(to right, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.42) 33%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,0.38)}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,0.38)}.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.ng-select.ng-select-disabled .ng-clear-wrapper{color:rgba(0,0,0,0.38)}.ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);color:#3f51b5}.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-opened .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px)}.ng-select .ng-select-container{color:rgba(0,0,0,0.87);align-items:baseline;min-height:51.5px}.ng-select .ng-select-container:after{border-bottom:thin solid rgba(0,0,0,0.42);content:'';bottom:0;left:0;right:0;position:absolute;transition:border-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2)}.ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,0.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:rgba(0,0,0,0.87);border-width:2px}.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0;border-top:.84375em solid transparent}.ng-select .ng-select-container .ng-value-container .ng-placeholder{position:absolute;color:rgba(0,0,0,0.54);transform-origin:left 0;transition:transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)}[dir="rtl"] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.ng-select .ng-select-container .ng-value-container .ng-input{bottom:.4375em}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,0.12)}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px 5px;margin:0 0.4375em 0.4375em 0}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 0.4375em 0.4375em}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:rgba(255,255,255,0.54);padding-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:rgba(255,255,255,0.87)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid transparent}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,0.54)}.ng-select .ng-clear-wrapper:hover{color:rgba(0,0,0,0.87)}.ng-select .ng-clear-wrapper:focus{color:rgba(0,0,0,0.87);outline:none}.ng-select .ng-arrow-wrapper{bottom:2px}.ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:rgba(0,0,0,0.54)}.ng-select .ng-spinner-zone{top:3px}.ng-dropdown-panel{background:#fff;left:0}.ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,0.2),0 -8px 10px 1px rgba(0,0,0,0.14),0 -3px 14px 2px rgba(0,0,0,0.12)}.ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,0.2),0 -8px 10px 1px rgba(0,0,0,0.14),0 -3px 14px 2px rgba(0,0,0,0.12);margin-left:4px}.ng-dropdown-panel.ng-select-bottom{top:calc(100% - 1.25em);box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12)}.ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,0.2),0 -8px 10px 1px rgba(0,0,0,0.14),0 -3px 14px 2px rgba(0,0,0,0.12)}.ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(0,0,0,0.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(0,0,0,0.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,0.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:rgba(0,0,0,0.54);font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(0,0,0,0.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:rgba(0,0,0,0.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:rgba(0,0,0,0.87);text-align:left}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(0,0,0,0.04);color:rgba(0,0,0,0.87)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(0,0,0,0.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,0.38)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:rgba(0,0,0,0.38)}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/flatpickr/dist/flatpickr.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
          user-select: none;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/saturn-datepicker/bundle.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
:not(.mat-calendar-body-disabled):hover    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-semi-selected), .cdk-keyboard-focused   .mat-calendar-body-active    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-semi-selected), .cdk-program-focused   .mat-calendar-body-active    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-semi-selected) {
    background-color: rgba(0, 0, 0, 0.04);
}
:not(.mat-calendar-body-disabled):hover    > .mat-calendar-body-semi-selected, .cdk-keyboard-focused   .mat-calendar-body-active    > .mat-calendar-body-semi-selected, .cdk-program-focused   .mat-calendar-body-active    > .mat-calendar-body-semi-selected {
    background-color: #3f51b5;
    color: white;
}
.mat-calendar-body-begin-range:not(.mat-calendar-body-end-range) {
    border-radius: 100% 0 0 100%;
    background-color: #c5cae9;
}
.mat-calendar-body-end-range:not(.mat-calendar-body-begin-range) {
    border-radius: 0 100% 100% 0;
    background-color: #c5cae9;
}
.mat-calendar-body    > tr   .mat-calendar-cell-semi-selected  ~ .mat-calendar-cell-semi-selected {
    border-radius: 0;
}
.mat-calendar-cell-semi-selected {
    background-color: #c5cae9;
}
.mat-calendar-cell-over > .mat-calendar-body-cell-content {
    border: #3f51b5 1px solid;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/main.scss?ngGlobalStyle (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * Entry point of global application style.
 * Component-specific style should not go here and be included directly as part of the components.
 */
/* Include the common styles for Angular Material. We include this here so that you only
 * have to load a single css file for Angular Material in your app.
 * Be sure that you only ever include this mixin once!
 */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

/* Theme variables, must be included after core to allow proper Material Design setup */
/*
 * Application global variables.
 */
/* Angular Material custom theme
 * See https://material.angular.io/guide/theming for more details.
 *
 * You can also read https://medium.com/@tomastrajan/the-complete-guide-to-angular-material-themes-4d165a9d24d1
 * for more insight about Angular Material theming.
 */
/* For use in src/lib/core/theming/_palette.scss */
/* Define the palettes for your theme using the Material Design palettes available in palette.scss
 * (imported above). For each palette, you can optionally specify a default, lighter, and darker
 * hue.
 */
/* Create the theme object (a Sass map containing all of the palettes). */
/* Material design icons font path */
:root {
  --primary-color: #fff;
  --background-color: #efefef;
  --text-color: #2d2d2d;
  --primary-direction: left;
  --secondary-direction: right;
  --position-absolute-left: 0;
  --position-absolute-right: auto;
  --color-primary: #274240;
  --color-secondary: rgba(63, 41, 134, 0.19);
  /* MDC Checkbox State Layer Size */
  --mdc-checkbox-state-layer-size: 20px; /* Default is 40px, adjust as needed */
}

/* 3rd party libraries */
/* Include theme styles for core and each component used in your app.
 * Alternatively, you can import and @include the theme mixins for each component
 * that you are using.
 */
.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #274240;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #274240;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #274240;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #274240;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #274240;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #274240;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #274240;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #274240;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #274240;
  --mdc-linear-progress-track-color: rgba(39, 66, 64, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #274240;
  --mdc-linear-progress-track-color: rgba(39, 66, 64, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #274240;
  --mdc-filled-text-field-focus-active-indicator-color: #274240;
  --mdc-filled-text-field-focus-label-text-color: rgba(39, 66, 64, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #274240;
  --mdc-outlined-text-field-focus-outline-color: #274240;
  --mdc-outlined-text-field-focus-label-text-color: rgba(39, 66, 64, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(39, 66, 64, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #274240;
  --mdc-filled-text-field-focus-active-indicator-color: #274240;
  --mdc-filled-text-field-focus-label-text-color: rgba(39, 66, 64, 0.87);
  --mdc-outlined-text-field-caret-color: #274240;
  --mdc-outlined-text-field-focus-outline-color: #274240;
  --mdc-outlined-text-field-focus-label-text-color: rgba(39, 66, 64, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(39, 66, 64, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(39, 66, 64, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(39, 66, 64, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #274240;
  --mdc-chip-elevated-selected-container-color: #274240;
  --mdc-chip-elevated-disabled-container-color: #274240;
  --mdc-chip-flat-disabled-selected-container-color: #274240;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-elevated-container-color: #274240;
  --mdc-chip-elevated-selected-container-color: #274240;
  --mdc-chip-elevated-disabled-container-color: #274240;
  --mdc-chip-flat-disabled-selected-container-color: #274240;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #233c3a;
  --mdc-switch-selected-handle-color: #233c3a;
  --mdc-switch-selected-hover-state-layer-color: #233c3a;
  --mdc-switch-selected-pressed-state-layer-color: #233c3a;
  --mdc-switch-selected-focus-handle-color: #0f1c1b;
  --mdc-switch-selected-hover-handle-color: #0f1c1b;
  --mdc-switch-selected-pressed-handle-color: #0f1c1b;
  --mdc-switch-selected-focus-track-color: #6c8989;
  --mdc-switch-selected-hover-track-color: #6c8989;
  --mdc-switch-selected-pressed-track-color: #6c8989;
  --mdc-switch-selected-track-color: #6c8989;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #233b39;
  --mdc-switch-selected-handle-color: #233b39;
  --mdc-switch-selected-hover-state-layer-color: #233b39;
  --mdc-switch-selected-pressed-state-layer-color: #233b39;
  --mdc-switch-selected-focus-handle-color: #0f1b1a;
  --mdc-switch-selected-hover-handle-color: #0f1b1a;
  --mdc-switch-selected-pressed-handle-color: #0f1b1a;
  --mdc-switch-selected-focus-track-color: #70908a;
  --mdc-switch-selected-hover-track-color: #70908a;
  --mdc-switch-selected-pressed-track-color: #70908a;
  --mdc-switch-selected-track-color: #70908a;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #274240;
  --mdc-radio-selected-hover-icon-color: #274240;
  --mdc-radio-selected-icon-color: #274240;
  --mdc-radio-selected-pressed-icon-color: #274240;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #274240;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #274240;
  --mdc-radio-selected-hover-icon-color: #274240;
  --mdc-radio-selected-icon-color: #274240;
  --mdc-radio-selected-pressed-icon-color: #274240;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #274240;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}

html {
  --mdc-slider-handle-color: #274240;
  --mdc-slider-focus-handle-color: #274240;
  --mdc-slider-hover-handle-color: #274240;
  --mdc-slider-active-track-color: #274240;
  --mdc-slider-inactive-track-color: #274240;
  --mdc-slider-with-tick-marks-inactive-container-color: #274240;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #274240;
  --mat-slider-hover-state-layer-color: rgba(39, 66, 64, 0.05);
  --mat-slider-focus-state-layer-color: rgba(39, 66, 64, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #274240;
  --mdc-slider-focus-handle-color: #274240;
  --mdc-slider-hover-handle-color: #274240;
  --mdc-slider-active-track-color: #274240;
  --mdc-slider-inactive-track-color: #274240;
  --mdc-slider-with-tick-marks-inactive-container-color: #274240;
  --mat-slider-ripple-color: #274240;
  --mat-slider-hover-state-layer-color: rgba(39, 66, 64, 0.05);
  --mat-slider-focus-state-layer-color: rgba(39, 66, 64, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #274240;
  --mdc-radio-selected-hover-icon-color: #274240;
  --mdc-radio-selected-icon-color: #274240;
  --mdc-radio-selected-pressed-icon-color: #274240;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #274240;
  --mdc-radio-selected-hover-icon-color: #274240;
  --mdc-radio-selected-icon-color: #274240;
  --mdc-radio-selected-pressed-icon-color: #274240;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #274240;
  --mdc-checkbox-selected-hover-icon-color: #274240;
  --mdc-checkbox-selected-icon-color: #274240;
  --mdc-checkbox-selected-pressed-icon-color: #274240;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #274240;
  --mdc-checkbox-selected-hover-state-layer-color: #274240;
  --mdc-checkbox-selected-pressed-state-layer-color: #274240;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-focus-icon-color: #274240;
  --mdc-checkbox-selected-hover-icon-color: #274240;
  --mdc-checkbox-selected-icon-color: #274240;
  --mdc-checkbox-selected-pressed-icon-color: #274240;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #274240;
  --mdc-checkbox-selected-hover-state-layer-color: #274240;
  --mdc-checkbox-selected-pressed-state-layer-color: #274240;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #274240;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #274240;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #274240;
  --mat-tab-header-active-ripple-color: #274240;
  --mat-tab-header-inactive-ripple-color: #274240;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #274240;
  --mat-tab-header-active-hover-label-text-color: #274240;
  --mat-tab-header-active-focus-indicator-color: #274240;
  --mat-tab-header-active-hover-indicator-color: #274240;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #274240;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #274240;
  --mat-tab-header-active-ripple-color: #274240;
  --mat-tab-header-inactive-ripple-color: #274240;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #274240;
  --mat-tab-header-active-hover-label-text-color: #274240;
  --mat-tab-header-active-focus-indicator-color: #274240;
  --mat-tab-header-active-hover-indicator-color: #274240;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #274240;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #274240;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-focus-icon-color: #274240;
  --mdc-checkbox-selected-hover-icon-color: #274240;
  --mdc-checkbox-selected-icon-color: #274240;
  --mdc-checkbox-selected-pressed-icon-color: #274240;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #274240;
  --mdc-checkbox-selected-hover-state-layer-color: #274240;
  --mdc-checkbox-selected-pressed-state-layer-color: #274240;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #274240;
  --mdc-checkbox-selected-hover-icon-color: #274240;
  --mdc-checkbox-selected-icon-color: #274240;
  --mdc-checkbox-selected-pressed-icon-color: #274240;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #274240;
  --mdc-checkbox-selected-hover-state-layer-color: #274240;
  --mdc-checkbox-selected-pressed-state-layer-color: #274240;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #274240;
  --mat-text-button-state-layer-color: #274240;
  --mat-text-button-ripple-color: rgba(39, 66, 64, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #274240;
  --mat-text-button-state-layer-color: #274240;
  --mat-text-button-ripple-color: rgba(39, 66, 64, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #274240;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #274240;
  --mat-filled-button-state-layer-color: #fff;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #274240;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #274240;
  --mat-protected-button-state-layer-color: #fff;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #274240;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #274240;
  --mat-outlined-button-ripple-color: rgba(39, 66, 64, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #274240;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #274240;
  --mat-outlined-button-ripple-color: rgba(39, 66, 64, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #274240;
  --mat-icon-button-state-layer-color: #274240;
  --mat-icon-button-ripple-color: rgba(39, 66, 64, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #274240;
  --mat-icon-button-state-layer-color: #274240;
  --mat-icon-button-ripple-color: rgba(39, 66, 64, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #274240;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #274240;
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #274240;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #274240;
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #274240;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #274240;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #274240;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #274240;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #274240;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #274240;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(39, 66, 64, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(39, 66, 64, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(39, 66, 64, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #274240;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(39, 66, 64, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-background-color: #274240;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(39, 66, 64, 0.4);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(39, 66, 64, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(39, 66, 64, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(39, 66, 64, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #274240;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #274240;
}
.mat-icon.mat-accent {
  --mat-icon-color: #274240;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #274240;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #274240;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #274240;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-selected-state-icon-background-color: #274240;
  --mat-stepper-header-done-state-icon-background-color: #274240;
  --mat-stepper-header-edit-state-icon-background-color: #274240;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #274240;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #274240;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

/* Theme customization */
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/**
  Mdi ( Material Design Icons ) helper to set width and height
  for icons when it's attribute size is set to specific sizes defined
 */
mat-icon.mdi-icon[size="12px"] svg {
  width: 12px;
  height: 12px;
}
mat-icon.mdi-icon[size="13px"] svg {
  width: 13px;
  height: 13px;
}
mat-icon.mdi-icon[size="14px"] svg {
  width: 14px;
  height: 14px;
}
mat-icon.mdi-icon[size="16px"] svg {
  width: 16px;
  height: 16px;
}
mat-icon.mdi-icon[size="18px"] svg {
  width: 18px;
  height: 18px;
}
mat-icon.mdi-icon[size="20px"] svg {
  width: 20px;
  height: 20px;
}
mat-icon.mdi-icon[size="22px"] svg {
  width: 22px;
  height: 22px;
}
mat-icon.mdi-icon[size="24px"] svg {
  width: 24px;
  height: 24px;
}

/* @import "~ngx-perfect-scrollbar-portable/dist/lib/perfect-scrollbar.component.css"; */
/*
 * Application global variables.
 */
/* Angular Material custom theme
 * See https://material.angular.io/guide/theming for more details.
 *
 * You can also read https://medium.com/@tomastrajan/the-complete-guide-to-angular-material-themes-4d165a9d24d1
 * for more insight about Angular Material theming.
 */
/* For use in src/lib/core/theming/_palette.scss */
/* Define the palettes for your theme using the Material Design palettes available in palette.scss
 * (imported above). For each palette, you can optionally specify a default, lighter, and darker
 * hue.
 */
/* Create the theme object (a Sass map containing all of the palettes). */
/* Material design icons font path */
:root {
  --primary-color: #fff;
  --background-color: #efefef;
  --text-color: #2d2d2d;
  --primary-direction: left;
  --secondary-direction: right;
  --position-absolute-left: 0;
  --position-absolute-right: auto;
  --color-primary: #274240;
  --color-secondary: rgba(63, 41, 134, 0.19);
  /* MDC Checkbox State Layer Size */
  --mdc-checkbox-state-layer-size: 20px; /* Default is 40px, adjust as needed */
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none !important;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none !important;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: var(--position-absolute-left) !important;
  left: var(--position-absolute-right) !important;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
/* @import "theme/ng-select-mat-theme"; */
@font-face {
  font-family: "Fontil Sans";
  src: url('Fontin_Sans_R.otf') format("opentype");
}
@font-face {
  font-family: "Tajwal";
  src: url('Tajawal-Medium.ttf') format("truetype"), url('Tajawal-Regular.ttf') format("truetype"), url('Tajawal-Bold.ttf') format("truetype");
}
@font-face {
  font-family: "Helvetica";
  src: url('HelveticaNeueLTArabic-Roman.ttf') format("truetype"), url('HelveticaNeueLTArabic-Bold.ttf') format("truetype");
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/* Material Design styles and overrides */
html,
body {
  height: 100%;
  margin: 0;
  font-family: "Helvetica";
}

.main-container {
  background-color: #efefef;
}

.list-container {
  padding: 20px;
  background-color: #fff;
}
.list-container .selected-column {
  margin: 0 0 20px 0;
}

.list-options {
  padding: 0 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ngx-datatable .datatable-body {
  width: 100% !important;
}

.ngx-datatable.material .datatable-header .datatable-header-cell,
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  text-align: right !important;
}

.datatable-checkbox input[type=checkbox] {
  margin: 0 0 0 1rem !important;
}

.mat-toolbar.mat-primary {
  background-color: #fff;
  color: #707070;
}

.mat-nav-list .mat-list-item.active {
  background: #76a299;
  border-right: 5px solid #274240;
  width: calc(100% - 5px);
}

/*
 *  scrollbar
 */
html *::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 5px;
}

html *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f5f5f5;
  border-radius: 5px;
}

html *::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #555;
}

.icon-md {
  font-size: 18px !important;
}

.mat-toolbar.mat-primary {
  box-shadow: 0 0.1px 4px rgba(0, 0, 0, 0.16), 0 0.1px 4px rgba(0, 0, 0, 0.23);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.flex-row {
  align-items: center;
}

.main-color {
  color: #274240 !important;
}

.main-red {
  color: #dc3024 !important;
}

.main-red-bg {
  background-color: #dc3024;
  color: #fff;
}

.text-left {
  text-align: left;
}

.mat-mdc-dialog-title {
  padding: 24px 15px 24px !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0784313725);
  font: bold 20px/29px Helvetica, monospace;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.mat-mdc-dialog-title::before {
  display: none !important;
}

.mat-dialog-actions {
  justify-content: flex-end;
  display: flex;
}

.mat-form-field.mat-focused {
  color: #9c7a38;
}
.mat-form-field.mat-focused mat-icon {
  color: #9c7a38;
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #9c7a38;
}

.mat-button .mat-button-wrapper > *,
.mat-fab .mat-button-wrapper > *,
.mat-flat-button .mat-button-wrapper > *,
.mat-icon-button .mat-button-wrapper > *,
.mat-mini-fab .mat-button-wrapper > *,
.mat-raised-button .mat-button-wrapper > *,
.mat-stroked-button .mat-button-wrapper > * {
  vertical-align: middle !important;
}

datatable-body-row.datatable-body-row.active {
  background-color: #d7f0db;
}

.m-0 {
  margin: 0;
}

.p-0 {
  padding: 0;
}

.mt5 {
  padding-top: 5px;
}

.mt10 {
  padding-top: 10px;
}

.mt15 {
  padding-top: 15px;
}

.mt20 {
  padding-top: 20px;
}

.mb5 {
  padding-bottom: 5px;
}

.mb10 {
  padding-bottom: 10px;
}

.mb15 {
  padding-bottom: 15px;
}

.mb20 {
  padding-bottom: 20px;
}

.ml5 {
  padding-left: 5px;
}

.ml10 {
  padding-left: 10px;
}

.ml15 {
  padding-left: 15px;
}

.ml20 {
  padding-left: 20px;
}

.mr5 {
  padding-right: 5px;
}

.mr10 {
  padding-right: 10px;
}

.mr15 {
  padding-right: 15px;
}

.mr20 {
  padding-right: 20px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.v-a-m {
  vertical-align: middle;
}

.mtn5 {
  margin-top: -5px;
}

.mtn12 {
  margin-top: -12px;
}

@media screen and (max-width: 992px) {
  .main-container {
    left: 0px;
  }
}
@media screen and (max-width: 992px) {
  .push-right #sidebar {
    left: 0 !important;
  }
}
/*
 * Global application theme.
 * Framework overrides and customization goes here.
 */
* {
  box-sizing: border-box;
}

html,
body {
  display: flex;
  flex-direction: column;
  margin: 0;
  height: 100%;
  font-size: 14px;
  font-family: "Helvetica", "Tajwal", "Roboto", sans-serif !important;
  direction: rtl;
}

.primary-font {
  font-family: "Helvetica", "Open Sans", sans-serif !important;
}

.secondary-font {
  font-family: "Helvetica", "Tajwal", "Roboto", sans-serif !important;
}

.mt-20 {
  margin-top: 20px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-6 {
  margin-top: 6px;
}

.pr-20 {
  margin-right: 4rem;
}

.pr-15 {
  margin-right: 3rem;
}

.pr-10 {
  margin-right: 2rem;
}

.pr-5 {
  margin-right: 1rem;
}

.pr-2 {
  margin-right: 0.5rem;
}

.mr-50 {
  margin-right: 50px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-90 {
  margin-right: 90px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-12 {
  margin-left: 12px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-22 {
  margin-bottom: 22px;
}

.font-36 {
  font-size: 38px;
}

.font-30 {
  font-size: 30px;
}

.bold {
  font-weight: bold;
}

.width-80 {
  width: 80px;
}

.color-grey {
  color: #a4b3dc;
}

.align-right {
  text-align: right;
}

/**
  menu style here to overcome angular shadow dom without having to write deep rules
 */
.menu-style {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#324462+0,455776+100 */
  background: #fff;
  /* Old browsers */
  color: #707070;
  box-shadow: 5px 3px 6px rgba(39, 60, 117, 0.24);
}
.menu-style .menu-button {
  transition: all 0.3s ease-in-out;
  height: 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 24px;
}
.menu-style .menu-button mat-icon {
  color: var(--color-primary);
}
.menu-style .mat-expansion-panel {
  background: transparent;
}
.menu-style.small .menu-button {
  height: 64px;
}
.menu-style.small .menu-button mat-icon {
  font-size: 36px;
  width: 100%;
  color: var(--color-primary);
}
.menu-style.small .mat-list-item-content {
  justify-content: center;
}
.menu-style.small .icon {
  background: #c4cbd5;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  padding: 0;
  margin: 16px auto;
  justify-content: center;
  align-items: center;
}
.menu-style.small mat-icon {
  display: flex;
  color: var(--color-primary);
  font-size: 18px;
  justify-content: center;
  align-items: center;
}
.menu-style.small .mat-expansion-panel-header {
  padding: 0;
}
.menu-style.small .mat-expansion-indicator {
  display: none;
}
.menu-style.small .mat-expansion-panel-body {
  padding: 0;
}
.menu-style.large .mat-list-item-content {
  justify-content: flex-start;
}
.menu-style.large .icon {
  background-color: #c4cbd5;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  padding: 0;
  margin: 0 16px 0 0;
  justify-content: center;
  align-items: center;
}
.menu-style.large mat-icon {
  display: flex;
  color: var(--color-primary);
  font-size: 18px;
  justify-content: center;
  align-items: center;
}
.menu-style.large .mat-expansion-indicator::after {
  color: #fff;
}
.menu-style.large .mat-expansion-panel-header {
  padding: 0 16px !important;
}
.menu-style.large .mat-expansion-panel-body {
  padding: 0;
}
.menu-style a,
.menu-style mat-icon,
.menu-style span {
  color: #707070;
  align-items: center;
  font-size: 18px;
  position: relative;
  line-height: normal;
  justify-content: space-between;
}
.menu-style a mat-icon,
.menu-style mat-icon mat-icon,
.menu-style span mat-icon {
  font-size: 10px;
  width: 15px;
}
.menu-style mat-expansion-panel mat-expansion-panel-header.active .icon {
  background-color: var(--color-primary);
}
.menu-style mat-expansion-panel mat-expansion-panel-header.active .icon mat-icon {
  color: #fff;
}
.menu-style mat-expansion-panel mat-expansion-panel-header.active .icon mat-icon svg {
  fill: #fff;
}
.menu-style .mat-list-item.active .icon {
  background-color: var(--color-primary);
}
.menu-style .mat-list-item.active .icon mat-icon {
  color: #fff;
}
.menu-style .mat-list-item.active .icon mat-icon svg {
  fill: #fff;
}
.menu-style .mat-list-item.hover {
  cursor: pointer;
}

mat-sidenav-container {
  scrollbar-width: thin; /* Firefox - makes scrollbar thinner */
  scrollbar-color: #aaa transparent; /* Firefox - thumb color and track color */
  /* Webkit browsers (Chrome, Safari, Edge) */
  /* Vertical scrollbar specific */
  /* Horizontal scrollbar specific */
  /* Corner where scrollbars meet */
}
mat-sidenav-container::-webkit-scrollbar {
  width: 2px; /* Width of vertical scrollbar */
  height: 2px; /* Height of horizontal scrollbar */
}
mat-sidenav-container::-webkit-scrollbar-track {
  background: transparent; /* Track background */
}
mat-sidenav-container::-webkit-scrollbar-thumb {
  background-color: #aaa; /* Thumb color matching PerfectScrollbar */
  border-radius: 2px; /* Rounded corners matching PerfectScrollbar */
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out, height 0.2s ease-in-out;
  transition: background-color 0.2s linear, width 0.2s ease-in-out, height 0.2s ease-in-out;
}
mat-sidenav-container::-webkit-scrollbar-thumb:hover {
  background-color: #999; /* Hover color matching PerfectScrollbar */
}
mat-sidenav-container::-webkit-scrollbar-thumb:active {
  background-color: #999; /* Active color matching PerfectScrollbar */
}
mat-sidenav-container::-webkit-scrollbar-thumb:vertical {
  min-height: 20px; /* Minimum thumb height */
}
mat-sidenav-container::-webkit-scrollbar-thumb:horizontal {
  min-width: 20px; /* Minimum thumb width */
}
mat-sidenav-container::-webkit-scrollbar-corner {
  background: transparent;
}
mat-sidenav-container mat-sidenav-content {
  margin-top: 64px;
}
mat-sidenav-container.menu-state.small mat-sidenav-content {
  margin-right: 80px !important;
  width: calc(100% - 80px) !important;
}
mat-sidenav-container.menu-state.large mat-sidenav-content {
  z-index: 999;
  overflow: unset;
}
mat-sidenav-container.menu-state.large mat-sidenav {
  z-index: 9999;
}

.search-input {
  font-size: 14px;
  width: auto;
}
.search-input mat-form-field {
  width: 100%;
  background: #f1f4f9;
  border: none;
  padding: 0 24px;
  height: 40px;
  border-radius: 4px;
}
.search-input mat-form-field .mat-form-field-underline {
  display: none;
}
.search-input mat-form-field .mat-form-field-infix,
.search-input mat-form-field .mat-form-field-flex,
.search-input mat-form-field .mat-form-field-wrapper,
.search-input mat-form-field .mat-input-element,
.search-input mat-form-field .mat-form-field-label-wrapper,
.search-input mat-form-field .mat-form-field-label {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  border: none;
  display: flex;
  top: 0;
}
.search-input mat-form-field .mat-form-field-label mat-label {
  display: none;
}
.search-input mat-form-field .mat-form-field-label.mat-empty mat-label {
  display: flex;
  align-items: center;
}
.search-input.lg {
  width: 670px;
}
.menu-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12.5px 16px;
  border-bottom: 0.5px lightgrey solid;
  border-left: none;
}
.menu-brand .menuSizeToggler {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-white {
  color: #fff !important;
}

.mat-drawer-content {
  background: #eef5f9;
  height: calc(100% - 64px) !important;
}

.main-container {
  display: flex;
  height: 100%;
  align-items: flex-start;
  transition: all 0.3s ease-in-out;
  /**
  fix for large tables
   */
}
.main-container .main-container-inner {
  padding: 0px;
  width: 100%;
}
.main-container .main-container-inner app-list-grid-options {
  padding: 0px 30px;
  margin-top: 30px;
}
.main-container .main-container-inner app-list-grid {
  padding: 0px 30px;
  background-color: #fff;
}
.main-container .main-container-inner app-pagination {
  padding: 0px 30px;
  margin-bottom: 30px;
}
.main-container .main-container-inner .list-grid-pagination {
  background-color: #fff;
}

.vertical-mat-tab-nav-bar-container .vertical-mat-tab-nav-bar {
  flex-direction: column;
  display: flex;
}
.vertical-mat-tab-nav-bar-container .mat-tab-header-pagination {
  display: none !important;
}
.vertical-mat-tab-nav-bar-container .mat-tab-links {
  flex-direction: column;
}
.vertical-mat-tab-nav-bar-container .mat-tab-list {
  transform: none !important;
}
.vertical-mat-tab-nav-bar-container .mat-tab-label-active {
  border-left: 5px solid #273c75;
  background-color: #f1f4f9;
}
.vertical-mat-tab-nav-bar-container mat-ink-bar.mat-ink-bar {
  display: none;
}
.vertical-mat-tab-nav-bar-container .mat-tab-nav-bar {
  border-bottom: none !important;
}

.container-card {
  padding: 10px 0 !important;
  border-radius: 8px !important;
}

.section-name {
  padding: 10px 0 10px 16px;
  font-size: 14px;
  font-weight: bold;
  color: var(--color-primary);
}
.section-name span {
  margin-left: 16px;
}
.section-name mat-icon {
  color: #f1f4f9;
  background-color: #273c75;
  text-align: center;
  border-radius: 50%;
  padding: 2px;
}
.section-name mat-icon svg {
  vertical-align: middle;
}

a.item-link {
  width: 100%;
  height: 32px;
  justify-content: space-between;
  margin: 4px 0;
}
a.item-link span {
  padding-left: 27px;
}

.text-decoration-none {
  text-decoration: none;
}

.page_heading,
.page_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  position: relative;
  min-height: 64px;
}
.page_heading .title,
.page_footer .title {
  color: #273c75 !important;
  font-size: 26px;
  margin: 0;
  padding: 0 !important;
  font-weight: bold;
}
.page_heading .buttons-container,
.page_footer .buttons-container {
  display: flex;
  align-items: center;
  margin-right: 0 !important;
}
.page_heading .buttons-container button:not(:last-child),
.page_footer .buttons-container button:not(:last-child) {
  margin-left: 16px;
}
.page_heading .buttons-container .btn-primary,
.page_footer .buttons-container .btn-primary {
  background-color: #1e69e4;
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.32);
}
.page_heading .buttons-container .btn-primary.mat-stroked-button,
.page_footer .buttons-container .btn-primary.mat-stroked-button {
  background-color: #fff;
  border-color: #1e69e4;
  color: #1e69e4;
}
.page_heading .buttons-container .btn-primary[disabled],
.page_footer .buttons-container .btn-primary[disabled] {
  background-color: rgba(151, 165, 203, 0.5);
  border-color: transparent;
  color: #fff;
  box-shadow: none;
}
.page_heading .buttons-container .btn-secondary,
.page_footer .buttons-container .btn-secondary {
  color: #3d4a58;
  border: 1px solid #3d4a58;
}
.page_heading .buttons-container .rounded,
.page_footer .buttons-container .rounded {
  border-radius: 50%;
}
.page_heading .buttons-container .rounded.size-32px,
.page_footer .buttons-container .rounded.size-32px {
  width: 32px;
  height: 32px;
  min-width: auto;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}
.page_heading .buttons-container .rounded.size-32px .mat-button-wrapper,
.page_footer .buttons-container .rounded.size-32px .mat-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_heading .buttons-container .rounded.size-32px mat-icon,
.page_footer .buttons-container .rounded.size-32px mat-icon {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_heading .table-multi-actions,
.page_footer .table-multi-actions {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #000;
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  margin-left: -30px;
  padding: 0 25px;
  align-items: center;
  z-index: 3;
}
.page_heading .table-multi-actions .count,
.page_footer .table-multi-actions .count {
  color: #fff;
  display: flex;
  height: 100%;
  align-items: center;
}
.page_heading .table-multi-actions .actions,
.page_footer .table-multi-actions .actions {
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.page_heading .table-multi-actions .actions button:not(:last-child),
.page_footer .table-multi-actions .actions button:not(:last-child) {
  margin-right: 16px;
}
.page_heading .table-multi-actions .actions .btn-light,
.page_footer .table-multi-actions .actions .btn-light {
  background: #fff;
  color: #000;
}
.page_heading .table-multi-actions .actions .btn-light mat-icon,
.page_footer .table-multi-actions .actions .btn-light mat-icon {
  color: #000;
}

.form-spacing.lg {
  padding: 0 15%;
}

.border-0 {
  border: none !important;
}

.btn-cancel {
  color: #97a5cb !important;
  border: none !important;
  border-radius: 20px !important;
}

.password-guide ul {
  padding: 0;
  margin-top: 0;
  list-style-type: none;
}
.password-guide ul li {
  display: flex;
  align-items: center;
  min-height: 24px;
}
.password-guide mat-icon {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.password-guide .square-icon {
  width: 5px;
  height: 5px;
  background: #273c75;
  display: block;
  margin-right: 19px;
}
.password-guide ul li.success {
  color: #4cd137;
}
.password-guide ul li.success mat-icon {
  color: #4cd137;
}
.password-guide ul li.danger {
  color: #f44336;
}
.password-guide ul li.danger mat-icon {
  color: #f44336;
}

.validation-errors {
  display: flex;
  flex-direction: column;
}

.mat-form-field-required-marker {
  color: red;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

/**
browser hack override for chrome auto fill style
not recommended
 */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px white inset;
  /*your box-shadow*/
  -webkit-text-fill-color: #333;
}

breadcrumb {
  color: #97a5cb;
}
breadcrumb .breadcrumb {
  display: inline-flex;
  align-items: center;
  z-index: 2;
}
breadcrumb .breadcrumb span {
  font-size: 16px;
}
breadcrumb .breadcrumb .icon {
  display: flex;
  align-items: center;
}
breadcrumb .breadcrumb:last-child {
  color: #273c75;
}
breadcrumb .mat-button {
  padding: 0 12px;
}

.fileUpload {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.fileUpload .image-container {
  position: relative;
  display: block;
  padding: 15px;
  border: 1px dashed #97a5cb;
  border-radius: 12px;
  width: 170px;
  height: 170px;
  background-color: #ecf2f7;
  color: #97a5cb;
}
.fileUpload .image-container img {
  border-radius: 15px;
  overflow: hidden;
  display: block;
  max-width: 80%;
  margin: 0 auto;
  z-index: 1;
}
.fileUpload .image-container .buttons-container {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 5;
  padding: 5px;
}
.fileUpload .image-container .buttons-container button {
  margin-left: 5px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}
.fileUpload .image-container .buttons-container button.mat-mini-fab .mat-button-wrapper {
  display: flex;
  padding: 0;
  line-height: initial;
}
.fileUpload .image-container .buttons-container button.mat-mini-fab .mat-button-wrapper mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fileUpload .image-container .buttons-container button mat-icon {
  font-size: 14px;
}
.fileUpload .image-container .buttons-container button:hover.edit {
  background-color: var(--color-primary);
}
.fileUpload .image-container .buttons-container button:hover.edit svg {
  color: #fff;
}
.fileUpload .image-container .buttons-container button:hover.delete {
  background-color: #ff0000;
}
.fileUpload .image-container .buttons-container button:hover.delete svg {
  color: #fff;
}
.fileUpload .input-container {
  display: flex;
}
.fileUpload .input-container label {
  width: 100%;
  border-radius: 10px;
  border: 1px dashed #2a3348;
  margin: 10px 0;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.fileUpload.disabled .input-container label {
  border-color: rgba(0, 0, 0, 0.38);
  color: rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
  display: none;
}
.fileUpload.disabled .image-container {
  border-color: rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
}
.fileUpload.disabled .image-container img {
  filter: opacity(0.5);
}

.default-form {
  min-width: 150px;
  max-width: 570px;
  width: 100%;
}
.default-form .form-section {
  padding-top: 15px;
  padding-bottom: 15px;
}
.default-form .form-section .form-section-title {
  font-weight: bold;
  padding-bottom: 5px;
}
.default-form .field-container {
  position: relative;
  padding-bottom: 15px;
}
.default-form .field-container .required-asterisk {
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
}
.default-form .field-container .required-asterisk.inline {
  position: relative;
  right: auto;
  top: auto;
  display: inline-flex;
  padding-left: 5px;
}
.default-form .field-container.radio-group mat-radio-group mat-radio-button {
  margin: 0 5px;
  transition: all 0.2s ease-in-out;
}
.default-form .field-container.radio-group mat-radio-group.radio-group-vertical {
  display: flex;
  flex-direction: column;
  margin: 6px 0;
}
.default-form .field-container.radio-group mat-radio-group.radio-group-vertical mat-radio-button {
  margin: 8px 0;
}
.default-form .field-container.radio-group mat-radio-group.radio-group-horizontal mat-radio-button {
  margin: 0 5px;
}
.default-form .field-container.radio-group mat-radio-group.radio-group-horizontal.radio-style1 {
  border: 1px solid #ececec;
  border-radius: 7px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}
.default-form .field-container.radio-group mat-radio-group.radio-group-horizontal.radio-style1 mat-radio-button {
  margin: 0;
  padding: 0;
  flex: 1;
}
.default-form .field-container.radio-group mat-radio-group.radio-group-horizontal.radio-style1 mat-radio-button label {
  padding: 15px;
}
.default-form .field-container.radio-group mat-radio-group.radio-group-horizontal.radio-style1 mat-radio-button .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.2);
}
.default-form .field-container.radio-group mat-radio-group.radio-group-horizontal.radio-style1 mat-radio-button.mat-radio-checked {
  color: #ffffff;
  background-color: var(--color-primary);
}
.default-form .field-container.radio-group mat-radio-group.radio-group-horizontal.radio-style1 mat-radio-button.mat-radio-checked .mat-radio-outer-circle {
  border-color: #fff;
}
.default-form .field-container.radio-group mat-radio-group.radio-group-horizontal.radio-style1 mat-radio-button.mat-radio-checked .mat-radio-inner-circle {
  background-color: #fff;
}
.default-form .field-container .upload-file-hidden {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}
.default-form .field-container.image-upload {
  width: 170px;
  height: 170px;
  margin: 0 auto;
  position: relative;
}
.default-form .field-container.image-upload .image-container .img-label {
  z-index: 1;
}
.default-form .field-container.image-upload .image-container,
.default-form .field-container.image-upload .input-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.default-form .field-container.image-upload .input-container label {
  border: 0;
}
.default-form .field-container.file_upload_details .input-container {
  background-color: #eef0f2;
  border: 1px dashed #97a5cb;
  width: 80%;
  border-radius: 8px;
  color: #97a5cb;
  padding: 15px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.default-form .field-container.file_upload_details .input-container:hover {
  background-color: #fff;
  border: 1px dashed #273c75;
}
.default-form .field-container.file_upload_details .input-container .icon {
  margin-right: 15px;
}
.default-form .field-container.file_upload_details .input-container .labels {
  text-align: left;
}
.default-form .field-container.file_upload_details .input-container .labels .primary-label {
  font-weight: bold;
  padding-bottom: 5px;
}
.default-form .field-container.file_upload_details .input-container .action-button {
  margin-left: auto;
}
.default-form .field-container.file_upload_details .input-container .action-button button {
  background-color: #eef0f2;
  border: 1px solid #97a5cb;
  color: #97a5cb;
}

mat-dialog-container {
  border-radius: 15px !important;
  overflow: hidden !important;
}

app-list-grid .tbl-content tr,
app-list-grid-material .tbl-content tr {
  background: #fff;
  transition: all 0.2s ease-in-out;
}
app-list-grid .tbl-content tr .actions-buttons,
app-list-grid-material .tbl-content tr .actions-buttons {
  transition: all 0.2s ease-in-out;
}
app-list-grid .tbl-content tr .actions-buttons mat-icon,
app-list-grid-material .tbl-content tr .actions-buttons mat-icon {
  transition: all 0.2s ease-in-out;
}
app-list-grid .tbl-content tr.selected-row,
app-list-grid-material .tbl-content tr.selected-row {
  background: #76a299 !important;
  color: #707070;
  border-right: 10px solid #9c7a38;
}
app-list-grid .tbl-content tr.selected-row:hover,
app-list-grid-material .tbl-content tr.selected-row:hover {
  background: #76a299 !important;
}
app-list-grid .tbl-content tr.selected-row *:not(.actions-buttons),
app-list-grid-material .tbl-content tr.selected-row *:not(.actions-buttons) {
  color: #707070;
}
app-list-grid .tbl-content tr.selected-row .actions-buttons mat-icon,
app-list-grid-material .tbl-content tr.selected-row .actions-buttons mat-icon {
  background: #fff;
}
app-list-grid .tbl-content tr.selected-row .tags-style-1 .array-item span,
app-list-grid-material .tbl-content tr.selected-row .tags-style-1 .array-item span {
  color: var(--color-primary);
}

.table-style {
  border-collapse: collapse;
}
.table-style .tbl-header {
  border-bottom: 1px solid #ccd3e4;
}
.table-style .tbl-header th {
  font-weight: normal;
  color: #707070;
  padding: 0 10px;
  font-weight: bold;
  font-size: 16px;
}
.table-style .tbl-header th.select-all {
  width: 40px;
  padding: 0 25px;
}
.table-style .tbl-header th .table-column-header {
  padding: 10px;
  padding-right: 0 !important;
}
.table-style .tbl-header th.actions-head {
  width: 120px;
  color: #3d4a58;
}
.table-style .tbl-header th.actions-head .filter-action {
  cursor: pointer;
}
.table-style .tbl-header th .sortable {
  justify-content: space-between;
}
.table-style .tbl-header .hide-name > div > span {
  display: none;
}
.table-style tr td {
  padding: 10px;
  transition: all ease-in-out 0.1s;
}
.table-style tr td.select-row {
  width: 40px;
  padding: 0 10px;
  text-align: center;
}
.table-style .cell-container {
  font-size: 16px;
}
.table-style .cell-container.fill-height .cell-inner-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.table-style .cell-container.yellow-background {
  background-color: #fff5e5;
}
.table-style .item-prefix,
.table-style .item-suffix,
.table-style .item-content {
  display: inline-flex;
}
.table-style .item-prefix.clearfix,
.table-style .item-suffix.clearfix,
.table-style .item-content.clearfix {
  display: block;
  margin: 0;
}
.table-style .item-prefix .item-additional-content.comma-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty::before,
.table-style .item-suffix .item-additional-content.comma-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty::before,
.table-style .item-content .item-additional-content.comma-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty::before {
  content: ",";
  display: inline-flex;
  margin-right: 3px;
}
.table-style .item-prefix .item-additional-content.space-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty::before,
.table-style .item-suffix .item-additional-content.space-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty::before,
.table-style .item-content .item-additional-content.space-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty::before {
  content: " ";
  display: inline-flex;
  margin-right: 3px;
}
.table-style .item-prefix .item-additional-content.vehicles-space-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty,
.table-style .item-suffix .item-additional-content.vehicles-space-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty,
.table-style .item-content .item-additional-content.vehicles-space-separator-items app-list-grid-content.not-empty ~ app-list-grid-content.not-empty {
  margin-left: 3px;
}
.table-style .item-prefix .item-additional-content.vehicles-space-separator-items .slashBefore::before,
.table-style .item-suffix .item-additional-content.vehicles-space-separator-items .slashBefore::before,
.table-style .item-content .item-additional-content.vehicles-space-separator-items .slashBefore::before {
  content: "/";
  display: inline-flex;
  padding-right: 3px;
}
.table-style .item-prefix .item-additional-content.slash-separator-items::before,
.table-style .item-suffix .item-additional-content.slash-separator-items::before,
.table-style .item-content .item-additional-content.slash-separator-items::before {
  content: "/";
  display: inline-flex;
  margin-right: 3px;
}
.table-style .item-content .vertical-helper {
  display: flex;
  flex-direction: column;
}
.table-style .item-suffix {
  margin-left: 7px;
  display: inline-flex;
}
.table-style .item-prefix {
  margin-left: 7px;
  display: inline-flex;
}
.table-style .cell-display-type.color {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  margin-right: 5px;
  margin-left: 5px;
}
.table-style .cell-display-type.icon {
  margin-right: -12px;
  margin-left: 5px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-style .cell-display-type.icon mat-icon {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-style .cell-display-type.array.tags-style .array-item {
  border: 1px solid #dcdde1;
  padding: 5px 8px;
  border-radius: 15px;
  display: inline-flex;
}
.table-style .cell-display-type.array.tags-style .array-item:not(:last-child) {
  margin-right: 5px;
}
.table-style .cell-display-type.array.images-array-style .array-item {
  display: inline-flex;
  width: 34px;
  height: 34px;
}
.table-style .cell-display-type.array.images-array-style .array-item span {
  display: flex;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.table-style .cell-display-type.array.images-array-style .array-item:hover span {
  z-index: 2;
  transform: scale(1.2);
}
.table-style .cell-display-type.array.images-array-style .array-item img {
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
}
.table-style .cell-display-type.array.images-array-style .array-item:not(:first-child) {
  margin-left: -10px;
}
.table-style .cell-display-type.array .array-trimBy {
  display: inline-flex;
}
.table-style .clickable {
  cursor: pointer;
}
.table-style .clickable:hover {
  color: var(--color-primary);
}
.table-style .boolean-icon mat-icon {
  fill: #97a5cb;
  color: #97a5cb;
}
.table-style .boolean-icon.true mat-icon {
  fill: #1e69e4;
  color: #1e69e4;
}
.table-style .item-border > div > span {
  border: 1px solid #dcdde1;
  border-radius: 20px;
  padding: 4px 8px;
}
.table-style .number-background .number-dark {
  background-color: #273c75;
  color: white;
  padding: 5px 12px;
  border-radius: 20px;
  display: inline-block;
}
.table-style .number-background .number-light {
  background-color: #97a5cb;
  color: white;
  padding: 5px 12px;
  border-radius: 20px;
  display: inline-block;
}
.table-style .blue-link {
  color: var(--color-primary);
}
.table-style.no_data {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.table-style.no_data .tbl-header {
  width: 100%;
  display: flex;
}
.table-style.no_data .tbl-header tr {
  width: 100%;
  display: flex;
}
.table-style.no_data .tbl-header tr th {
  display: flex;
  align-items: center;
  flex: 1;
}
.table-style.no_data .tbl-header tr th.th-hidden {
  display: none;
}
.table-style.no_data .tbl-header tr th.actions-head {
  margin-left: auto;
}
.table-style.no_data tbody {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.table-style.no_data tbody tr {
  width: 100%;
  display: flex;
  justify-content: center;
}
.table-style.no_data tbody tr td {
  width: 100%;
  display: flex;
  justify-content: center;
}

.filters-inline app-filters-inline {
  width: calc(100% - 40px);
}
.filters-inline app-filters-inline .filter-inline-container {
  width: 100%;
  display: flex;
  flex: auto !important;
}
.filters-inline app-filters-inline form {
  width: 100%;
}
.filters-inline app-filters-inline form .mat-form-field-prefix .mat-icon,
.filters-inline app-filters-inline form .mat-form-field-suffix .mat-icon {
  font-size: 16px;
  line-height: 1.4;
}
.filters-inline app-filters-inline form .mat-form-field {
  width: 100%;
}
.filters-inline app-filters-inline form .mat-form-field .mat-form-field-flex {
  align-items: flex-end;
}
.filters-inline app-filters-inline form .mat-form-field label {
  color: #98a6c9;
}

/**
app-settings selected items bar fix
 */
app-settings .headerSmallSize .table-multi-actions {
  margin-left: -330px;
  width: calc(100% + 300px + 60px);
}

app-pagination {
  width: 100%;
}

.cell-display-type.color {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.mat-card-header-text {
  margin: 0 !important;
}

.export-list-btn {
  border-radius: 20px !important;
  display: flex !important;
  justify-content: center !important;
}
.export-list-btn div.mat-select-arrow-wrapper {
  display: none;
}
.export-list-btn.mat-select {
  display: inline;
}

.table-multi-actions .actions .export-list-btn mat-icon.mat-icon {
  margin-bottom: 8px;
}

.menu-trigger-icon {
  background-color: white;
  border: 1px solid #97a5cb !important;
  color: #3d4a58 !important;
}

.export-menu {
  margin-top: -51px;
  width: 212px;
  padding-top: 5px;
  border-radius: 7px !important;
}
.export-menu .export-menu-title {
  padding-left: 9px;
  color: #97a5cb;
  font-size: 12px;
}
.export-menu button mat-icon {
  color: var(--color-primary);
}
.export-menu .in-menu-button {
  color: #273c75;
  height: 36px;
  margin: 4px 0;
  display: flex;
  align-items: center;
}
.export-menu .in-menu-button:hover {
  background-color: #ecf2f7 !important;
}
.export-menu .in-menu-button .in-menu-icon {
  color: #273c75 !important;
  background-color: #ecf2f7;
  border-radius: 50%;
  padding: 4px 2px;
  text-align: center;
  margin: 0;
}
.export-menu .in-menu-button .in-menu-span {
  color: #273c75 !important;
  padding-left: 9px;
  line-height: initial;
}

.photo-gallery-card .photo figure.mat-figure {
  height: 169px !important;
}
.photo-gallery-card .contact-person .mat-figure {
  justify-content: start !important;
}

.toggle-view {
  background-color: transparent;
  outline: none;
  border: none;
}
.toggle-view span {
  cursor: pointer;
  margin-right: 27px;
}
.toggle-view .show-more {
  position: absolute;
  top: 145px;
}
.toggle-view .show-less {
  position: absolute;
  bottom: 5px;
}

.comment div.mat-list-text {
  margin-left: 10px;
}

.comment-form .mat-form-field-underline {
  display: none;
}

.doc-icon {
  color: #97a5cb;
  border: 1px solid #97a5cb;
  border-radius: 4px;
  margin-right: 12px;
  height: 24px;
  width: 24px;
}

.blue-gradient.active {
  background-color: #1e69e4 !important;
}

.custom-value .true-value {
  font-size: 12px;
}

.main-menu .mdi-icon svg {
  width: 18px;
  height: 18px;
}
.main-menu mat-expansion-panel .mat-list-item {
  margin: 10px 0;
}

app-filters-inline .filter-inline-container .mat-form-field-wrapper {
  padding-bottom: 0.6em;
}
app-filters-inline .filter-inline-container .mat-form-field-underline {
  display: none !important;
}
app-filters-inline .filter-inline-container .mat-input-element {
  color: #273c75;
}

.table-image-thumb {
  width: 32px;
  height: 32px;
}

.dummyDataLoader {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999;
  width: 100px;
  height: 100px;
}
.dummyDataLoader mat-icon {
  font-size: 70px;
}

.filter-container {
  width: 365px;
}
.filter-container .main-card {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  overflow-y: auto;
}
.filter-container .main-card mat-card-header {
  font-size: 14px;
  color: #3d4a58;
}
.filter-container .main-card mat-card-header mat-icon {
  margin-right: 10px;
  margin-top: 2px;
  font-size: 16px;
}
.filter-container .main-card mat-form-field {
  width: 100%;
}
.filter-container .main-card .submit_button {
  background-color: #1e69e4;
  width: 100%;
  justify-content: center;
  border-radius: 20px;
  color: white;
  font-size: 14px;
}

.driver-menu {
  width: 300px;
  background-color: red;
}

.status-bg {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  display: inline-block;
}

.odometer-lastupdate {
  color: #97a5cb;
}

.over-due {
  color: red;
  margin-left: 24px;
}

.insurance-amount-text {
  color: #1e69e4;
}

.avoid-odometer {
  display: inline-flex;
}

.hint-icon {
  color: #aaa;
}

.service-task-desc {
  color: #707070;
  font-size: 12px;
}

.service-task-name {
  color: #3d3d3d;
  font-size: 14px;
}

.link-text {
  word-break: break-all;
}

.section-heading {
  font-size: 24px;
}

.tags-style-1 {
  display: inline-flex;
  flex-wrap: wrap;
}
.tags-style-1 .array-item {
  background-color: #d8dce4;
  color: #202020;
  padding: 5px 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  border-radius: 20px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
}

.badge {
  background-color: var(--color-secondary);
  padding: 3px 12px;
  margin: 0 5px;
  color: #fff;
  border-radius: 25px;
}

mat-icon.service-delete-icon {
  border: 1px solid #97a5cb;
  border-radius: 6px;
  height: 28px;
  width: 28px;
}
mat-icon.service-delete-icon svg {
  margin-top: 3px !important;
}

.time-picker-icon {
  color: #757575;
  margin-right: 4px;
  font-size: 16px !important;
}

.arabicFont {
  font-family: Helvetica;
}

.ltr {
  direction: ltr;
}

.pages-container {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.gray-color {
  color: #0082ff;
}

.btn-disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
}

.mat-divider {
  border-top-style: none !important;
}

.core-list .filter-section .table-multi-actions .actions {
  background: #f8f8f8 !important;
}

table.table-style.infinite-scrolling thead tr th {
  font-weight: bold;
  background-color: white !important;
}

.stepper-actions {
  justify-content: space-between;
}

.second_row {
  font-size: 14px;
  color: #76a299;
}

.ng-option:last-child .line {
  border: none;
}

.chart-container {
  background: white;
  border-radius: 15px;
  width: 98%;
  margin: auto;
  margin-bottom: 15px;
  min-height: 400px;
  direction: rtl;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.chart-container .header .start {
  margin-right: auto;
  margin: 5px 10px;
  font-size: 24px;
  color: #707070;
  padding: 10px;
}
.chart-container .header .end {
  margin-left: auto;
  margin: 5px 10px;
  font-size: 20px;
  color: #274240;
  padding: 10px;
}
.chart-container .chart {
  width: 80%;
  margin: auto;
}
.chart-container .xLabel {
  font-size: 16px;
  color: #707070;
}

.radio-btn {
  margin-right: 10px;
  padding: 5px;
}

.last-row {
  background: rgba(0, 0, 0, 0.1607843137) !important;
}
.last-row .datatable-body-cell-label {
  color: #274240 !important;
  font-weight: bold;
}

.white-space .link-text {
  word-spacing: 10px;
}

.gold-color {
  color: #9c7a38;
}

mat-checkbox .mat-checkbox-frame {
  border-width: 1px;
  border-color: #97a5cb;
  border-radius: 4px;
}
mat-checkbox.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, mat-checkbox.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: transparent !important;
}
mat-checkbox.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background .mat-checkbox-checkmark, mat-checkbox.mat-checkbox-checked.mat-primary .mat-checkbox-background .mat-checkbox-checkmark {
  fill: #274240 !important;
}
mat-checkbox.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background .mat-checkbox-checkmark-path, mat-checkbox.mat-checkbox-checked.mat-primary .mat-checkbox-background .mat-checkbox-checkmark-path {
  stroke: #274240 !important;
}

.selected-row mat-checkbox.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .selected-row mat-checkbox.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #fff !important;
  border-radius: 4px;
}

app-filters-inline mat-form-field .mat-form-field-underline {
  background-color: transparent !important;
}

.filterSideNavContainer {
  z-index: 1000 !important;
  height: 0;
}
.filterSideNavContainer .filterSideNav {
  left: 0 !important;
  right: auto !important;
}

.color-picker-style1 .color-picker {
  border: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  overflow: hidden;
  flex-direction: column !important;
  width: 176px !important;
  padding: 8px;
}
.color-picker-style1 .color-picker.open {
  display: flex !important;
}
.color-picker-style1 .color-picker .saturation-lightness {
  display: flex !important;
  order: 2;
  border-radius: 8px;
}
.color-picker-style1 .color-picker .hue-alpha {
  display: flex !important;
  order: 3;
}
.color-picker-style1 .color-picker .hue-alpha .left {
  display: none;
}
.color-picker-style1 .color-picker .hue-alpha .right .hue {
  border-radius: 8px;
  margin-bottom: 0;
}
.color-picker-style1 .color-picker .hex-text {
  display: none !important;
}
.color-picker-style1 .color-picker .type-policy {
  display: none !important;
}
.color-picker-style1 .color-picker .preset-area {
  display: flex;
  align-self: flex-start;
  order: 1;
  padding: 0 0 10px;
}
.color-picker-style1 .color-picker .preset-area hr {
  display: none;
}
.color-picker-style1 .color-picker .preset-area .preset-label {
  display: none;
}
.color-picker-style1 .color-picker .preset-area .preset-color {
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border: 0;
  margin: 8px;
}
.color-picker-style1 .color-picker .box {
  padding: 0 !important;
}
.color-picker-style1 .color-picker .right {
  padding: 0 !important;
}
.color-picker-style1 .color-circle {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.toast-info {
  background-color: #1e69e4;
}

.mat-input-element:disabled {
  cursor: not-allowed;
}

.mat-icon-button mat-icon.mdi-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#mainProgressBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#mainProgressBar .ng-meteor {
  box-shadow: none !important;
}

ng-select.ng-select-style1 .ng-select-container {
  padding-top: 5px;
}
ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: #d8dce4;
  color: #202020;
  padding: 2px 5px 2px 15px;
  border-radius: 20px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
}
ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value span {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: initial;
}
ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  padding-right: 5px;
}
ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon mat-icon {
  justify-content: center;
  align-items: center;
  line-height: initial;
  display: flex;
}
ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon mat-icon svg {
  color: #97a5cb;
}
ng-select.ng-select-style1.required-asterisk-inline-before .ng-value-container .ng-placeholder::before {
  content: "*";
  display: block;
  top: 0;
  right: -11px;
  color: #f44336;
  position: absolute;
}

.ng-select-style1 .ng_select_prefix {
  display: inline-flex;
}
.ng-select-style1 .ng_select_prefix .cell-display-type.color {
  display: inline-flex;
  width: 8px;
  height: 8px;
}
.ng-select-style1 .ng_select_prefix .cell-display-type.img {
  display: inline-flex;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
}
.ng-select-style1 .ng_select_prefix .cell-display-type.img img {
  width: 100%;
  height: auto;
}

mat-tooltip-component .white-tooltip {
  background-color: #fff;
  box-shadow: 0 4px 14px rgba(151, 165, 203, 0.43);
  color: #3d3d3d;
}

.tooltip-template.d-none {
  display: none !important;
}

.tippy-tooltip.white-tooltip-theme {
  color: #3d3d3d;
  box-shadow: 0 4px 14px rgba(151, 165, 203, 0.5);
  padding: 15px;
  border-radius: 8px;
}
.tippy-tooltip.white-tooltip-theme .tippy-content .tooltip-template-inner .title {
  text-align: left;
  margin-bottom: 15px;
  color: #97a5cb;
}
.tippy-tooltip.white-tooltip-theme .tippy-content .array-item {
  border: 1px solid #dcdde1;
  padding: 5px 8px;
  border-radius: 15px;
  margin-bottom: 5px;
}
.tippy-tooltip.white-tooltip-theme .tippy-content .array-item:not(:last-child) {
  margin-right: 5px;
}
.tippy-tooltip.white-tooltip-theme .tippy-content .w-fixed {
  max-width: 380px;
  flex-flow: wrap;
}
.tippy-tooltip.white-tooltip-theme .tippy-backdrop {
  background-color: #fff;
}

.filters-container-large {
  width: 365px;
}

.dialog-container.import-dialog {
  text-align: center;
}
.dialog-container.import-dialog .input-container {
  background-color: #eef0f2;
  border: 1px dashed #97a5cb;
  width: 80%;
  border-radius: 8px;
  color: #97a5cb;
  padding: 15px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.dialog-container.import-dialog .input-container:hover {
  background-color: #fff;
  border: 1px dashed #273c75;
}
.dialog-container.import-dialog .input-container .icon {
  margin-right: 15px;
}
.dialog-container.import-dialog .input-container .labels {
  text-align: left;
}
.dialog-container.import-dialog .input-container .labels .primary-label {
  font-weight: bold;
  padding-bottom: 5px;
}
.dialog-container.import-dialog .input-container .action-button {
  margin-left: auto;
}
.dialog-container.import-dialog .input-container .action-button button {
  background-color: #eef0f2;
  border: 1px solid #97a5cb;
  color: #97a5cb;
}
.dialog-container.import-dialog .title {
  color: #273c75;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.dialog-container.import-dialog .mat-flat-button.download_sample_file {
  border-radius: 8px;
  font-size: 24px;
  background-color: #19ac65;
  padding: 8px 14px;
  margin-bottom: 45px;
}
.dialog-container.import-dialog .upload-file-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.dialog-container.import-dialog .upload-file-hidden.edit {
  z-index: 3;
}
.dialog-container.import-dialog.md {
  width: 770px;
}
.dialog-container.import-dialog .errors-container {
  width: 80%;
  background-color: #f8d7da;
  margin: 0 auto;
  border-radius: 8px;
  padding: 8px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.ng5-slider .ng5-slider-pointer {
  width: 10px !important;
  height: 10px !important;
  top: -3px !important;
  background-color: #273c75 !important;
}
.ng5-slider .ng5-slider-pointer:after {
  content: none !important;
  background-color: #fff !important;
}
.ng5-slider .ng5-slider-pointer:focus {
  outline: none !important;
}

.ng5-slider .ng5-slider-selection {
  background-color: #273c75 !important;
}

.dark-color {
  color: #273c75;
}

.range-form-field .mat-form-field-infix {
  min-width: unset !important;
  max-width: unset !important;
  width: 330px;
}

.buttons-container .mat-tab-nav-bar,
.buttons-container .mat-tab-header {
  border: none;
  margin-right: 15px;
}

.buttons-container .mat-tab-link {
  margin-right: 15px;
  min-width: 90px;
  padding: 0;
  color: #1b325f;
}

.buttons-container .mat-tab-label-active {
  opacity: 1;
}

.buttons-container .mat-tab-group.mat-primary .mat-ink-bar,
.buttons-container .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #1b325f;
}

.ng_select_container {
  padding-bottom: 15px;
}
.ng_select_container.error ng-select.ng-select-focused .ng-select-container:after {
  border-color: #f44336 !important;
  border-width: 2px !important;
}
.ng_select_container.error ng-select .ng-select-container:after {
  border-color: #f44336 !important;
}
.ng_select_container.error ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #f44336 !important;
}
.ng_select_container mat-error {
  position: relative;
}

.max-w-form {
  max-width: 100%;
}
.max-w-form .ng-placeholder {
  padding: 0 16px;
}
.max-w-form input {
  padding-left: 0 16px;
}

.no-pd .mat-list-item-content {
  padding: 0px !important;
}

.ng-dropdown-panel {
  z-index: 1061;
}

.tbl-content.infinite-scrolling {
  height: 350px;
  max-height: 350px;
  overflow: auto;
  position: relative;
  /* Hide default scrollbar */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.tbl-content.infinite-scrolling::-webkit-scrollbar {
  display: none; /* WebKit */
}

/* Perfect Scrollbar Container - Hide default scrollbar */
.perfect-scrollbar-container {
  /* Hide default scrollbar */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  /* Ensure PerfectScrollbar is visible */
}
.perfect-scrollbar-container::-webkit-scrollbar {
  display: none; /* WebKit */
}
.perfect-scrollbar-container .ps__rail-y {
  opacity: 1 !important;
}
.perfect-scrollbar-container .ps__thumb-y {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

table.table-style,
div.table-style {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 0;
  border-spacing: 0;
}
table.table-style .actions-data-row,
div.table-style .actions-data-row {
  padding-left: 10px;
}
table.table-style td,
div.table-style td {
  vertical-align: middle;
}
table.table-style td *,
div.table-style td * {
  vertical-align: middle;
}
table.table-style.infinite-scrolling,
div.table-style.infinite-scrolling {
  width: 100%;
  table-layout: inherit;
  max-height: 350px;
  overflow: hidden;
}
table.table-style.infinite-scrolling tbody,
div.table-style.infinite-scrolling tbody {
  position: relative;
  max-height: 300px;
  overflow-y: auto;
}
table.table-style.infinite-scrolling thead,
table.table-style.infinite-scrolling tbody tr,
div.table-style.infinite-scrolling thead,
div.table-style.infinite-scrolling tbody tr {
  width: 100%;
  border: none;
}
table.table-style.infinite-scrolling thead td.hidden-td,
table.table-style.infinite-scrolling tbody tr td.hidden-td,
div.table-style.infinite-scrolling thead td.hidden-td,
div.table-style.infinite-scrolling tbody tr td.hidden-td {
  padding: 0;
  border-bottom: none;
}
table.table-style.infinite-scrolling thead,
div.table-style.infinite-scrolling thead {
  width: 100%;
  /* scrollbar is average 1em/16px width, remove it from thead width */
}
table.table-style.infinite-scrolling thead tr th,
div.table-style.infinite-scrolling thead tr th {
  top: 0px;
  position: sticky;
  z-index: 100;
  background-color: #f7f7f7 !important;
  border-bottom: none;
}
table .hidden-td,
div .hidden-td {
  height: 0;
  padding: 0;
}

.line-item-card ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: none;
}
.line-item-card .task-issues ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: inline-flex;
}
.line-item-card .ng-clear-wrapper {
  display: none;
}

.field-container mat-form-field .mat-form-field-infix {
  width: inherit;
}

.scrollableDialog .mat-dialog-container {
  overflow-y: auto !important;
}
.scrollableDialog .mat-mdc-dialog-content {
  max-height: 58vh;
}
.scrollableDialog .mat-dialog-actions {
  padding: 20px 0;
  margin-top: 2px;
}

.main-container-inner {
  overflow: auto;
  overflow-y: hidden;
  height: calc(100vh - 64px);
}

.main-container {
  min-height: 100%;
  height: 100%;
  align-content: stretch;
}

.mat-mdc-card {
  box-shadow: none !important;
  background-color: transparent !important;
}

.mdl-data-table .table-header {
  font-size: 18px;
}
.mdl-data-table td {
  font-size: 16px;
}
.mdl-data-table td.stepper-action-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: none;
}

.mat-expansion-panel {
  border-radius: 0px !important;
}
.mat-expansion-panel .mat-expansion-panel-header.active {
  border-right: 10px solid var(--color-primary);
  background: #76a299;
}
.mat-expansion-panel .mat-expansion-panel-header.active span {
  color: #ffffff !important;
}
.mat-expansion-panel .mat-expansion-panel-header:hover span, .mat-expansion-panel .mat-expansion-panel-header:focus span {
  color: #707070 !important;
}

.core-list {
  /*==================================================
   * grid list table style
   * ===============================================*/
}
.core-list .filter-section .table-multi-actions {
  justify-content: flex-end;
  align-items: center;
}
.core-list .filter-section .table-multi-actions .actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 30px 10px 30px;
  background: #fff;
}
.core-list .filter-section .table-multi-actions .primary-border {
  border-color: #9c7a38;
}
.core-list .filter-section .table-multi-actions .primary-border .mat-button-wrapper {
  font-size: 18px !important;
}
.core-list .table-shadow {
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.core-list .mat-button-wrapper {
  display: flex;
  align-items: center;
}

table.table-style td {
  text-align: right;
  padding-right: 15px;
}

/*==================================================
   * main default styles
   * ===============================================*/
:focus {
  outline: -webkit-focus-ring-color auto 0px !important;
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: none !important;
}

.default-form {
  max-width: 100%;
}

.form-spacing.lg {
  padding: 0;
}

.mat-form-field-infix input {
  color: #707070 !important;
}

.text-left {
  text-align: left;
}

text-right {
  text-align: right;
}

a:-webkit-any-link:active {
  color: inherit;
}

mat-label {
  background: white !important;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-color: currentColor !important;
}

.fileUpload .input-container {
  display: none !important;
}
.fileUpload .image-container {
  border-radius: 50%;
}
.fileUpload .image-container .buttons-container {
  padding: 12px;
}
.fileUpload .image-container .buttons-container button.edit {
  background-color: #9c7a38;
}
.fileUpload .image-container .buttons-container button.edit .mat-icon.mat-warn {
  color: #fff;
}
.fileUpload .image-container img {
  max-width: 100%;
  border-radius: 50%;
}

.font-danger {
  font-size: 75%;
}

.mat-drawer {
  z-index: 1;
}

table.table-style.infinite-scrolling thead tr th {
  background: white !important;
}

table.table-style.infinite-scrolling thead,
table.table-style.infinite-scrolling tbody tr:nth-child(odd),
datatable-row-wrapper:nth-child(odd) {
  background: #f5f5f5;
}

.main-container .main-container-inner app-list-grid {
  background: #f8f8f8;
}

.table-style .tbl-header th.select-all {
  padding: 0;
}

table.table-style .actions-data-row {
  padding: 30px;
}

.core-list .mat-button-wrapper {
  font-size: 20px;
}

.table-style .tbl-header th.select-all {
  padding: 0 25px;
}

.font-color * {
  fill: #707070 !important;
}

.array-item:first-child {
  margin-right: 0px !important;
}

.cell-container {
  color: #707070;
}

.multi_select_details ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: none;
}

.mat-dialog-actions {
  padding: 17px 17px !important;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.0784313725);
  margin-top: 2px !important;
}
.mat-dialog-actions button {
  font: 500 18px/22px Helvetica !important;
  padding: 8px 30px;
}

.mat-dialog-actions .mat-stroked-button {
  margin-left: 0 !important;
  margin-right: 8px !important;
}
.mat-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base {
  margin-left: 0 !important;
  margin-right: 8px !important;
}

app-list-multiple-operations .main-red-bg {
  padding: 8px 30px;
  font-size: 18px;
}

.main-red-bg {
  border: 1px solid #76a299 !important;
}

.main-red-bg[disabled][disabled] {
  background-color: rgba(133, 151, 177, 0.4);
  color: #fff;
}

app-list-grid .tbl-content tr.selected-row .actions-buttons mat-icon {
  background: transparent;
}

.core-list .mat-button-wrapper {
  font-size: 18px;
}

.dialog-container mat-dialog-content {
  color: #707070 !important;
  font-size: 21px !important;
}

.dialog-container h1 {
  color: #707070 !important;
  font-size: 18px !important;
}

.dialog-container mat-dialog-actions button:last-child {
  color: #ffffff !important;
  font-size: 18px !important;
}

.main-red-bg[disabled][disabled] {
  background: #76a299 !important;
}

.list-grid-container {
  width: var(--list-table-width);
}

mat-step-header .mat-step-icon-content {
  display: none;
}
mat-step-header .mat-step-icon-content span {
  display: none;
}
mat-step-header .mat-step-icon-state-number.mat-step-icon.mat-step-icon-selected .mat-step-icon-content {
  display: block;
  background: #fff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: right;
}

.required-asterisk {
  color: red;
  display: none !important;
}

.mat-mdc-dialog-title::before {
  display: none;
}

.mdl-data-table th {
  color: #707070;
}
.mdl-data-table .text-primary {
  color: #707070;
}
.mdl-data-table .field-container {
  padding-bottom: 0px !important;
}

.mat-button[disabled][disabled] .mat-icon {
  opacity: 0.25;
}

.mat-mdc-dialog-content,
.spinner-container {
  position: relative;
}
.mat-mdc-dialog-content .form-spacing,
.spinner-container .form-spacing {
  position: relative;
}
.mat-mdc-dialog-content .overlay-form,
.spinner-container .overlay-form {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.mat-mdc-dialog-content .overlay-form mat-spinner,
.spinner-container .overlay-form mat-spinner {
  margin: auto;
}
.mat-mdc-dialog-content .overlay-form .mat-spinner.mat-progress-spinner,
.spinner-container .overlay-form .mat-spinner.mat-progress-spinner {
  position: fixed;
  top: 0;
  bottom: 0;
}

.spinner-container {
  position: relative;
  height: 60vh;
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden !important;
}

.ng-select .ng-select-container .ng-value-container .ng-input > input {
  padding: 0px 10px;
}

.ng-select.ng-select-disabled .ng-select-container.ng-appearance-outline:after {
  background-image: none;
  border-width: 1px !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.svg-container * {
  vertical-align: baseline !important;
}

.fileUpload .image-container img {
  width: 100%;
  height: 100%;
}

.mat-button-focus-overlay {
  background-color: transparent !important;
}

ng-select.ng-select-style1.required-asterisk-inline-before .ng-value-container .ng-placeholder::before {
  color: red !important;
}

.cursor-pointer {
  cursor: pointer;
}

:host {
  display: flex;
  flex: 1;
}

.mat-sidenav {
  transition: all 0.3s ease-in-out;
  min-width: 270px;
  max-width: 270px;
}
.mat-sidenav.large {
  min-width: 270px;
  max-width: 270px;
}
.mat-sidenav.small {
  min-width: auto;
  max-width: 80px;
}
.mat-sidenav.hidden {
  min-width: auto;
  max-width: 0;
}

.has-border {
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.0784313725) !important;
}

.mat-list {
  padding-top: 0;
}

.mat-list-item {
  text-decoration: none;
}
.mat-list-item.active {
  border-right: 6px solid #9c7a38;
  background: #76a299 !important;
  border-radius: 0px !important;
  font-weight: bold;
}
.mat-list-item:hover {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 7px;
  cursor: pointer;
}

.mat-sidenav,
.mat-drawer-content,
:host ::ng-deep .mat-drawer-backdrop {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  position: fixed;
}

@media (max-width: 599px) {
  .mat-sidenav,
  .mat-drawer-content,
  :host ::ng-deep .mat-drawer-backdrop {
    top: 0;
  }
}
.user-card {
  background: var(--color-primary);
  padding: 5px 16px;
  display: flex;
  align-items: center;
}
.user-card .options {
  display: flex;
  margin-left: auto;
}
.user-card .details h3,
.user-card .details h4 {
  margin: 0;
}
.user-card .details h3 {
  font-size: 13px;
  font-weight: bold;
}
.user-card .details h4 {
  font-size: 12px;
  font-weight: normal;
}

.mat-sidenav {
  z-index: 1;
}
.mat-sidenav.large .user-card {
  margin: 15px;
  border-radius: 5px;
  padding: 14px 16px;
}
.mat-sidenav.large .user-card .img {
  margin-right: 16px;
}
.mat-sidenav.small .user-card {
  justify-content: center;
  align-items: center;
}
.mat-sidenav.small .user-card .options {
  display: none;
}
.mat-sidenav.small .user-card .details {
  display: none;
}
.mat-sidenav.hidden .user-card {
  justify-content: center;
  align-items: center;
}
.mat-sidenav.hidden .user-card .options {
  display: none;
}
.mat-sidenav.hidden .user-card .details {
  display: none;
}

.menu-item {
  width: 202px !important;
  height: 32px !important;
}
.menu-item.active {
  background-color: var(--color-primary);
  border-radius: 7px !important;
}
.menu-item.active span {
  color: white !important;
  padding: 1rem 0;
}
.menu-item .menuIcon {
  background-color: red !important;
}

.active-parent {
  background-color: red;
}

.mat-form-field-subscript-wrapper {
  line-height: 1.5;
}

.ng-select .ng-select-container.ng-appearance-outline {
  min-height: 62px !important;
}

.ngx-datatable.scroll-horz .datatable-body {
  direction: rtl;
}

.ngx-datatable .datatable-body .datatable-row-wrapper {
  direction: rtl;
}

.total-report-weight-top {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  /* padding-left: 15px; */
  margin: 0;
  width: 98%;
  padding: 20px;
  margin: auto;
  color: var(--color-primary);
  background: white;
  border-bottom: 1px solid lightgray;
}

.total-report-weight-bottom {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  /* padding-left: 15px; */
  margin: 0;
  width: 98%;
  padding: 20px;
  margin: auto;
  color: var(--color-primary);
  background: white;
}

mat-icon.mdi-icon[size="24px"] svg {
  vertical-align: middle;
}

.svg-no-vertical-middle svg {
  vertical-align: unset;
}

.ps__rail-y {
  right: var(--position-absolute-right) !important;
  left: var(--position-absolute-left) !important;
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
  width: 1.5em !important;
  position: absolute;
  left: 0px;
  bottom: 0;
}

.mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
  font-size: 18px !important;
}

.mdl-data-table .text-primary {
  font-size: 16px;
}

.mdl-data-table {
  border: none !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0784313725);
  border-radius: 10px 10px 0px 0px;
}

.mdl-data-table tbody tr:nth-child(odd) {
  background: #f5f5f5 !important;
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-flat-button.mat-warn {
  font-size: 18px;
}

.mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
  text-align: left;
}

.mat-form-field-infix input {
  line-height: normal;
}

.mdl-data-table thead tr th {
  font-weight: bold !important;
}

.mdl-data-table th {
  font-size: 18px !important;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  position: unset !important;
  left: 0 !important;
  width: auto !important;
  flex: 1;
  z-index: 2;
  line-height: 57px;
}

span.ng-value-label.d-inline-flex.ng-star-inserted {
  line-height: 48px;
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper {
  bottom: 29px;
}

.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper {
  bottom: 27px;
}

.flex-wrap-content {
  display: flex !important;
}
.flex-wrap-content span {
  margin-bottom: 5px;
  padding: 5px 10px 8px 5px;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  overflow: unset !important;
}

.mat-mdc-dialog-content .overlay-form,
.spinner-container .overlay-form {
  z-index: 101 !important;
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  padding: 0.9rem 0.7rem;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  height: 52px;
  padding: 15px;
}

.flatpickr-months .flatpickr-month {
  height: 52px;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.flatpickr-day {
  line-height: 36px;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.mat-calendar-body-begin-range:not(.mat-calendar-body-end-range) {
  border-radius: 0 100% 100% 0;
  background-color: #c5cae9;
}

.mat-calendar-body-end-range:not(.mat-calendar-body-begin-range) {
  border-radius: 100% 0 0 100%;
  background-color: #c5cae9;
}

.tab_error {
  color: red;
  font-size: 15px;
}
.tab_error mat-icon {
  font-size: 4px;
  vertical-align: middle;
  margin: 0 5px;
}

.mat-step-label {
  overflow: visible !important;
}

.ngxp__container {
  font-family: Helvetica, monospace;
  background: #fff;
  color: #ff0000;
  padding: 10px;
  text-align: right;
  z-index: 1000;
  font-size: 16px;
}
.ngxp__container .popper-key {
  color: black !important;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.marker-margin {
  margin-top: -41px !important;
}

.mat-mdc-form-field-error {
  display: flex !important;
}

.height-auto {
  height: auto !important;
}

.mdc-checkbox .mdc-checkbox__native-control {
  display: none !important;
}

.mat-mdc-checkbox-touch-target {
  height: 18px;
  width: 18px;
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  app-stat ngx-skeleton-loader .loader.circle {
    width: 30px !important;
    height: 30px !important;
    margin-right: 15px !important;
    margin-top: 0 !important;
  }
  app-stat .sk1 .loader {
    bottom: 10px !important;
  }
  app-stat .sk2 .loader {
    bottom: 15px !important;
  }
}
/* Angular Material Date Range Picker Styling */
.mat-date-range-input .mat-date-range-input-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.6);
}
.mat-date-range-input input {
  text-align: center;
}
.mat-date-range-input input[matStartDate] {
  text-align: right;
}
.mat-date-range-input input[matEndDate] {
  text-align: left;
}

.mat-date-range-picker .mat-calendar {
  min-width: 600px;
}
.mat-date-range-picker .mat-calendar-header {
  padding: 8px 16px;
}
.mat-date-range-picker .mat-calendar-content {
  padding: 0 16px 16px;
}

.mat-mdc-unelevated-button.mat-primary {
  background-color: #274240 !important;
  color: #ffffff !important;
  border: 1px solid #76a299;
}

.main-color svg .a {
  fill: #274240;
}

app-settings .form-spacing.lg {
  padding: 0;
}
app-settings app-nav-menu .page_heading {
  margin-top: -82px;
}

app-vendors-list .table-style .tbl-header th.actions-head {
  width: 80px;
}

app-documents .table-style .tbl-header th.actions-head {
  width: 100px;
}

app-roles-list .table-style .tbl-header th.actions-head {
  width: 60px;
}

app-fuel-history-list .table-style .tbl-header th.actions-head {
  width: 120px;
}

app-insurance-payments-list .core-list .list-grid-options app-list-grid-options span.title,
app-vehicle-issues-list .core-list .list-grid-options app-list-grid-options span.title,
app-vehicle-fuel-histories-list .core-list .list-grid-options app-list-grid-options span.title {
  color: black !important;
  font-size: 16px;
  font-weight: bold;
}
app-insurance-payments-list .table-style .tbl-header th.actions-head,
app-vehicle-issues-list .table-style .tbl-header th.actions-head,
app-vehicle-fuel-histories-list .table-style .tbl-header th.actions-head {
  width: 80px;
}

app-vehicle-status-list .table-style .tbl-header th.actions-head {
  width: 60px;
}

app-vehicle-groups-list .table-style .tbl-header th.actions-head {
  width: 100px;
}

app-vehicles-list .table-style .tbl-header th.actions-head {
  width: 100px;
}

app-users-list .table-style .tbl-header th.actions-head {
  width: 100px;
}

app-issues-list .bg-transparent .img-container,
app-vehicle-issues-list .bg-transparent .img-container,
app-service-entry-list .bg-transparent .img-container,
app-work-order-list .bg-transparent .img-container {
  background-color: transparent;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-size: cover;
}
app-issues-list .table-style .tbl-header th.actions-head,
app-vehicle-issues-list .table-style .tbl-header th.actions-head,
app-service-entry-list .table-style .tbl-header th.actions-head,
app-work-order-list .table-style .tbl-header th.actions-head {
  width: 90px;
}

app-vendor-profile .view-container .photo-container {
  min-width: 150px;
  background-color: aliceblue;
}

app-vehicle-profile .view-container .photo-container {
  min-width: 150px;
}

mat-accordion.accordion-style-1 mat-expansion-panel {
  padding: 0 20px;
}
mat-accordion.accordion-style-1 mat-expansion-panel .minus {
  display: none;
}
mat-accordion.accordion-style-1 mat-expansion-panel.mat-expanded .minus {
  display: block;
}
mat-accordion.accordion-style-1 mat-expansion-panel.mat-expanded .plus {
  display: none;
}
mat-accordion.accordion-style-1 mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
mat-accordion.accordion-style-1 mat-expansion-panel mat-expansion-panel-header .mat-expansion-indicator {
  display: none;
}
mat-accordion.accordion-style-1 mat-expansion-panel mat-expansion-panel-header .mat-content {
  justify-content: space-between;
}

.vehicles_main_group {
  display: flex;
  flex-direction: row !important;
}
.vehicles_main_group .mat-tab-header {
  display: flex;
  border: 0;
}
.vehicles_main_group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels {
  display: flex;
  flex-direction: column;
}
.vehicles_main_group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label {
  justify-content: flex-start;
  transition: all 0.2s ease-in-out;
}
.vehicles_main_group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  left: 0;
  width: 1px;
  background-color: #273c75;
  transition: all 0.2s ease-in-out;
}
.vehicles_main_group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  background-color: rgba(241, 244, 249, 0.5);
  position: relative;
  opacity: 1;
}
.vehicles_main_group .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label.mat-tab-label-active::after {
  height: 100%;
  width: 5px;
}
.vehicles_main_group .mat-tab-body-wrapper {
  display: flex;
  flex: 1 1 auto;
  padding: 0 45px;
  background-color: rgba(241, 244, 249, 0.5);
}
.vehicles_main_group mat-ink-bar {
  display: none;
}

app-vehicles-form .default-form {
  max-width: none;
}
app-vehicles-form .default-form .form-section.defaultSection {
  padding: 0;
}

app-vehicles-dashboard .page_heading {
  margin-bottom: 0;
}
app-vehicles-dashboard .core-list {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0%;
  background-color: white;
  padding: 10px 15px;
  border-radius: 0 0 8px 8px;
}

app-issues-form .default-form app-core-form-content .field-container mat-checkbox {
  margin-bottom: 24px;
}

app-work-order-form .default-form app-core-form-content .field-container mat-checkbox {
  margin-bottom: 24px;
  margin-top: -5px;
}

app-filters {
  height: 100%;
}
app-filters .ng-select {
  padding-bottom: 5px !important;
}
app-filters .mat-radio-label {
  margin-left: 25px !important;
}

breadcrumb .mat-button .mat-button-wrapper {
  font-weight: bold;
}

ngx-material-timepicker-container ngx-material-timepicker-content .timepicker__header {
  background-color: var(--color-primary) !important;
}
ngx-material-timepicker-container ngx-material-timepicker-content .timepicker__header .timepicker-dial__container {
  justify-content: center;
}
ngx-material-timepicker-container ngx-material-timepicker-content .timepicker__main-content .timepicker__body .clock-face__container .clock-face__number--outer span.active {
  background-color: var(--color-primary);
}
ngx-material-timepicker-container ngx-material-timepicker-content .timepicker__main-content .timepicker__body .clock-face__clock-hand {
  background-color: var(--color-primary);
}
ngx-material-timepicker-container .timepicker__main-content div.timepicker__actions {
  justify-content: center !important;
}
ngx-material-timepicker-container .timepicker__main-content div.timepicker__actions ngx-material-timepicker-button .timepicker-button {
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  margin: 2px;
}
ngx-material-timepicker-container .timepicker__main-content div.timepicker__actions ngx-material-timepicker-button .timepicker-button span {
  color: var(--color-primary);
}

ngx-material-timepicker-minutes-face ngx-material-timepicker-face .clock-face__clock-hand_minute:before {
  border-color: #324462 !important;
}

mat-sidenav-container mat-sidenav.main-menu {
  z-index: 1070;
}
mat-sidenav-container mat-sidenav.main-menu > .mat-drawer-inner-container {
  overflow: hidden !important;
}
mat-sidenav-container mat-sidenav.main-menu > .mat-drawer-inner-container > nav {
  height: 100%;
}
mat-sidenav-container mat-sidenav.main-menu > .mat-drawer-inner-container > nav .mat-list {
  height: 100%;
}
mat-sidenav-container mat-sidenav.main-menu > .mat-drawer-inner-container .scrollable-container {
  position: relative;
  height: calc(100vh - 100px);
}

app-line-item-parts mat-list.mat-list-base {
  margin-bottom: 12px !important;
}

app-line-item-labors .left-content .mat-figure,
app-line-item-parts .left-content .mat-figure {
  justify-content: flex-start;
}
app-line-item-labors .right-content .mat-figure,
app-line-item-parts .right-content .mat-figure {
  justify-content: flex-end;
}

app-work-order-form .issues_card .issues-tabs .mat-tab-label:last-child {
  margin-left: auto;
  color: var(--color-secondary);
  opacity: 1;
}
app-work-order-form .form-spacing.md {
  padding: 0 7.5%;
}
app-work-order-form .default-form {
  max-width: 100%;
}

app-line-item-tasks .field-container {
  padding-right: 15px;
}

app-issues-select-form .mat-mdc-card {
  box-shadow: none !important;
}
app-issues-select-form .mat-mdc-card .default-form {
  min-width: 150px;
  width: 100%;
}

app-meters-list .boolean-icon mat-icon {
  fill: #97a5cb;
  color: #97a5cb;
}
app-meters-list .boolean-icon.true mat-icon {
  fill: #3d3d3d !important;
  color: #3d3d3d !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

app-vehicle-status-list .table-style .tbl-header th.actions-head,
app-roles-list .table-style .tbl-header th.actions-head,
app-fuel-types-list .table-style .tbl-header th.actions-head {
  width: 100px;
}

app-core-form app-core-form-content {
  flex-basis: 100% !important;
  margin-left: 0px !important;
}

app-header .mat-button-wrapper {
  font-size: 16px;
}

.mat-menu-content .mat-menu-item {
  font-size: 12px !important;
}

app-reset-password .mat-form-field-subscript-wrapper {
  padding: 0px !important;
}

mat-sidenav {
  z-index: 1;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.0784313725);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.0784313725) !important;
}

app-zones-list .red {
  display: flex;
  flex-wrap: wrap;
}
app-zones-list .red .array-item {
  display: flex;
  background-color: #bebebe;
  color: white;
  margin: 3px 4px;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 3px;
}

app-loader {
  position: absolute;
  left: 0;
  right: 0;
}

app-list-grid-options .mat-form-field-appearance-outline .mat-form-field-outline,
app-list-grid-options .mat-form-field-appearance-outline .mdc-text-field--outlined {
  background: white;
  border-radius: 14px;
  border: none !important;
}
app-list-grid-options .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border: none !important;
}
app-list-grid-options .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: none !important;
}

app-zones-list table.table-style td {
  padding-right: 11px;
}
app-zones-list .red .array-item {
  padding: 3px 10px;
}

.dynamic-dialog .mat-dialog-actions {
  justify-content: end !important;
  flex-direction: row-reverse;
  box-shadow: none !important;
  padding: 35px 0px !important;
}
.dynamic-dialog .mat-dialog-actions button.dialog-btn {
  border-radius: 0px !important;
  font: Regular 20px/28px Tajawal !important;
}
.dynamic-dialog .mat-dialog-actions .cancel-btn {
  padding: 9px 24px !important;
  border: 1px solid #707070 !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
}

.ng-select .ng-select-container.ng-appearance-outline:after {
  border-width: 2px !important;
}

.ng-select .ng-select-container.ng-appearance-outline:hover:after {
  border-color: var(--color-primary);
}

.ng_select_container.error ng-select .ng-select-container:after {
  border-color: #f44336 !important;
}

.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,
.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after {
  border-color: var(--color-primary);
}

.ng-select .ng-select-container.ng-appearance-outline:after {
  box-sizing: border-box;
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--color-primary);
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container .ng-placeholder {
  padding-top: 0px !important;
}
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container .ng-placeholder::before {
  top: 0px;
}

ng-select.ng-select-style1.required-asterisk-inline-before .ng-value-container .ng-placeholder::before {
  color: inherit;
}

.ng_select_container {
  overflow: inherit;
}
.ng_select_container mat-error {
  padding: 0 0.8em;
}
.ng_select_container .ng-appearance-outline {
  min-height: 54px !important;
}
.ng_select_container .ng-value-container .ng-placeholder {
  padding: 5px 0px 0px 1em !important;
}
.ng_select_container ng-select.ng-select-style1.required-asterisk-inline-before .ng-value-container .ng-placeholder::before {
  right: unset !important;
  left: 5px !important;
  top: 5px;
}

app-shell,
app-root {
  overflow: hidden;
}

app-contractors-form table {
  z-index: 1;
}

app-contracts-form .mat-step-header {
  pointer-events: none !important;
}

app-units-form .mat-slide-toggle {
  position: absolute !important;
  left: 0 !important;
}

app-transition-station-form .mat-slide-toggle {
  position: absolute !important;
  left: 0 !important;
}

app-dashboard-carts .mat-icon {
  font-size: 50px;
}

ngx-datatable {
  width: 100%;
}

.mat-icon.icon-lg {
  font-size: 30px;
  height: 30px;
  width: 30px;
}
.mat-icon.icon-md {
  font-size: 32px;
  height: 32px;
  width: 32px;
}
.mat-icon.icon-sm {
  font-size: 20px;
  height: 20px;
  width: 20px;
}

.mat-menu-panel {
  min-width: 150px;
}
.mat-menu-panel .mat-menu-content .mat-menu-item {
  font-size: 14px !important;
  color: inherit;
  font-family: inherit;
}

app-reports,
app-side-menu-report {
  flex: 1 1 100%;
  box-sizing: border-box;
  max-width: 100%;
  flex-direction: column !important;
  display: flex;
  padding: 0 15px;
  font-family: "Helvetica";
  color: #707070;
}
app-reports .action,
app-side-menu-report .action {
  display: none;
}
app-reports .ngx-datatable.material .empty-row,
app-side-menu-report .ngx-datatable.material .empty-row {
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Tajwal";
  color: inherit;
}
app-reports .ngx-datatable.material .datatable-header,
app-side-menu-report .ngx-datatable.material .datatable-header {
  border: none;
}
app-reports .page-title,
app-side-menu-report .page-title {
  font-family: inherit;
  font-size: 24px;
  padding: 0;
  margin: 20px 0;
}
app-reports datatable-header-cell .datatable-header-cell-label,
app-reports datatable-header-cell .datatable-header-cell-template-wrap,
app-side-menu-report datatable-header-cell .datatable-header-cell-label,
app-side-menu-report datatable-header-cell .datatable-header-cell-template-wrap {
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  font-size: 16px;
}
app-reports datatable-header-cell .resize-handle,
app-side-menu-report datatable-header-cell .resize-handle {
  display: none !important;
}
app-reports datatable-body-cell .datatable-body-cell-label,
app-side-menu-report datatable-body-cell .datatable-body-cell-label {
  font-size: 16px;
  color: #707070;
  font-weight: normal;
  font-family: "Helvetica";
  display: flex;
  text-align: right;
  justify-content: flex-end;
  direction: ltr;
}
app-reports datatable-body-cell:last-of-type .datatable-body-cell-label,
app-side-menu-report datatable-body-cell:last-of-type .datatable-body-cell-label {
  direction: ltr !important;
}
app-reports .core-list.page_heading.list-grid-options,
app-side-menu-report .core-list.page_heading.list-grid-options {
  display: none !important;
}
app-reports .filter-section,
app-side-menu-report .filter-section {
  padding: 10px 30px 10px 30px;
  background-color: #f8f8f8;
}
app-reports .filter-section button.primary-border.mat-stroked-button,
app-side-menu-report .filter-section button.primary-border.mat-stroked-button {
  border: 1px solid #274240;
  padding: 0 15px;
  line-height: 50px;
}
app-reports .filter-section button.primary-border.mat-stroked-button .mat-button-wrapper,
app-side-menu-report .filter-section button.primary-border.mat-stroked-button .mat-button-wrapper {
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-reports .filter-section button.primary-border.mat-stroked-button .mat-button-wrapper .mat-icon,
app-side-menu-report .filter-section button.primary-border.mat-stroked-button .mat-button-wrapper .mat-icon {
  height: 45px;
}
app-reports .filter-section .filter-button,
app-side-menu-report .filter-section .filter-button {
  font-size: 18px;
}
app-reports .core-list,
app-side-menu-report .core-list {
  flex: 1 1 100%;
  box-sizing: border-box;
  max-width: 100%;
  flex-direction: row;
  display: flex;
  padding: 10px 30px 10px 30px;
  background-color: #f8f8f8;
  overflow: hidden;
}
app-reports .table-container,
app-side-menu-report .table-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #fff;
}
app-reports .table-container app-table,
app-side-menu-report .table-container app-table {
  overflow: auto;
}
app-reports .table-container app-table table,
app-side-menu-report .table-container app-table table {
  width: 100%;
  table-layout: inherit;
}
app-reports .table-container app-table table th,
app-reports .table-container app-table table td,
app-side-menu-report .table-container app-table table th,
app-side-menu-report .table-container app-table table td {
  border: none !important;
  text-align: right;
}

app-stat .icon {
  margin-left: 5px !important;
}

.mat-form-field-label-wrapper label {
  line-height: 28px !important;
  top: 25px !important;
}

.mat-step-label {
  line-height: 24px;
  font-size: 16px;
}

.dialog-container mat-dialog-content {
  line-height: 3rem;
}

app-dashboard-reports .datatable-header {
  height: 52px;
}

ngx-skeleton-loader {
  display: flex;
}

app-dashboard-chart1,
app-dashboard-chart2,
app-dashboard-chart3,
app-dashboard-chart4 {
  padding: 20px;
}
app-dashboard-chart1 .chart-container,
app-dashboard-chart2 .chart-container,
app-dashboard-chart3 .chart-container,
app-dashboard-chart4 .chart-container {
  width: 100%;
  height: 100%;
}
app-dashboard-chart1 .chart-container app-skeleton,
app-dashboard-chart2 .chart-container app-skeleton,
app-dashboard-chart3 .chart-container app-skeleton,
app-dashboard-chart4 .chart-container app-skeleton {
  display: flex;
  height: 100%;
}
app-dashboard-chart1 .chart-container app-skeleton > div,
app-dashboard-chart2 .chart-container app-skeleton > div,
app-dashboard-chart3 .chart-container app-skeleton > div,
app-dashboard-chart4 .chart-container app-skeleton > div {
  width: 100%;
}
app-dashboard-chart1 .chart-container app-skeleton > div > div,
app-dashboard-chart2 .chart-container app-skeleton > div > div,
app-dashboard-chart3 .chart-container app-skeleton > div > div,
app-dashboard-chart4 .chart-container app-skeleton > div > div {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  padding: 35px 0;
}
app-dashboard-chart1 .chart-container app-skeleton > div > div > div:nth-child(2),
app-dashboard-chart2 .chart-container app-skeleton > div > div > div:nth-child(2),
app-dashboard-chart3 .chart-container app-skeleton > div > div > div:nth-child(2),
app-dashboard-chart4 .chart-container app-skeleton > div > div > div:nth-child(2) {
  height: 100%;
}
app-dashboard-chart1 .chart-container app-skeleton > div > div > div:nth-child(2) ngx-skeleton-loader,
app-dashboard-chart2 .chart-container app-skeleton > div > div > div:nth-child(2) ngx-skeleton-loader,
app-dashboard-chart3 .chart-container app-skeleton > div > div > div:nth-child(2) ngx-skeleton-loader,
app-dashboard-chart4 .chart-container app-skeleton > div > div > div:nth-child(2) ngx-skeleton-loader {
  width: 100%;
  height: 100%;
}

app-district-form ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  padding: 2px 15px 2px 5px;
}
app-district-form ng-select input {
  line-height: 67px;
}

app-entrance_permission-form .default-form .field-container {
  display: flex;
}

app-core-form-content app-checkboxs .mat-checkbox-inner-container {
  margin-top: 7px !important;
}

app-geofences-form .default-form .field-container {
  display: flex;
}

app-users-form .mat-mdc-dialog-content {
  padding: 0;
  padding: 0 100px;
}
app-users-form .first_name {
  width: 50%;
}
app-users-form .users-toggle {
  width: 50%;
}
app-users-form .custom {
  position: absolute;
  top: 10%;
  left: 15%;
}
app-users-form .mat-slide-toggle {
  position: absolute;
  left: 0;
}
app-users-form .default-form .field-container.image-upload {
  margin: 0;
  margin-right: auto;
}
app-users-form .ng-select.ng-select-single .ng-select-container .ng-value-container,
app-users-form .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  overflow: unset !important;
}

app-list-grid-options .mat-form-field-appearance-outline .mat-form-field-wrapper {
  width: 612px;
  font-family: tahoma;
}

app-filters ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: none;
}

app-profile-form .mrg-btm-15em {
  margin-top: 20px !important;
}

mat-expansion-panel-header .mat-expansion-indicator {
  display: none;
}

app-side-menu-report {
  padding: 0;
}
app-side-menu-report .page-title {
  margin-right: 30px;
}
app-side-menu-report .table-container {
  width: 98%;
  margin: auto;
}
app-side-menu-report .chart-container .chart {
  width: 90%;
}

.datatable-summary-row datatable-body-row .datatable-row-center.datatable-row-group {
  flex-direction: row-reverse !important;
  background: rgba(0, 0, 0, 0.1607843137);
}
.datatable-summary-row datatable-body-row .datatable-row-center.datatable-row-group:hover {
  background: rgba(0, 0, 0, 0.1607843137) !important;
}
.datatable-summary-row datatable-body-row .datatable-row-center.datatable-row-group .datatable-body-cell-label {
  color: #274240 !important;
  font-weight: bold;
  direction: ltr;
}

app-report-chart .chart-container {
  min-height: 320px;
}

.chart-wrapper {
  padding: 1rem 2rem;
}

app-roles-form ng-select.ng-select-style1.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: none;
}

app-jaddah-map-details .tooltip-map-class {
  height: 50px;
  width: 90px;
  text-align: center;
  border-radius: 15px;
}

/* helper utilities */
.full-width {
  width: 100%;
}

.width_30 {
  width: 40%;
}

.layout-wrap {
  flex-wrap: wrap;
}

.position-relative {
  position: relative;
}

.d-none {
  display: none;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-block {
  display: block !important;
}

.align-items-center {
  align-items: center;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-content-flex-start {
  justify-content: flex-start;
}

/**
padding helper utilities
 */
.pt-1 {
  padding-top: 2px !important;
}

.pt-2 {
  padding-top: 4px !important;
}

.pt-3 {
  padding-top: 6px !important;
}

.pt-4 {
  padding-top: 8px !important;
}

.pt-5 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-1 {
  padding-bottom: 2px !important;
}

.pb-2 {
  padding-bottom: 4px !important;
}

.pb-3 {
  padding-bottom: 6px !important;
}

.pb-4 {
  padding-bottom: 8px !important;
}

.pb-5 {
  padding-bottom: 10px !important;
}

.py-1 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.py-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-3 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.py-4 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-5 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pl-1 {
  padding-left: 2px !important;
}

.pl-2 {
  padding-left: 4px !important;
}

.pl-3 {
  padding-left: 6px !important;
}

.pl-4 {
  padding-left: 8px !important;
}

.pl-5 {
  padding-left: 10px !important;
}

.pl-25px {
  padding-left: 25px !important;
}

/**
  start margin helper utilities
*/
.ml-1 {
  margin-left: 2px !important;
}

.ml-2 {
  margin-left: 4px !important;
}

.ml-3 {
  margin-left: 6px !important;
}

.ml-4 {
  margin-left: 8px !important;
}

.ml-5 {
  margin-left: 10px !important;
}

.ml-6 {
  margin-left: 12px !important;
}

.mr-1 {
  margin-right: 2px !important;
}

.mr-2 {
  margin-right: 4px !important;
}

.mr-3 {
  margin-right: 6px !important;
}

.mr-4 {
  margin-right: 8px !important;
}

.mr-5 {
  margin-right: 10px !important;
}

.mt-1 {
  margin-top: 2px !important;
}

.mt-2 {
  margin-top: 4px !important;
}

.mt-3 {
  margin-top: 6px !important;
}

.mt-4 {
  margin-top: 8px !important;
}

.mt-5 {
  margin-top: 10px !important;
}

.mb-1 {
  margin-bottom: 2px !important;
}

.mb-2 {
  margin-bottom: 4px !important;
}

.mb-3 {
  margin-bottom: 6px !important;
}

.mb-4 {
  margin-bottom: 8px !important;
}

.mb-5 {
  margin-bottom: 10px !important;
}

.my-1 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.my-2 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-3 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.my-4 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-5 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-left: auto !important;
}

/* fonts */
.f-s-16 {
  font-size: 16px;
}

/**
  end margin helper utilities
*/
.flex-items-center {
  align-items: center;
}

.img-fluid {
  max-width: 100%;
}

.bg-primary {
  background-color: var(--color-primary);
}

.bg-secondary {
  background-color: var(--color-secondary);
}

.bg-danger {
  background-color: #ff0000;
}

.bg-success {
  background-color: #274240;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.text-gray {
  color: #a1a1a1;
}

.text-left {
  text-align: left !important;
}

.display-inline-block {
  display: inline-block !important;
  vertical-align: middle !important;
}

.display-inline-flex {
  display: inline-flex;
}

.w-h-auto {
  width: auto !important;
  height: auto !important;
}

.mrg-btm {
  margin-bottom: 24px;
}

.mrg-btm-40 {
  margin-bottom: 40px;
}

.mrg-btm-12 {
  margin-bottom: 12px;
}

.mrg-btm-15 {
  margin-bottom: 15px !important;
}

/* 1.34375em */
.mrg-btm-15em {
  margin-bottom: 1.4em !important;
}

.no-padding {
  padding: 0px !important;
}

.m-w-200 {
  min-width: 200px;
}

.border-bottom {
  border-bottom: 1px solid rgba(112, 112, 112, 0.2) !important;
}

.link-color {
  color: #0082ff !important;
}

.cursor-pointer {
  cursor: pointer;
}

.font-weight-bold {
  font-weight: bold;
}

.flex-justify-end {
  justify-content: flex-end !important;
}

.flex-justify-center {
  justify-content: center !important;
}

.flex-column {
  flex-direction: column;
}

[hidden] {
  display: none !important;
}

.heightAnimated {
  max-height: 5000px;
  transition: all 0.3s ease-in-out;
}

.hiddenWithAnimate {
  max-height: 0;
  overflow: hidden;
}

.flex-wrap {
  flex-wrap: wrap;
}

.centeredCell .cell-inner-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.gray-tag {
  padding: 0px 10px 2px;
  min-width: 100px;
  background-color: #afafaf;
  border-radius: 2rem;
  color: #fff;
  margin-left: 5px;
}

.f-s-18 {
  font-size: 18px;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@swimlane/ngx-datatable/index.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.ngx-datatable {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
  /**
   * Vertical Scrolling Adjustments
   */
  /**
   * Horizontal Scrolling Adjustments
   */
  /**
   * Fixed Header Height Adjustments
   */
  /**
   * Fixed row height adjustments
   */
  /**
   * Shared Styles
   */
  /**
   * Header Styles
   */
  /**
   * Body Styles
   */
  /**
   * Footer Styles
   */
}
.ngx-datatable [hidden] {
  display: none !important;
}
.ngx-datatable *,
.ngx-datatable *:before,
.ngx-datatable *:after {
  box-sizing: border-box;
}
.ngx-datatable.scroll-vertical .datatable-body {
  overflow-y: auto;
}
.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
  position: absolute;
}
.ngx-datatable.scroll-horz .datatable-body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
  white-space: nowrap;
}
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ngx-datatable.fixed-row .datatable-scroll {
  white-space: nowrap;
}
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
  white-space: nowrap;
}
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-header-inner {
  display: flex;
  flex-direction: row;
  -o-flex-flow: row;
  flex-flow: row;
}
.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
  overflow-x: hidden;
  vertical-align: top;
  display: inline-block;
  line-height: 1.625;
}
.ngx-datatable .datatable-body-cell:focus,
.ngx-datatable .datatable-header-cell:focus {
  outline: none;
}
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right,
.ngx-datatable .datatable-group-header {
  z-index: 9;
  position: sticky !important;
}
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-group-header {
  left: 0;
}
.ngx-datatable .datatable-row-right {
  right: 0;
}
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group {
  position: relative;
}
.ngx-datatable .datatable-header {
  display: block;
  overflow: hidden;
}
.ngx-datatable .datatable-header .datatable-header-inner {
  align-items: stretch;
  -webkit-align-items: stretch;
}
.ngx-datatable .datatable-header .datatable-header-cell {
  position: relative;
  display: inline-block;
}
.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
  cursor: pointer;
}
.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
  cursor: move;
}
.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
  line-height: 100%;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  padding: 0 4px;
  visibility: hidden;
}
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
  cursor: ew-resize;
}
.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
  visibility: visible;
}
.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
  visibility: visible;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
  position: absolute;
  top: 0;
  bottom: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
  right: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
  left: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
  height: inherit;
}
.ngx-datatable .datatable-body {
  position: relative;
  z-index: 10;
  display: block;
  overflow: hidden;
}
.ngx-datatable .datatable-body .datatable-scroll {
  display: inline-block;
}
.ngx-datatable .datatable-body .datatable-row-detail {
  overflow-y: hidden;
}
.ngx-datatable .datatable-body .datatable-row-wrapper {
  display: flex;
  flex-direction: column;
}
.ngx-datatable .datatable-body .datatable-body-row {
  outline: none;
}
.ngx-datatable .datatable-body .datatable-body-row > div {
  display: flex;
}
.ngx-datatable .datatable-footer {
  display: block;
  width: 100%;
  overflow: auto;
}
.ngx-datatable .datatable-footer .datatable-footer-inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.ngx-datatable .datatable-footer .selected-count .page-count {
  flex: 1 1 40%;
}
.ngx-datatable .datatable-footer .selected-count .datatable-pager {
  flex: 1 1 60%;
}
.ngx-datatable .datatable-footer .page-count {
  flex: 1 1 20%;
}
.ngx-datatable .datatable-footer .datatable-pager {
  flex: 1 1 80%;
  text-align: right;
}
.ngx-datatable .datatable-footer .datatable-pager .pager,
.ngx-datatable .datatable-footer .datatable-pager .pager li {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none;
}
.ngx-datatable .datatable-footer .datatable-pager .pager li,
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  outline: none;
}
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  cursor: pointer;
  display: inline-block;
}
.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
  cursor: not-allowed;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.eot');
    src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.woff2') format('woff2'), url('primeicons.woff') format('woff'), url('primeicons.ttf') format('truetype'), url('primeicons.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-lightbox/lightbox.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
html.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  box-sizing: content-box;
  outline: none;
}

.lightbox .lb-image {
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url('data:image/gif;base64,R0lGODlhIAAgAPUuAOjo6Nzc3M3Nzb+/v7e3t7GxsbW1tbu7u8XFxdHR0djY2MHBwa2trbm5ucnJyaSkpKWlpaGhoeLi4urq6u7u7ubm5vLy8vb29vT09Pr6+v39/aysrK+vr7Ozs8fHx9vb297e3qmpqb29vdPT06amptXV1aCgoMvLy8/Pz9fX18PDw/j4+Ozs7ODg4PDw8KioqOTk5JqampmZmZycnP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwAuACwAAAAAIAAgAEAG/0CXcEgECQ6bUGRDbDpdimTo9QoJnlhsYVvojLLgrEAkGiwWiFTYldGsRyHSYz6P2COG9XCw2TAYeXprCQYEhQcKgoouAQ4IHg4CAiMpCiASFRMUFhgXFxkZawEDcnd2Jh2LLiAdLyQvELEFX6pCAQx9fQ21T1wFHCi8TwcGxQYnwk8eBAcHZQnJTh8D1I8OJwmWMBMsFJudoG4u4mAgIwIoCSMKlpjcmxeLCgcPJianEcIKBXR1prVRSMiBUIfDAA8JoC1SMYWKKw/RXCzoE6IixIgC+uDaQCsiAQ4gOSCIOMRXhxIkhRjoYEwhSQTGCAxIyYiAzWYjU35o5oxaIj095J6AWFDmDAIHCVpgubCizRoFKtBAQjeixIdLADRZYBpOQ1An5qYmLKEgQAsYWb95UiUhgIJK7bZRCBMEACH5BAkHADMALAAAAAAZACAAAAb/wJlwSAQJRJxNJMLgHBzE6FBxeD0ey2zEBJESA4sXBHItZ2MJr1DReZFIZfNS9lGXOC83aRzPktQKHCEheW4QBQseCQkeAwZeIAYbG4OEBiNqXgiTnBsemV6BkwwbDCigXioMq6RQqFEBHLKyB69SKAW5BRwltlELugW1vkQHBh3In8RDBs3NactCBM4GvdEzBNMGBNbRB9MEB9DRAwQNBwcC1zMe5wciCOsj7wcDAwrXAe8i9ifrDvwGLEDQjdgHewtUIPBQJxqKBQM9OBDQkBgIBws9CBCQQAEMNRk0SAngoeTGBCMUgKgwgYIFDBcyhPTywSTHEiolsHR5YcVMMkgoOCbACUJny5cxf0ppkWIRzgAtYABg4QKmz5AivUhQ8LTozqo9M9iS0KKFURY8iQQBACH5BAkHAAAALAAAAAAZACAAAAb/QIBwSAShRBzGA8LhHAQgolSoEIVIENJjG+maHgfFFBBQbUKvF3bL7kZMpoFUYTij0xAI++E2yVJEJQUbhCF3JGsRfF0xB0QKg4SFIR0qDgkJHgMhjEUESZIbBiNjAAkvAkQeHAUFTRwOpaUKHa22CbKlCLatsblTAQYdwgVyv1MJBsrKJcdTCMsGxs5EAwQEBgQn1FIH1wQHpNxDBw0H52LjQucHIiKA6gAi7SID4uoL9QMLuPEOA/sW+FI3IiACDwHigVCB4OCleKYOejgh4INChwIEJJAQLxPFBCNKcBwHIiOKBCUUfJAwgaRGlApASKgwwQWGCxkyaNAgC8SIMxEpYs6cQMHChRU6f0lQEFQmzaJHk/6CAeKDU6JGkfJ0VkHCUAo2cerc6mwC0bBayQIIAgAh+QQJBwAuACwAAAAAHAAgAAAG/0CXcEgEJQaFAomUHAhAxGhUMWCErq/X8sF9HRRSYgDB2ZixWgiXG4kMAuFPg2Gmb0JZEkTNbnPARCUGHAUcDHZYS3wPbW0QCUMfBklJhhsGCA4JCQ4LDH0RMzIcQiAHBR2UBQclYS4JBY0mA0MOBrepBieuRAgmMhuRBLfEkLxEJwdEHgbDtwLHxwEE1NQq0ccjDdQHX9i8Dt3d19+uCyIiB07lrgPu7q3sUu8LCx/y8/ULCPf4vQgAPQDyJ8RBQAfxCL5C4MGBAGMKFTA88VCCQhcgHDhEMWIgwRECUCQYkcKiQhAiSSoAAeCiggQlFHwAIWGCQgkpUqxsAQMABToMBCXIpFlhAgULF1Zk0KCBnQQQRI0iVdpUXgUJEooeTbrU34QKWqd2JUiBxVaqTC9iwHAhg9u0roIAACH5BAkHADMALAAAAAAfACAAAAb/wJlwSAQlFoZOKNQpDFAgonQq/CwKjI12E3p5IaGDgjoNeAoFDoeR5XpfJAiENAiQq6ImOt1efiEPgRxjVCkHBkl7axsMfnGADxERLyNTH4eIBgVNBAgnIyMOCxwvgYGSL4RCIAMGBJkGIiVkIx2QkhEcdkICBK+/AndDCBC4kgNVBwcNzAeVwkMCkZIxMR8zJyIiygco0FIIESYyBava2gMe31MbL0QjA/HxqutVUgILAwsL6vXCHgtULEDwzB8ZDwgSeqBnEJwHDw4cRGlIBQFEAQImUpQSESOUjVNQYEyQYBfIISVQJBhR4trJIR9IlkjxocJLIRJY0gQh4WaVTxQKArSQMMGnBAUfeFaY4MJnCxAtYCylgOFmhaFLWbjAcCHDSwASplq4sCKDBg0nJwCYQGFsWbQvKcjlmsGszxkW3Nq9y/Ut3Lsz6u6tFwQAIfkECQcAAAAsAAAAACAAHwAABv9AgHBIBCUQBsOGkVwkQMSodPhBdApYzma7CYU2IsV0CnIQklcsg7H1vl6hQWBMHRjOhnSBw+6G3iQQBWJjCgcEiEkGWXxtfy8QEA8hI1MfAwcNiUkHHgIjIycIBX+BkpOEQyAqByIHmQQLJWMjBpEPuBEFUEMCra+vKHRDHiS4DxERA3UDzQMis8O9xrkRhALOzQnSUQjIyREHACAIKggLCyfcUh3gyR8pCPLyH+tRI+AmJh4oCB4eDgTYk8IhQgwZMQYIcODghIMUA6McIDGgHoCGAjLOiUgnowAUCVpwpAMyASgJI8ckSFCihAKUKaW0TKHgA8yYROApCADiJk5QIS0+8JQAg8LPIRU+9IRRYcLRIRKINqVg4SmACRKmurBwweqECSyoXriQ4SmFCVQxkM2gQcNRCmJXsHX71ILaDGytChmLl65eAH3/EvGbMggAIfkECQcAMQAsAAAAACAAHAAABv/AmHBIjI0QB0KhQCCoEqCidPpBNAzYzrLA2Ww4A8V0ChIkm1jDtuv1qgLj4Ud1ODQIafWSw2iHQh1iYwoLdXV3aXt8Xn8vLxsjUwELAwMihgcDDgIlIwIIBoyOJCQhgkMgDpSVlginRSMGIS+kpAVRQwkICJSUCXFDHrMQD8UDqLvJrsBEKCQQxA8vggke1tYlzEUe0cUHMS0O4icOv9pFBsUPEQ8fCgLw8LjnQyPs6xEeJQkoCQmR9IpwiEAwAoF9IxLCCUhkQMEIDEpITKFAAkMiJx5CSEHxw4cKF3MVNBHBI4iTAEIKSTAywskWEmBMUDlFQswKFVjQlIKzwoQ6CRR2FpkAACgFFxiEDqEA1IUFDBeULqVg4cKFFRmkxsDwFGuGDBq0Wv2qoWxYqWTPao1Bdi2RsmuDAAAh+QQJBwAqACwAAAAAIAAaAAAG/0CVcEhUlRwDkcEgOiASoKJ0GnA0G4Ts0lDoLhTTKUiQbB4IW0OnW2BwEIHwEORYDJKHPHq57jI2GwZgYR8eCAh2d2Z7bBx/gAUlYh6Ghwt2CAIJKSUoDgQFjo8hHINDLZ6UlQ6mRSUNgBshIS8dUUMpAicCAg4eknJCDn+0JC8LQxIJCby8ccFDCbIvJMaDCsvZH9BFHi/U1CIqMCXlJSOt3EIGJBAPECQfLQr09DDqRSMQ7g8PDiABAgC8hY9Ih37vDoBYKKFFhYJFFiB8UECCxQoVJkAkciJCvwgkYGAEMIHCxmgeH0SIQHICCwoWTgpJsLJmSQouLGCQqaJjTT0IFGBiuHCB54CaEThYsED0QgaeDWbIiGGiwVCnGTJo4KkCxIIXCFRg1UCWa5GsZc2e1ap2Ctu2UrbCFRIEACH5BAkHADAALAAAAAAgABkAAAb/QJhwSISVTovBgTAYeEagonQaEKgGooN2STB4VZ/pFJRAqK5NbaPr7RQ6noB4CBIg7oik8rD2GtwFHAQKc3UODh53KklZDQ1+BZGBBSVTLQkCAoceiR4JIyklCQ4HBpIcDBsFhEWimAInDgJhUyUHgRwbugZRdCMjCcEorHMwJwWpuhsqQxUKKaGivcVCCbkbISEbrBIf3goK09RCHtjZIQMwEy0g7QHi40INIS/1Lx8AEvr6APFFI/ZIkDgxAUCFgxX8SSnwAoLAAxMiRmShsMgCEg8cFqDAkaOLikQEPBj5IISFkxgsYAA5JAHJjBdiymRZ7SWEFRkyrFhxgaaxQwgjI7zISTSDzwERkkbgoKFpU6M0NyiNQEDDEA1QQSYwkdSECQdEmtJ8EYErV1o+hziYIcPrgbRTEMiYQQxuEQRCggAAIfkECQcAMQAsAAAAACAAHAAABv/AmHBIjClQHsRApFqcRsWoNAZKJBHNweDAJTQQn2lUkhI4PNeFlnsgGAgER0AslIxQArMDgdWKDg0NbwYdB2FTEiUJiwInZ3xqf4EGlB0dBiVSMAopIyMJeCcCIyUKCiMCIoKVBQUGh0QgHx+cnyMgUykDlq2tBLhDMCAgAQGmwHQCBr0cDAhDEzASEi2yEnRECQUczRscCkITABUV0xXYRSfcG+wLMS4sE/Lk6FEH7OwMARYuFP4TFOoVGYFvQwgBGBLyCyiwiAGDIUIMuEAxIYaGRRZseMHRQIYMKyhewEhEwAsSJzd8XLmC5JAEJCCQmKmhpoaPLoUkgMBz5pBSmxlyxhDwoCiEEEQ0CI2xoGjRAkuLcHD64EDUlxGoOrgqhEPWBxEgwFqKwESEsyasXnUQwezZCOCuDpDh1sQArkIE0DURYg7eGHMfZPqbNwGRIAAh+QQJBwAuACwAAAAAIAAfAAAG/0CXcEh0gUqCEwLhcAhKxajUJVGMEgKBw7NcDL6OzzRaASlKV1TS0f2KDocTaCwEtAIfRSqt5XoHbw0EA2JTExISICABemknbAhecAcEBAcpUhQAFRWIiwoKHx+LewiAcAYEBg2FRCwTsBUwiBVTCggHDQa7BiJzQxYUwq8AE3RCKJW8BR5DFxgW0cIUx0Mjux0F2gpCF97eGBjVRAIG2toqQisZGSve40UD5xwFAez37PBEJdocHBsCMmgYOFBfkQb/NmwYUFCIBoNEEDBQuMHAQ4hSBFDcwAHjlBEKQ4j0KCWByBAvQpCMIgDlixcbVhZZ8JLEiwIyiRQgwZPEgU6cQkZAGEoCwgmgLgw8gLCURKuVCB5Ilfozp4ClU19wk4kgQoSpDwbIDPDCq9kIDALkDDHj7AMoQGOY8PoiAdKkMdBuvUtChNq7Qp4SCQIAIfkECQcAMAAsAQAAAB8AIAAABv9AmHBIlHxKCZRgmVAQn9AhwKgojRIJwcmD6AoCUShl2gJ9qlctF6EaLASgsNA1AVQk5TNS6eAuBgMHKh9hFhQsExN3EgEfKVgCfQh/gQcDTk8XGBYuh4oSoKAtRwKTgAeoB4REF62bFIkTYR8OpwcNBANxQhkZKyuaFhZyQwkiqAQEBg68vb3AF8REJbcGygSEGtoaztJPCcoG4ggwGkPc3lAL4gYdHWDn5unT4h0FBQLz0gf39wv6xDz0K9AAoBwUHApwSGgwzIiFHDYwaBhlBAMGGyRShCIgY0YOG58g8LjBQEgiBkKE2BBiwEkhI168CDEz30sDL0jIDLEqpAdOCBByvnB5UgAJoBB0YtqIAMIDpBCIUkxQIMKDq1c5wDN4YEOEr1gfvEix0YCJr1a/hhgRckEMtF85LN0Y4+xZEVtD1n3QYO7JESfyQgkCACH5BAkHADAALAQAAAAcACAAAAb/QJhwCANIQB/FaFn6EJ9QC6tSOSZHCZTg5EgEoE+MizWptgKKUiKx9SAQCRAYdsFYKCxAFZnCChxuCCoeX0QZGSt1d2VWSmyAbyoLCwpEGhqIdRQTE3p7CgmQCAsDpU5DmBmKFnMBAqOlAwcqcqiZc0QjpLIHBwKWiLhPKSIivb2nMJjCUAm9DQ0EHszMCNAE2IXUYCnRBgQGCdu4AwbmBgjjcw7mHR0H6mAJ7R0G8VAlBfr6908j+/z6DUHBAaDAIQg4KOTQ4KAQAgw2SBzgcITEi78OEri4gYG2ex5CiJS44KCAEC9ejKzUDwGJlylDqOj3D8KDBzALfMS1BsGANw0Rbt58uSHFOA4RkgYVijPECHURTChl+qAAy3EdpCoNSmLATmomwop9cOBqvAImQmxoIKDWnCAAIfkECQcAKQAsBgAAABoAIAAABv/AlFBooUwqsBYoAAINn1Dh5VJkHSWgj2KUUDijwoz4giles9sESlD6PjXwzIpKYVUkSkVJLXAI3G9jGC4sADASAXoJAicOHh4fUXFTg0Z3H3uMDggIHgGSYmApEiWanCoegHCiTwqOnAsDAqy0CrADuJG0oiUquAMHJ7usDrgHByKfw1EKIiLHBwnLYCrQDR7TUQINDQQEA9lQCd0GBA3hTyUEBuUG6EMl7PLvQgny7PQpHgUd/Af5BwoILKCCXgkOAwugoHeAA0KEysI52ECRAYOC6FAwoEiRgwJ0HjaE4LgBQbgRBl6oHLmhQ0QoBwZ4SJDAwwIOEEiofBEihEc+VhwiCBX64AEECC90vuAwgpaMoUWjPiChs8NHVgpiQJWa88WCl2BezDAxlOiDFweu7vrQgGIEExs4HPhDKwgAIfkECQcAJwAsBwAAABkAIAAABv/Ak/CkyWQuGBdlAqgMn9BnEWlZViQgECzKnV6qkyvoo/hIuEPNFAMWf0qjUgutNiJdrAqsBVKUEoABaEYrVEt7ZCMJKAICIGhoFQEKio0ejpBoIIsCDh4ICZmanZ4ICIKiUQqlCCooqVwopioLC4+wTx8ItQMDI7hQHr29DsBPCcMiKsZDJQfPBwPMQinQz9MnzgcEDQ3YCQ0EBAbe0w4G4wbS0wMG7gYI0yUdBvQGocwiBQUd9KjADvYJjGcsQQEOAgsoMOaBg0OEHDw8CRACX5QRBjZo3MCAg4F/J2LMMMFgAKgEHhYUeBEixMYNCo+ZiEAzwoObN0m8YLmxQAk0KDJMCLWJM+fOlhsMLHxSQuhQojchkNDpcgHIIQoaRHiKk4TUECKWQgIh4ADHmw4PYIIUBAAh+QQJBwAAACwEAAAAHAAgAAAG/0CAcEjUZDKXi8VFbDqdGmPSQplYn9hiZqWsViSwSvYZRWKoky8IBBsXjWYXawKTgBSKlpu4vWC8Ei0BCiUlEntPFGofhAkjeohOFYMlIwkCKZFPEimWlwIgmk4gCSgCJw4Jok4lpw4eCKGrQyACrwgqmbNDKB6wCCi7QyMIuAgOwkIpCAvNC8kACgsD1APQCtUi1sklByLe28ICB+QHz8kLDQ3kHskpBPDwqsIDBgT2BAHiBvz87UO2IiXo0KEfgQ9DHJiIgGDPiQIQCXZAJmREjBkRInAYgaUEAQ4QIzbQB8BDjBgZUxZYkGqEAwQGNjDgABKiAQVDPpBIGeGBT0kIQF+8CLFBpkyQBko0UcBgYU+fDyA8EDq0aFEGBHA6CSAiJVQSEEgIJVqUAwKSWBQ0IPGVhNihITgM0Lqn1gGaD0iAHIBCFpYgACH5BAkHADEALAIAAAAeACAAAAb/wJhwSCzGNJqMcck0IjOXC6ZJLT6lFle1+oRiXKwJa7vsRi2USaUCIC8zK6krXZG0Ku7lBa2GtUAgeUwUaxIgHwqBgkYTdocKJRKLRhUBiCUJCpNGAZAJny2bRBIjnwICH6JEJSinAgmqQwoCJw4OArFCH7YevbkxH70Iw78fw8e/KQgqzAi/CQsD0h6/CNLSJ0SKggoHIiIDIiNDIRyTCAfp6QExGzImEc55Ag0H9QfZDybw8LhkIwYICCQgIpWICPAiRHggj4oAAxADGsgWA0SIhA8yFhi3pMSBDhEhithW4oHCjBlJFFDhYMQIBwgMcChQICQBTUQSQDiZEQKJRxcvQmwYymEmzQ4dCKRYooADypQ/gw7dYJTmgVRMAgyA8MAniZ9CpzIoWgABuyrdXjyIGiLs0AILsLoBIUAEzbYgFyTYtiQIACH5BAkHAAAALAAAAQAgAB8AAAb/QIBwSCwaAZqjcqnUZJjQpXN1iVqFGucFg7kys9Oty+JtOjOXi4VCKS/RahdrMnEr45RJBVa3G9d6FRISfkd6MBIgIBWFRSyIIAEfhI1EiQEKJR+Vlh+ZJSWcQxIpJSMJI6JCEqcJKCiqAC2uArWxH7UnukMnBh6FKQ4nDh61LyYxEQyFAh7OCAkeJiYR1Ql2Hwja2ikf1d8Fdg4LCyoqCCAADdTfCGUJA/HxAkIK3w8PJPRWJSLy8ZuEDKiGL98vKCgOKDwg4sA+IQE2RCj4AIKBVEdKLCBAYOGBBemIpAhBkcSLEAYQnBgxolkDAzANEGhwYEDAIiNIQoBAwmSIRw0bGHDgUKBATI4dUyxRUICnyZNAhRYt0AEmAQM2oQQY8KJriJ9Bh0616iBkFAUiNnwFCpRo0Q4IbnoBgWIATKAyVSQweyQIACH5BAkHADEALAAABAAgABwAAAb/wJhwSCwaiRpN5shsFpNLp/QJzVym2Fj1csFkpZkw10L+OldjF4VidmIs6gmA1WZiKCx5BVBn6isSMH1HE4ASLS2DRhOHIAEfBRwcBQWKFQGPHwoRJiYRESODFQqkJSUQn58egy2mI68bqREDgx8JtwkjBJ6fHIMjKAICKCUeng8PoHUgwifCCh/JyA8ddSgO2NggMQfTDxCrXyUIHuUICUIKJN4kKFkKKioI8wjbQgPsIeFOCQP+C/PQDQnAgYRBEi9CGCjBJAWCAyL8DVjgwd6QFCEMvki4YQMBDwJMCXAw4IBJiP8+HBmxYWOIEB0ZSKJkoCaBBg1ODlDQREGHN5cdN8ikVKCmzZwHVKh0EmBB0I6TKHWwSYDAAQEWpSgYwAEq0ak2ESw1AyLBAgIGKFlFMCKrkSAAIfkECQcAMgAsAAAGACAAGgAABv9AmXBILBqPmqNyqUwyn01NBkqVJTXSafWJzV5kjoJge8yYV5c0wRQzhcbkIfqCwVg2kXxkEB/S7RQUEHoRcH0YLoEsE4QRCX1CLosTExV6DxEokDIUABWfEoMPmA6bEzAwEqocEaMPC5sVIC0gtQeuDwWbIB8BHx8gDq4QECN9EgrJKSktHyQQDxAkBn0pIyUj1xIyByQv3y8eZB8J5eUKQgovJN4vG5pUHycC9CgJLUML698bG6VPJTw4OEHwRAoiAQq8CBGi34YGJZR8cIAAgYeLHgTgI5KCQcMNDBhw4HDAgYASJRIIUDFgwIIFFS0GODKCg0ORBXIaMEDggM8/Ay0HqLD4YYkCA/1wFuiwk+dPEUEdzGQSAAEHpUyb9jwgAqgAEFUULMhZQCsBAg24Su0DIgGCtDuBehgBdkkQACH5BAkHADIALAAABwAgABkAAAb/QJlMJSwaj8hkURGZOZTQqOxgMsVMAqlW+ImYIuDGVuv4giOJMVSjIZwjDPWRLWNnOJHHIzKQGzNsGhkZL3l7J35Fg4srEHp6aYkyKxeVlY8PEJGJFxieFhYvehAQiJIYLqAUFAUkjiQLkjIULLW1ByS5Lx2yEwC/ABMnui8hI4kTEhUwzBMfL9AvGwSJEiASLdkTMgMhxRsbT2oSCh8BINdCChsh4Bscm1IgIykK9h8VRSrgDAwcBaaifEiQYMSIEiVAGAlgwN2/AgdKKAmA4oQAAQQTlJBwREGBDf4KiDQgAqO9EQkcIPDgwKIAFAlaJClR4GGBDgYMEDhwQMSAQAELEKxk6UCAQiUKCDzMmXNnz59BhXowKiUAgpFNCTR4+lMoggRHtXxAwJSA1p4+ByBAESDRPAQ/dy5Y4CBhlCAAIfkECQcAJgAsAAAEACAAHAAABv9Ak9CUeA2PyKTyqCDNjMtoFLSJRGJQqXY4sFplpO1W4bU+EmLtIfJ4WBFp6YfEdnfiUke7HUHjlwd7DwV/UQUQDxAQC4VLLySKEAKNSRokl5cjlCYaGpwaL4+hfoUZGZ0aGRuhLyEnlKaxGR2tLxsqlBe6uwMhvhsGlBYYGBfEAiEbyhslhRYUFBYWLhYBDMsMB4UTEyzQ0SYLyxwFr3EAFRUA3CxCChwb5AUdpFoVIBISMDAV7UII8goUMDBJS4sPH0CAaNGiwpEABOR1MGBgQIolIFKMSKEAYQAQAJAoMCBwIsUGCwSMUKAgRQkBAlAkGFGC4weHSUqQNGmgwQFNEQMGLEDgwQFMmSM2Sojy4QBFAlAP/BSqwkPREzETlFgqJYADqFGnCkVA1oFRBVy3fEDQwKfUoEPJehgBohCIEQ4WLDgwgCgKBXWjBAEAIfkECQcAKAAsAAABACAAHwAABv9AlHAoVBCPyGQyIJopn1CUgmMyRaLY4YhkNc1A2aiCFCmXnWEliFN+mAtp5cD9cEcQ8eS4zhfkkyJ8dXh/Rx8kEA8QEAaFSCcQL4sQI45HBySZL3CWRAUvmgudRBsvpiF+o0IhrCEblaoorhu0CbEoHLS0qaoGugyEfxpEGgO0DBwNjhrMKMwCGwwF0yV/GdfMGhkBBRzTBSJ/FxfX10Iq3tMGvFkYGOPjK0XTHQb2sFgUFC4W7u9DHgrYs0fAVpQJACaw2OcCA5EADQYaIHAAgZEkFSRIqFBhgkIKSBQQmDjxgIgBCEakCADiwwcFClhq5DgBJJIUDQgQaHDgwIBPBSoQODghIMGIEgo+gGghAcaEJx8GUDQ54CcCDw4EFFWZFISEp1BAOOjp06pQokaPKmhRIcwHByJOLkBAN+vWDzD+gCghACtdrSUCSIASBAAh+QQFBwAzACwAAAAAHwAgAAAG/8CZcEgECU7EpHJJVDQiJhlzugwMIlhThMoVKjjYcGzQnY5C2EfYZCgvFaGHXI1lHNxJUGEujxRGeEoLEBAPhRAIgUoKLySEECQCikoDjSSOHpNJHyEvjS9tmkQCnZ4vgKJDIiGsIR2pRAYbsxuJsEIctBuStzMMswwMqLe/DBwcCb0zBcfMvLcEBdIFmb0L0wV3vQIFHR0GBiW9Ad/gBguTGkoI5gQEyXgZGupEHwQG7g0H4mUrGfLq5glxgI/AgQMD4FHBcMEfQHozQAwgoA/hAAcfmFCg4ILhhX8Zkig4eHDAAhUIUCgIIEECjAowAEygYMHjRyUpBogQYXKBB04HJ1CMKPEBRIsKMjnWvMAkgAqeA1A6ECAgQQkFRSVUmDCzIxUjJhEg+Fl16MoWWiuwcFEmgACxCKYKLZFCgVG1ikAoSCAARdWrICRQCQIAOw==') no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFF0lEQVR4Ac2ZW0xcVRSGPTNnhlPKcCsUAeeChkEVxhutDQwzMANaqamNWgpaH+yDIaZp1cRHbgH0gTsxkmDCI/hiRAqgD5qYRgKQ8II6TE00wfgGAcIdKeM/ydrNZIezxxg9m518gRxWmn6s9a9zhvNQJBL5T/gfjokwA5Uw0zWFeHBOugiTsAArfSWZky+iABVowAZSwRkiDSTRz1iHlJMmogATsIDTIAPYgRs8SeTTtXSQSLVKFNkivIQKksDDJFCsquqLmqZdAa/i+yCuPQ1cJHOKjdpJEWGdsIFs8BQoy83NvTEzMzO3t7f318HBweHc3Nxdj8dznWQeIWmpIryENUaiCPgdDsfN+fn5XyLcWV5eDlmt1gBqHgOpbAHIFmESySAHeECF0+m8hd/+vcgxZ3d39wBj9grqCkA6iaiyRBRunJhEpcvl+nBhYeG3iM7Z2dnZgkg1ZSgNqLI6wgebSVTZ7faPlpaW/tSTWF9f36ivr+9AbQkF3iZRhAs2dSInJ+eDUCj0h0Biq7S09BPUBkEhyAKJssKusE6QRCGoQLDfn56eDulJrK6ubgeDwS7UXgTPAztIkXUfUbhxKgLlyMRtBPtXPYm1tbXdqqoqJnEOOGhbJQCTkSJ8sJlEMNoJrFhdicPDw6PKyspe1FaD85yE2YBnLUGwSSIrK+s2bnZLehIbGxubfr+/B7WXSMJJ42QlCcVAES7YJJGdnR0dp7BgnLZKSko6qBPngIvrBEkYIKIT7PLoOKET4TjB7kbty+A8SaRxmcAxQEQn2BUI9q3Z2dl7gk7sINhRiZeoE87jMmGECB/s3JhgR8dJV2Jzc3Pb5/N1UieKKdgsEyaAY5wIk2Dj5GHBRifCgmBHb3adLBNsO3HBNkxEAWZwCmSCx4EPwb4ZJ9jbCHYXSRQDpyDYhomoNFIOUIRMvINO/KQnsbKyshMIBD5D7RVwgQWblzBahD2Sp5jN5jzM+9uLi4s/60mEw+FNbKcvUH8DVIECcAZoXLCliaRaLBbX8PBwb0RwRkZGfkftx+BdUM4+KInDbdxoWUCKoih5CQkJgYGBgS/xs6PjRPb394+ampp+RP174CIoBGcpYypQZIqYY+4dz4DLvb29Y6LONDY2fou6OuAF+SCDZCgj8kQSQDqNihfU9vX1TYlkGhoa7qDuDVBKMpQVrjMG30fYCs6gAHuRmdqurq5JkUxLS8sEaq+CMq4zJGOgCB2Fk8kHJSaTqaazs3Pi2MzQaWtrm0RtDfDFyCQyGUNFOJlEkMlkwLWenp5vRDKtra1TNGYsM5mcjKEifGeYjBfUQUaYmebm5omYzLjFC8C4zyNqTGfcNDZ1/2ABjKHudZLXkTFARJAZN/CqqnqNMqN7Ojo6vqMF4ONkVFmvFUQLQNiZ7u7u76PZAn6S4TJjrIhoAdT+iwXAdQYYKCJaAG/iPhNvAYyj7jXwAngUpAGrDBF+ATCZAuBXFOX60NDQ3TiPM1/hyfoyPf7kgNNSXyvwmSGZMk3T3hocHPwhzlPzJLLFnpZT5PztV5wZNyilbTZFmTnZrxU4GZWXATV4ap4kmeNELlEticjsSHyZq/39/V/j374P2Lk/Pj5+BznxUuDlj1acJ4B8cAH/4er29vbPR0dH58fGxubx/ac2my1Ab3iz5Yc9/gJIB05QCJ4Fz9FXD3gC5HIfi+WKCGQ0GpuzwA7yCDtdS+b/SCFfRPwaQqPxSSaS6JrlwUjR+RtEvCM0ct4sLQAAAABJRU5ErkJggg==') left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFDUlEQVR4Ac2ZS0xcVRjHvTN3hisw0GIRZ3AeLWHQWqdVsRqgA86AUmpqoy20Whd2YYhprJq45BVAF7yJkQQTluDGiEhBF5qYRsIjYYMKQxNNMO4gQHgjZfxP8pF8ufEe0qQ5pyf5BTKcWfzyff/vnHt5xLQ0wgbsQCfswEY80BWPxx8I5sUlHMBJP0nm4RfRWAUMkAqOgseII8AFDNqjPYwiGuEAySADeEEuOEkE6bNjIIX22riQchHWSo+SRACc1nU9ahjGG+ASfn8Vn+WT0BNUMV0so04kFTwJTodCoeuTk5N3dnd397a3t/8dHx+fzM7OvoG/nQPPADdwscqoF2HBPgJynE5nZGFhYTZuWlNTU3/4fL6b2FMMnmUyTpJRLqKTSAbIQyu9vrW1tRv/n4Uqzfv9/g+x7xUQAh6QxmVUV0SnKRWESMXm5uZ63GJNT0//GQgEPsHeUibD20xTLeKioBdUV1e3rKysrFrJzM3N/eP1ej/F3jImIxgAcsOeDLLAKRAtLCz8HDKWlZmdnf3b4/F8zCojGADyz5F04AUvgPJoNNq2tLS0YSUzNjY2iwHwEWXmFHCzymiqRGwgiaaXD7wIysvKytqWl5e3rGQwAO4iM7ewt4SmmYfLqLpr2U0yZ0FFaWlp597e3r6VDEbzXapMlGQEA0COiEYyTmozP8lcKC4u7lhdXV2zksGhOZeVlXWLy5gHgDwRJsMqE6A2qygoKGhBm60L2izmdruZjGkAyBShxTNzlGTOgvMYAO2iAYDKxKjNSgQDQI6IRWb8VJnXMADaUZlNK5mJiYl5DAC6AQgGgCwRWjaWGR/IB+fD4XDr2trahqDN5lEZ3mbZ5gEgW4QPAD6aK3BotmIArAsqE2MDIMTajGTkinAZ3mb5NAAS58zGIQPgJvaGwVMgk5597ECTLcJl+AB4GVyKRCJfLi4uijLzGzLzHrWYj1pMVyXCB4BBz/J5oAzcwDT7OhaLWZ4zMzMzvyNX79rt9uOUNyewqRSxsbzk0Jh9H3w2MDDwV1yw+vv7Ox0OR4C+q1REAzr1+ON0TpSDD+rq6n7d2dmxusbs9/T0fJOUlBTRNO2gIg6lGSGJYyAXFIFrtbW1P4oq0dnZOYR9F8EZdqaoCDtVgrJBEoXgck1Nzfciia6urlHsu0rSOSADJEkXYRK8EufAlYaGhtsiiba2thFk4kAij75Po1fiOcIkkplEGFQ2NTWNCBz2W1tbb9tstkrsLaDvcQlN5hWFS2SyTFxubGwcFUl0dHT8gH1VTCITJHMJWSLmYAcPMlFfXy9sJ0gkMnGNpEnCXAkJIhYSReAtBHvosGCTRBgEWSV0qc8jPNhMIgyutLS0/CSSSGRC1/Uqkg5aZUKGiDkTQVAMqtrb238+RGJUHGyZb1F4Je4/2FfFwZYr4qRb7QnwEngTwR4+5JxIZOJtcbDlv2lMAR5wBjfUi7h2fCuS6Ovru6Np2nVqvzwmQcFW9+43HeSg10twix0RSfT29v5iGMY7dMLniTOh+N8KghN7lKZTIQgKMiG/IkwkCJELFiL7uMWOYE+lWUL8elRNa51APoqGh4cTN9p7TOJed3f3d4nz5P4l1ITdDU66XK5Ic3PzF0NDQ1ODg4NT+P0rCFbQM3qu4MRWLsIfX7PB0yAEngPP089TwA8yBMFWKmJ+qZBGj7FecJzw0mfpwBBLqBexseAbIBWkESnAEPybQLnIf4JfIzSb+FymAAAAAElFTkSuQmCC') right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 10px;
  zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  max-width: 80%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-controlContainer {
  float: right;
}

.lb-data .lb-turnContainer {
  float: left;
  margin-right: 5px;
}

.lb-data .lb-zoomContainer {
  float: right;
  margin-right: 5px;
}

.lb-data .lb-downloadContainer {
  float: right;
  margin-right: 5px;
}

.lb-data .lb-closeContainer {
  float: right;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAPFBMVEX///8AAAD9/f2CgoKAgIAAAAAAAAAAAABLS0sAAAAAAACqqqqqqqq6urpKSkpISEgAAAC7u7u5ubn////zbsMcAAAAE3RSTlMASv6rqwAWS5YMC7/AyZWVFcrJCYaKfAAAAHhJREFUeF590kkOgCAQRFEaFVGc+/53FYmbz6JqBbyQMFSYuoQuV+iTflnstI7ssLXRvMWRaEMs84e2uVckuZe6knL0hiSPObXhj6ChzoEkIolIIpKIO4joICAIeDd7QGIfCCjOKe9HEk8mnxpIAup/F31RPZP9fAG3IAyBSJe0igAAAABJRU5ErkJggg==') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-turnLeft {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAACIElEQVRIicWWPWsUURSG3xM/4hYpjLIhphJiIYugNloIiRoU/QO20UJrU1gE/EAbRReCGkQQEbFLCi0EG5NKEIKYItFSkBhSmMLIipolj8WeWa/rbrIzmdm8MNy599xznjN37pe0QbKwAlyTdFjSoJkt1Nhyko5L6pe0S1KPmxYkzUmalDRpZqXYWQDLVHQuaNsNPAFKrK2fwCOgNy440nlgK1AEftUE/wJMAM/8mQDma/qUgVvAlrjgK8CboF4C7gAHAKvjZ24r1ozMFNAdB7wSvI8BXTFGLe8+kT4A+WbBkd4DF4Czazr/H2so+ICpVYe9DjjUyzhgj3cp8L+RBPwbGI4L9pjjHmMZ2JMkRiIB3cA3hz9oGdjhdx38A+hoJXhf8NtOS1Jbi9gzkhb9/WgVTGUD6GnktV6ZGZLeebVQBUsalTQHDGYFlzTvZWcIPuhlX4bgz14uSdJmr0xLOqTKEZeVRiR9lfS82gJ0AAPApgzBGyMaHTTAKeBTFhMMuOxr+Go944gbl4DOFKFdwPeGWyZQ8MNgBSikCL7v0DKwN2qPZrXMbBY4ImmHmc2mBZbU7mXRzD42k+kx4OR6qUCOBlemep138vf2MAZsjwHKA/eA60mybAfeBifKzSb9hn1y4ok3fVcLg2wDbgMzwAlva/PJ8gp4CvQH/fcHiZZZ7aqTIJle/tV0YMsBD4HHaa6KEH4ReAG8Bs6kDshafwDkXu6L86KiLgAAAABJRU5ErkJggg==') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-turnRight {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAACGUlEQVRIicWXPWgUQRTH/3OJiSCEgJg7FcEmGLkmNoKCYESLYGNrqaDBSkQri4ARDPgBQRBU8CNgE8TCwkIhIqiVYLAQg5UoOZA0Eg1RE/xZ7DsymZzu7HJ7GVgG5r3/+82+3Z33Vlqj4WIdgQ2SBuzaJqlsphlJNUkvJE065xYC3WZJ9yW9ds6NRO8M6AXuAD9JHz+Ae8B2T3/cbIuxwA7gMrAUBJ8BJoEHdj0HaoHPL+CKxThZX4yBbgHeBHdyFegHVj0ewAG7gGvAvKd7BQxHgYEy8METTwA9UWlK9BXgkaf/kwq21Lz1BGdigabvAY4BQ8BUkP7/gi95fueyQE3/JISlgoEdLL9IE1mhFuM88Dsr+LbZvwGVPOA8O+0CFgw81hKogQ97Gam2glmyeb/Ns865960E1+9yqkgYsDUEb7S5ViD0hKQvwHUf/NXm2aLAkvYqqYa7JandFk9LeiZpvEDwZ5s/FshYPew4Pgh0hoa2lh0cAfiifcdnC4h9CvgEDDYy1o/M70C5gT4vtBuYs9ijjRx2ekXiVhPBfSQldvGfpyLLZfFus8AWdxDYk+ZUBTqaADsCHMgjLAEjJE1bltanC3homVsCNmUFV7yKNQdcANoidH4X8xIopWkaBRllZXvb79n2AePAU+Am0G7rh4Bpy9T6zFAPULVP7Qawzlt/x8rRmxuScUNHSZr5xyRdZfTv0JqOvwtaARgflgIWAAAAAElFTkSuQmCC') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-zoomOut {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB7UlEQVRIieXWvWsUURTG4XPjJpgmlSFKRAtTWGjAj0ajiSKKFopg/AtELbQTAiI2IaazEhsLK0XEVisbISD4gY2FlQQixiAYxESiBn0sdoKTQHZ3dte18FR3uO97fufcmbmciH8UqVYhUkT0RER3RMxGxMeU0uJfqQoJJ/EAc5bHDzzGWXQ0E9qPZ/iMGziCXnRgPfZgDFN4i2PNgJ7IOryFdVW0a3EZ3zHSCHQfvuFCQd8hzONcPdAuzGC0sLnsP5UVvb2o8RpeY0094CzHXTwqYmjHLIbrhWZ5tuAX+mo1LL2jzkbAWa4XuFRJ05Zb74iIlymlhUbBETERETsrCUq59YaImM5vYlNEXKkBdCelNJF7fh/lRlaNtkqbDUbF6zjf8YeI2LXMmdJURJyvA9obETOVBPmOX0XE7mZ8XBExGBHPa1KihE843QgRffiJrUVMo3iDUnX1qjnu4WFRUxemMVYndBgLha/MzLw3M18s6DucXUDXC0NzSY7jC26ju4q2E1exmA0I8xhqBL4NT7MCbuIoNuYGgQGM4x0mMZJBmwJP2VBwPysgHwt4gjNLvyCGVsAH64avKKRHeSTabJU5awV8rmnwGgscyJ3QVxz8b+EHWgnf789MPon2VsIHlGfv/pZBc/DWdVopfgMdyEl3/DM14wAAAABJRU5ErkJggg==') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-zoomIn {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAB+UlEQVRIieXWv29NcRzG8c+XttGlk6aEMOhAQhM/FkpLhDD4kai/QFgYpQliaRobi1gMJoRYmSxNmkhIWVibJkQjQiNaKRpehh7p0bTnntt7XYNnOiff5znv53vvPd/7ifhHSmWNSBHRERHtETEREe9TSjN/pRUSjuMBJv2p73iM02ipJ7QLT/EJ13EQa9CCVdiJQbzGKA7XA3o02+FNrKzgXYEL+Ib+WqC78RVnq8ztxxTOLAXahncYqDo8mz+Rld5SbXAQL7G8wDOCTQXrd/CoGmgzJtBXwQfbC9Y34Cc6i56zLHfdExEtEVG+7QJKKY1GxPOIOFYWvDUiRlJK07WAMw1HxLYiQ1PuenVEjOcXsS4iLi2Qu4gPufvbKaXh3P3bmN3IolpWtFijyh3HOI+hEr7CH1fmuYZ7RZ78jl9ExA60lmparJ6IeFbKiSZ8xMkKvkqvUyd+YGPpmhjAqxoPkLt4WBqahdowjsGqgnP5PkxXfWRm4V1Z+FyVuQPZn8TVqqG5hxzBZ9xCewVvKy5jJvv+p9BbC3wznmQFbuAQ1uYGgW5cwRuMoT+D1gWesqHgflYgr2kM4dTvVxC98+A9S4bPK9JhdiRab5E5ax58sm7wkgW7c5/QF+z7b+F7GwnfY24mH0NzI+HdZmfvroZBc/DG7bRIvwDiiW2v3ei28wAAAABJRU5ErkJggg==') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-download {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAaUlEQVR4Ae3VgQVAIQCE4UZplDa70Rrt3gQ5eDry/wRIn1QNoka2l22FsW6C5JwAAQIE6IeF5+HR287tw9x5YzdSedcKKDXOTcZ0UQFTQOnta59RVUxAFTABVcAElAZRuEX1DxYQEV3oA58RWgFolpBxAAAAAElFTkSuQmCC') right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* animation */
@keyframes fadeIn{    
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeOut{    
  0% {opacity: 1;}
  100% {opacity: 0;}
}


@keyframes fadeInOverlay{    
  0% {opacity: 0;}
  100% {opacity: 0.8;}
}

@keyframes fadeOutOverlay{    
  0% {opacity: 0.8;}
  100% {opacity: 0;}
}

.fadeIn{
  animation-name: fadeIn; 
}

.fadeInOverlay{
  animation-name: fadeInOverlay;
}

.fadeOut{
  animation-name: fadeOut;
}

.fadeOutOverlay{
  animation-name: fadeOutOverlay;
}

.animation{
  animation-fill-mode: both;
}

.transition{
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease;
  /* Standard syntax */
  transition-property: all;
  transition-timing-function: ease;
}

.lb-image {
  transition-duration: 0.5s;
      transition-property: transform;
  }

/* animation */

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@swimlane/ngx-datatable/assets/icons.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

@font-face {
  font-family: 'data-table';
  src: url('data-table.eot');
  src: url('data-table.eot?#iefix') format('embedded-opentype'),
    url('data-table.woff') format('woff'), url('data-table.ttf') format('truetype'),
    url('data-table.svg#data-table') format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-icon]::before {
  font-family: 'data-table' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^='datatable-icon-']::before,
[class*=' datatable-icon-']::before {
  font-family: 'data-table' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.datatable-icon-filter::before {
  content: '\62';
}

.datatable-icon-collapse::before {
  content: '\61';
}

.datatable-icon-expand::before {
  content: '\63';
}

.datatable-icon-close::before {
  content: '\64';
}

.datatable-icon-up::before {
  content: '\65';
}

.datatable-icon-down::before {
  content: '\66';
}

.datatable-icon-sort-unset::before {
  content: '\63';
  opacity: 0.5;
}

.datatable-icon-sort::before {
  content: '\67';
}

.datatable-icon-done::before {
  content: '\68';
}

.datatable-icon-done-all::before {
  content: '\69';
}

.datatable-icon-search::before {
  content: '\6a';
}

.datatable-icon-pin::before {
  content: '\6b';
}

.datatable-icon-add::before {
  content: '\6d';
}

.datatable-icon-left::before {
  content: '\6f';
}

.datatable-icon-right::before {
  content: '\70';
}

.datatable-icon-skip::before {
  content: '\71';
}

.datatable-icon-prev::before {
  content: '\72';
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@swimlane/ngx-datatable/themes/material.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/*
  This stylesheet uses scss valiables for most of the colors / background-colors of the table
  to enable the customization of the displayed table without cloning the stylesheet into the
  own application.

  To modify table colors, add the following lines to the scss file of your application
  (this example modifies the color of the selected row - selectionType = single, multi or multiClick):

  $ngx-datatable-selected-active-background: yellow;
  $ngx-datatable-selected-active-background-hover: rgba(yellow, 0.2);

  @import '~@swimlane/ngx-datatable/index.css';
  @import '~@swimlane/ngx-datatable/themes/material.scss';
  @import '~@swimlane/ngx-datatable/assets/icons.css';

That's all.
*/
.ghost-cell-container {
  background: #fff;
}

.ghost-cell-strip {
  background: #d9d8d9;
  background-image: linear-gradient(to right, #d9d8d9 0%, #d9d8d9 10%, #fff, transparent);
  border-radius: 0;
  animation-duration: 10s;
}

.ngx-datatable .row-disabled {
  color: #83888e;
}
.ngx-datatable .row-disabled .datatable-body-cell-label {
  color: #83888e;
}
.ngx-datatable .datatable-row-wrapper .datatable-body-row.row-disabled:hover {
  background-color: inherit;
  transition: none;
}
.ngx-datatable .datatable-row-wrapper .datatable-body-row.row-disabled:hover .datatable-row-group {
  background-color: inherit;
  transition: none;
}

.ngx-datatable.material {
  background: #fff;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  /**
  * Shared Styles
  */
  /**
  * Global Row Styles
  */
  /**
  * Header Styles
  */
  /**
  * Body Styles
  */
  /**
  * Footer Styles
  */
}
.ngx-datatable.material.striped .datatable-row-odd {
  background: #eee;
}
.ngx-datatable.material.single-selection .datatable-body-row.active, .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active, .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active, .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:hover, .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:focus, .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background-color: #eee;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
  background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:hover:not(.row-disabled), .ngx-datatable.material.cell-selection .datatable-body-cell:hover:not(.row-disabled) .datatable-row-group {
  background-color: #eee;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:focus:not(.row-disabled), .ngx-datatable.material.cell-selection .datatable-body-cell:focus:not(.row-disabled) .datatable-row-group {
  background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:not(.row-disabled), .ngx-datatable.material.cell-selection .datatable-body-cell.active:not(.row-disabled) .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover:not(.row-disabled), .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover:not(.row-disabled) .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus:not(.row-disabled), .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus:not(.row-disabled) .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material .empty-row {
  height: 50px;
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}
.ngx-datatable.material .loading-row {
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}
.ngx-datatable.material .datatable-header .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-left {
  background-color: #fff;
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header .datatable-row-right,
.ngx-datatable.material .datatable-body .datatable-row-right {
  background-position: 0 0;
  background-color: #fff;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
  flex-shrink: 0;
  text-align: left;
  padding: 0.9rem 1.2rem;
  font-weight: 400;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.54);
  vertical-align: bottom;
  font-size: 12px;
  font-weight: 500;
}
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
  position: relative;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
  transition: transform 400ms ease, opacity 400ms ease;
  opacity: 0.5;
  transform: scale(1);
}
.ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  height: 60px;
  width: 60px;
  background: #eee;
  border-radius: 100%;
  opacity: 1;
  filter: none;
  transform: scale(0);
  z-index: 9999;
  pointer-events: none;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
  border-right: none;
}
.ngx-datatable.material .datatable-header .resize-handle {
  border-right: solid 1px #eee;
}
.ngx-datatable.material .datatable-body {
  position: relative;
}
.ngx-datatable.material .datatable-body .datatable-row-detail {
  background: #f5f5f5;
  padding: 10px;
}
.ngx-datatable.material .datatable-body .datatable-group-header {
  background: #f5f5f5;
  border-bottom: solid 1px #d9d8d9;
  border-top: solid 1px #d9d8d9;
}
.ngx-datatable.material .datatable-body .datatable-group-header .datatable-group-cell {
  padding-inline-start: 1.2rem;
  display: flex;
}
.ngx-datatable.material .datatable-body datatable-row-def {
  background-color: #fff;
}
.ngx-datatable.material .datatable-body .datatable-body-row {
  border-bottom: 1px solid #d9d8d9;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  flex-shrink: 0;
  text-align: left;
  padding: 0.9rem 1.2rem;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, 0.87);
  transition: width 0.3s ease;
  font-size: 14px;
  font-weight: 400;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
  text-align: left;
  padding: 0.9rem 1.2rem;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, 0.87);
  transition: width 0.3s ease;
  font-size: 14px;
  font-weight: 400;
}
.ngx-datatable.material .datatable-body .progress-linear {
  display: block;
  position: sticky;
  width: 100%;
  height: 0;
  z-index: 999;
  padding: 0;
  margin: 0;
  top: 0;
}
.ngx-datatable.material .datatable-body .progress-linear .container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  transform: translate(0, 0) scale(1, 1);
  background-color: rgb(170, 209, 249);
}
.ngx-datatable.material .datatable-body .progress-linear .container .bar {
  transition: all 0.2s linear;
  animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.2s linear;
  background-color: rgb(16, 108, 200);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
.ngx-datatable.material .datatable-body .custom-loading-indicator-wrapper {
  position: sticky;
  top: 0;
  height: 0;
  z-index: 999;
}
.ngx-datatable.material .datatable-body .custom-loading-indicator-wrapper .custom-loading-content {
  width: 100%;
  background-color: #fff;
}
.ngx-datatable.material .datatable-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}
.ngx-datatable.material .datatable-footer .page-count {
  line-height: 50px;
  height: 50px;
  padding: 0 1.2rem;
}
.ngx-datatable.material .datatable-footer .datatable-pager {
  margin: 0 10px;
}
.ngx-datatable.material .datatable-footer .datatable-pager li {
  vertical-align: middle;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
  color: rgba(0, 0, 0, 0.26) !important;
  background-color: transparent !important;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
  background-color: rgba(158, 158, 158, 0.2);
  font-weight: bold;
}
.ngx-datatable.material .datatable-footer .datatable-pager a {
  height: 22px;
  min-width: 24px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 3px;
  margin: 6px 3px;
  text-align: center;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  vertical-align: bottom;
}
.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(158, 158, 158, 0.2);
}
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
  font-size: 20px;
  line-height: 20px;
  padding: 0 3px;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row {
  background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
  background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
  font-weight: bold;
}

/**
 * Checkboxes
**/
.datatable-checkbox {
  position: relative;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
}
.datatable-checkbox input[type=checkbox] {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
  outline: none;
}
.datatable-checkbox input[type=checkbox]:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid #f2f2f2;
}
.datatable-checkbox input[type=checkbox]:checked:before {
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: #009688;
  border-top-style: none;
  border-right-style: none;
}
.datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #fff;
  cursor: pointer;
}

/**
 * Progress bar animations
 */
@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet/dist/leaflet.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* 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;
	        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 {
	max-width: none !important;
	max-height: none !important;
	}
.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;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	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;
	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-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-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:         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-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	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,
.leaflet-bar a:focus {
	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('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('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;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.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;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.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 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	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;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-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-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;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	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;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		print-color-adjust: exact;
		}
	}

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet-draw/dist/leaflet.draw.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('spritesheet.png');background-image:linear-gradient(transparent,transparent),url('spritesheet.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('spritesheet-2x.png');background-image:linear-gradient(transparent,transparent),url('spritesheet.svg')}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);border-radius:4px;box-sizing:content-box}
.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}

/*# sourceMappingURL=styles.css.map*/