@charset "UTF-8";/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

[class*=sap-icon] {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: inline-block
}
[class*=sap-icon]::after,
[class*=sap-icon]::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
[class*=sap-icon]::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.sap-icon--accidental-leave::before {
  content: ""
}
.sap-icon--account::before {
  content: ""
}
.sap-icon--wrench::before {
  content: ""
}
.sap-icon--windows-doors::before {
  content: ""
}
.sap-icon--washing-machine::before {
  content: ""
}
.sap-icon--visits::before {
  content: ""
}
.sap-icon--video::before {
  content: ""
}
.sap-icon--travel-expense::before {
  content: ""
}
.sap-icon--temperature::before {
  content: ""
}
.sap-icon--task::before {
  content: ""
}
.sap-icon--synchronize::before {
  content: ""
}
.sap-icon--survey::before {
  content: ""
}
.sap-icon--settings::before {
  content: ""
}
.sap-icon--search::before {
  content: ""
}
.sap-icon--sales-document::before {
  content: ""
}
.sap-icon--retail-store::before {
  content: ""
}
.sap-icon--refresh::before {
  content: ""
}
.sap-icon--product::before {
  content: ""
}
.sap-icon--present::before {
  content: ""
}
.sap-icon--ppt-attachment::before {
  content: ""
}
.sap-icon--pool::before {
  content: ""
}
.sap-icon--pie-chart::before {
  content: ""
}
.sap-icon--picture::before {
  content: ""
}
.sap-icon--photo-voltaic::before {
  content: ""
}
.sap-icon--phone::before {
  content: ""
}
.sap-icon--pending::before {
  content: ""
}
.sap-icon--pdf-attachment::before {
  content: ""
}
.sap-icon--past::before {
  content: ""
}
.sap-icon--outgoing-call::before {
  content: ""
}
.sap-icon--opportunity::before {
  content: ""
}
.sap-icon--opportunities::before {
  content: ""
}
.sap-icon--notes::before {
  content: ""
}
.sap-icon--money-bills::before {
  content: ""
}
.sap-icon--map::before {
  content: ""
}
.sap-icon--log::before {
  content: ""
}
.sap-icon--line-charts::before {
  content: ""
}
.sap-icon--lightbulb::before {
  content: ""
}
.sap-icon--leads::before {
  content: ""
}
.sap-icon--lead::before {
  content: ""
}
.sap-icon--laptop::before {
  content: ""
}
.sap-icon--kpi-managing-my-area::before {
  content: ""
}
.sap-icon--kpi-corporate-performance::before {
  content: ""
}
.sap-icon--incoming-call::before {
  content: ""
}
.sap-icon--inbox::before {
  content: ""
}
.sap-icon--horizontal-bar-chart::before {
  content: ""
}
.sap-icon--history::before {
  content: ""
}
.sap-icon--heating-cooling::before {
  content: ""
}
.sap-icon--gantt-bars::before {
  content: ""
}
.sap-icon--future::before {
  content: ""
}
.sap-icon--fridge::before {
  content: ""
}
.sap-icon--fallback::before {
  content: ""
}
.sap-icon--expense-report::before {
  content: ""
}
.sap-icon--excel-attachment::before {
  content: ""
}
.sap-icon--energy-saving-lightbulb::before {
  content: ""
}
.sap-icon--employee::before {
  content: ""
}
.sap-icon--email::before {
  content: ""
}
.sap-icon--edit::before {
  content: ""
}
.sap-icon--duplicate::before {
  content: ""
}
.sap-icon--download::before {
  content: ""
}
.sap-icon--doc-attachment::before {
  content: ""
}
.sap-icon--dishwasher::before {
  content: ""
}
.sap-icon--delete::before {
  content: ""
}
.sap-icon--decline::before {
  content: ""
}
.sap-icon--complete::before {
  content: ""
}
.sap-icon--competitor::before {
  content: ""
}
.sap-icon--collections-management::before {
  content: ""
}
.sap-icon--chalkboard::before {
  content: ""
}
.sap-icon--cart::before {
  content: ""
}
.sap-icon--card::before {
  content: ""
}
.sap-icon--camera::before {
  content: ""
}
.sap-icon--calendar::before {
  content: ""
}
.sap-icon--begin::before {
  content: ""
}
.sap-icon--basket::before {
  content: ""
}
.sap-icon--bar-chart::before {
  content: ""
}
.sap-icon--attachment::before {
  content: ""
}
.sap-icon--arrow-top::before {
  content: ""
}
.sap-icon--arrow-right::before {
  content: ""
}
.sap-icon--arrow-left::before {
  content: ""
}
.sap-icon--arrow-bottom::before {
  content: ""
}
.sap-icon--approvals::before {
  content: ""
}
.sap-icon--appointment::before {
  content: ""
}
.sap-icon--alphabetical-order::before {
  content: ""
}
.sap-icon--along-stacked-chart::before {
  content: ""
}
.sap-icon--alert::before {
  content: ""
}
.sap-icon--addresses::before {
  content: ""
}
.sap-icon--address-book::before {
  content: ""
}
.sap-icon--add-filter::before {
  content: ""
}
.sap-icon--add-favorite::before {
  content: ""
}
.sap-icon--add::before {
  content: ""
}
.sap-icon--activities::before {
  content: ""
}
.sap-icon--action::before {
  content: ""
}
.sap-icon--accept::before {
  content: ""
}
.sap-icon--hint::before {
  content: ""
}
.sap-icon--group::before {
  content: ""
}
.sap-icon--check-availability::before {
  content: ""
}
.sap-icon--weather-proofing::before {
  content: ""
}
.sap-icon--payment-approval::before {
  content: ""
}
.sap-icon--batch-payments::before {
  content: ""
}
.sap-icon--bed::before {
  content: ""
}
.sap-icon--arobase::before {
  content: ""
}
.sap-icon--family-care::before {
  content: ""
}
.sap-icon--favorite::before {
  content: ""
}
.sap-icon--navigation-right-arrow::before {
  content: ""
}
.sap-icon--navigation-left-arrow::before {
  content: ""
}
.sap-icon--e-care::before {
  content: ""
}
.sap-icon--less::before {
  content: ""
}
.sap-icon--lateness::before {
  content: ""
}
.sap-icon--lab::before {
  content: ""
}
.sap-icon--internet-browser::before {
  content: ""
}
.sap-icon--instance::before {
  content: ""
}
.sap-icon--inspection::before {
  content: ""
}
.sap-icon--image-viewer::before {
  content: ""
}
.sap-icon--home::before {
  content: ""
}
.sap-icon--grid::before {
  content: ""
}
.sap-icon--goalseek::before {
  content: ""
}
.sap-icon--general-leave-request::before {
  content: ""
}
.sap-icon--create-leave-request::before {
  content: ""
}
.sap-icon--flight::before {
  content: ""
}
.sap-icon--filter::before {
  content: ""
}
.sap-icon--favorite-list::before {
  content: ""
}
.sap-icon--factory::before {
  content: ""
}
.sap-icon--endoscopy::before {
  content: ""
}
.sap-icon--employee-pane::before {
  content: ""
}
.sap-icon--employee-approvals::before {
  content: ""
}
.sap-icon--email-read::before {
  content: ""
}
.sap-icon--electrocardiogram::before {
  content: ""
}
.sap-icon--documents::before {
  content: ""
}
.sap-icon--decision::before {
  content: ""
}
.sap-icon--database::before {
  content: ""
}
.sap-icon--customer-history::before {
  content: ""
}
.sap-icon--customer::before {
  content: ""
}
.sap-icon--credit-card::before {
  content: ""
}
.sap-icon--create-entry-time::before {
  content: ""
}
.sap-icon--contacts::before {
  content: ""
}
.sap-icon--compare::before {
  content: ""
}
.sap-icon--clinical-order::before {
  content: ""
}
.sap-icon--chain-link::before {
  content: ""
}
.sap-icon--pull-down::before {
  content: ""
}
.sap-icon--cargo-train::before {
  content: ""
}
.sap-icon--car-rental::before {
  content: ""
}
.sap-icon--business-card::before {
  content: ""
}
.sap-icon--bar-code::before {
  content: ""
}
.sap-icon--folder-blank::before {
  content: ""
}
.sap-icon--passenger-train::before {
  content: ""
}
.sap-icon--question-mark::before {
  content: ""
}
.sap-icon--world::before {
  content: ""
}
.sap-icon--iphone::before {
  content: ""
}
.sap-icon--ipad::before {
  content: ""
}
.sap-icon--warning::before {
  content: ""
}
.sap-icon--sort::before {
  content: ""
}
.sap-icon--course-book::before {
  content: ""
}
.sap-icon--course-program::before {
  content: ""
}
.sap-icon--add-coursebook::before {
  content: ""
}
.sap-icon--print::before {
  content: ""
}
.sap-icon--save::before {
  content: ""
}
.sap-icon--play::before {
  content: ""
}
.sap-icon--pause::before {
  content: ""
}
.sap-icon--record::before {
  content: ""
}
.sap-icon--response::before {
  content: ""
}
.sap-icon--pushpin-on::before {
  content: ""
}
.sap-icon--pushpin-off::before {
  content: ""
}
.sap-icon--unfavorite::before {
  content: ""
}
.sap-icon--learning-assistant::before {
  content: ""
}
.sap-icon--timesheet::before {
  content: ""
}
.sap-icon--time-entry-request::before {
  content: ""
}
.sap-icon--list::before {
  content: ""
}
.sap-icon--action-settings::before {
  content: ""
}
.sap-icon--share::before {
  content: ""
}
.sap-icon--feed::before {
  content: ""
}
.sap-icon--role::before {
  content: ""
}
.sap-icon--flag::before {
  content: ""
}
.sap-icon--post::before {
  content: ""
}
.sap-icon--inspect::before {
  content: ""
}
.sap-icon--inspect-down::before {
  content: ""
}
.sap-icon--appointment-2::before {
  content: ""
}
.sap-icon--target-group::before {
  content: ""
}
.sap-icon--marketing-campaign::before {
  content: ""
}
.sap-icon--message-error::before {
  content: ""
}
.sap-icon--notification::before {
  content: ""
}
.sap-icon--comment::before {
  content: ""
}
.sap-icon--shipping-status::before {
  content: ""
}
.sap-icon--collaborate::before {
  content: ""
}
.sap-icon--shortcut::before {
  content: ""
}
.sap-icon--lead-outdated::before {
  content: ""
}
.sap-icon--tools-opportunity::before {
  content: ""
}
.sap-icon--permission::before {
  content: ""
}
.sap-icon--supplier::before {
  content: ""
}
.sap-icon--table-view::before {
  content: ""
}
.sap-icon--table-chart::before {
  content: ""
}
.sap-icon--switch-views::before {
  content: ""
}
.sap-icon--e-learning::before {
  content: ""
}
.sap-icon--manager::before {
  content: ""
}
.sap-icon--switch-classes::before {
  content: ""
}
.sap-icon--simple-payment::before {
  content: ""
}
.sap-icon--signature::before {
  content: ""
}
.sap-icon--sales-order-item::before {
  content: ""
}
.sap-icon--sales-order::before {
  content: ""
}
.sap-icon--request::before {
  content: ""
}
.sap-icon--receipt::before {
  content: ""
}
.sap-icon--puzzle::before {
  content: ""
}
.sap-icon--process::before {
  content: ""
}
.sap-icon--private::before {
  content: ""
}
.sap-icon--popup-window::before {
  content: ""
}
.sap-icon--person-placeholder::before {
  content: ""
}
.sap-icon--per-diem::before {
  content: ""
}
.sap-icon--paper-plane::before {
  content: ""
}
.sap-icon--paid-leave::before {
  content: ""
}
.sap-icon--pdf-reader::before {
  content: ""
}
.sap-icon--overview-chart::before {
  content: ""
}
.sap-icon--overlay::before {
  content: ""
}
.sap-icon--org-chart::before {
  content: ""
}
.sap-icon--number-sign::before {
  content: ""
}
.sap-icon--notification-2::before {
  content: ""
}
.sap-icon--my-sales-order::before {
  content: ""
}
.sap-icon--meal::before {
  content: ""
}
.sap-icon--loan::before {
  content: ""
}
.sap-icon--order-status::before {
  content: ""
}
.sap-icon--customer-order-entry::before {
  content: ""
}
.sap-icon--performance::before {
  content: ""
}
.sap-icon--menu::before {
  content: ""
}
.sap-icon--employee-lookup::before {
  content: ""
}
.sap-icon--education::before {
  content: ""
}
.sap-icon--customer-briefing::before {
  content: ""
}
.sap-icon--customer-and-contacts::before {
  content: ""
}
.sap-icon--my-view::before {
  content: ""
}
.sap-icon--accelerated::before {
  content: ""
}
.sap-icon--to-be-reviewed::before {
  content: ""
}
.sap-icon--warning2::before {
  content: ""
}
.sap-icon--feeder-arrow::before {
  content: ""
}
.sap-icon--quality-issue::before {
  content: ""
}
.sap-icon--workflow-tasks::before {
  content: ""
}
.sap-icon--create::before {
  content: ""
}
.sap-icon--home-share::before {
  content: ""
}
.sap-icon--globe::before {
  content: ""
}
.sap-icon--tags::before {
  content: ""
}
.sap-icon--work-history::before {
  content: ""
}
.sap-icon--x-ray::before {
  content: ""
}
.sap-icon--wounds-doc::before {
  content: ""
}
.sap-icon--web-cam::before {
  content: ""
}
.sap-icon--waiver::before {
  content: ""
}
.sap-icon--vertical-bar-chart::before {
  content: ""
}
.sap-icon--upstacked-chart::before {
  content: ""
}
.sap-icon--trip-report::before {
  content: ""
}
.sap-icon--microphone::before {
  content: ""
}
.sap-icon--unpaid-leave::before {
  content: ""
}
.sap-icon--tree::before {
  content: ""
}
.sap-icon--toaster-up::before {
  content: ""
}
.sap-icon--toaster-top::before {
  content: ""
}
.sap-icon--toaster-down::before {
  content: ""
}
.sap-icon--time-account::before {
  content: ""
}
.sap-icon--theater::before {
  content: ""
}
.sap-icon--taxi::before {
  content: ""
}
.sap-icon--subway-train::before {
  content: ""
}
.sap-icon--study-leave::before {
  content: ""
}
.sap-icon--stethoscope::before {
  content: ""
}
.sap-icon--step::before {
  content: ""
}
.sap-icon--sonography::before {
  content: ""
}
.sap-icon--soccor::before {
  content: ""
}
.sap-icon--physical-activity::before {
  content: ""
}
.sap-icon--pharmacy::before {
  content: ""
}
.sap-icon--official-service::before {
  content: ""
}
.sap-icon--offsite-work::before {
  content: ""
}
.sap-icon--nutrition-activity::before {
  content: ""
}
.sap-icon--newspaper::before {
  content: ""
}
.sap-icon--monitor-payments::before {
  content: ""
}
.sap-icon--map-2::before {
  content: ""
}
.sap-icon--machine::before {
  content: ""
}
.sap-icon--mri-scan::before {
  content: ""
}
.sap-icon--end-user-experience-monitoring::before {
  content: ""
}
.sap-icon--unwired::before {
  content: ""
}
.sap-icon--customer-financial-fact-sheet::before {
  content: ""
}
.sap-icon--retail-store-manager::before {
  content: ""
}
.sap-icon--Netweaver-business-client::before {
  content: ""
}
.sap-icon--electronic-medical-record::before {
  content: ""
}
.sap-icon--eam-work-order::before {
  content: ""
}
.sap-icon--customer-view::before {
  content: ""
}
.sap-icon--crm-service-manager::before {
  content: ""
}
.sap-icon--crm-sales::before {
  content: ""
}
.sap-icon--widgets::before {
  content: ""
}
.sap-icon--commission-check::before {
  content: ""
}
.sap-icon--collections-insight::before {
  content: ""
}
.sap-icon--clinical-tast-tracker::before {
  content: ""
}
.sap-icon--citizen-connect::before {
  content: ""
}
.sap-icon--cart-approval::before {
  content: ""
}
.sap-icon--capital-projects::before {
  content: ""
}
.sap-icon--bo-strategy-management::before {
  content: ""
}
.sap-icon--business-objects-mobile::before {
  content: ""
}
.sap-icon--business-objects-explorer::before {
  content: ""
}
.sap-icon--business-objects-experience::before {
  content: ""
}
.sap-icon--bbyd-dashboard::before {
  content: ""
}
.sap-icon--bbyd-active-sales::before {
  content: ""
}
.sap-icon--business-by-design::before {
  content: ""
}
.sap-icon--business-one::before {
  content: ""
}
.sap-icon--sap-box::before {
  content: ""
}
.sap-icon--manager-insight::before {
  content: ""
}
.sap-icon--accounting-document-verification::before {
  content: ""
}
.sap-icon--hr-approval::before {
  content: ""
}
.sap-icon--idea-wall::before {
  content: ""
}
.sap-icon--Chart-Tree-Map::before {
  content: ""
}
.sap-icon--cart-5::before {
  content: ""
}
.sap-icon--cart-4::before {
  content: ""
}
.sap-icon--wallet::before {
  content: ""
}
.sap-icon--vehicle-repair::before {
  content: ""
}
.sap-icon--upload::before {
  content: ""
}
.sap-icon--unlocked::before {
  content: ""
}
.sap-icon--umbrella::before {
  content: ""
}
.sap-icon--travel-request::before {
  content: ""
}
.sap-icon--travel-expense-report::before {
  content: ""
}
.sap-icon--travel-itinerary::before {
  content: ""
}
.sap-icon--time-overtime::before {
  content: ""
}
.sap-icon--thing-type::before {
  content: ""
}
.sap-icon--technical-object::before {
  content: ""
}
.sap-icon--tag::before {
  content: ""
}
.sap-icon--syringe::before {
  content: ""
}
.sap-icon--syntax::before {
  content: ""
}
.sap-icon--suitcase::before {
  content: ""
}
.sap-icon--simulate::before {
  content: ""
}
.sap-icon--shield::before {
  content: ""
}
.sap-icon--share-2::before {
  content: ""
}
.sap-icon--sales-quote::before {
  content: ""
}
.sap-icon--repost::before {
  content: ""
}
.sap-icon--provision::before {
  content: ""
}
.sap-icon--projector::before {
  content: ""
}
.sap-icon--add-product::before {
  content: ""
}
.sap-icon--pipeline-analysis::before {
  content: ""
}
.sap-icon--add-photo::before {
  content: ""
}
.sap-icon--palette::before {
  content: ""
}
.sap-icon--nurse::before {
  content: ""
}
.sap-icon--sales-notification::before {
  content: ""
}
.sap-icon--mileage::before {
  content: ""
}
.sap-icon--meeting-room::before {
  content: ""
}
.sap-icon--media-forward::before {
  content: ""
}
.sap-icon--media-play::before {
  content: ""
}
.sap-icon--media-pause::before {
  content: ""
}
.sap-icon--media-reverse::before {
  content: ""
}
.sap-icon--media-rewind::before {
  content: ""
}
.sap-icon--measurement-document::before {
  content: ""
}
.sap-icon--measuring-point::before {
  content: ""
}
.sap-icon--measure::before {
  content: ""
}
.sap-icon--map-3::before {
  content: ""
}
.sap-icon--locked::before {
  content: ""
}
.sap-icon--letter::before {
  content: ""
}
.sap-icon--journey-arrive::before {
  content: ""
}
.sap-icon--journey-change::before {
  content: ""
}
.sap-icon--journey-depart::before {
  content: ""
}
.sap-icon--it-system::before {
  content: ""
}
.sap-icon--it-instance::before {
  content: ""
}
.sap-icon--it-host::before {
  content: ""
}
.sap-icon--iphone-2::before {
  content: ""
}
.sap-icon--ipad-2::before {
  content: ""
}
.sap-icon--inventory::before {
  content: ""
}
.sap-icon--insurance-house::before {
  content: ""
}
.sap-icon--insurance-life::before {
  content: ""
}
.sap-icon--insurance-car::before {
  content: ""
}
.sap-icon--initiative::before {
  content: ""
}
.sap-icon--incident::before {
  content: ""
}
.sap-icon--group-2::before {
  content: ""
}
.sap-icon--goal::before {
  content: ""
}
.sap-icon--functional-location::before {
  content: ""
}
.sap-icon--full-screen::before {
  content: ""
}
.sap-icon--form::before {
  content: ""
}
.sap-icon--fob-watch::before {
  content: ""
}
.sap-icon--blank-tag::before {
  content: ""
}
.sap-icon--family-protection::before {
  content: ""
}
.sap-icon--folder::before {
  content: ""
}
.sap-icon--fax-machine::before {
  content: ""
}
.sap-icon--example::before {
  content: ""
}
.sap-icon--eraser::before {
  content: ""
}
.sap-icon--employee-rejections::before {
  content: ""
}
.sap-icon--drop-down-list::before {
  content: ""
}
.sap-icon--draw-rectangle::before {
  content: ""
}
.sap-icon--document::before {
  content: ""
}
.sap-icon--doctor::before {
  content: ""
}
.sap-icon--discussion-2::before {
  content: ""
}
.sap-icon--discussion::before {
  content: ""
}
.sap-icon--dimension::before {
  content: ""
}
.sap-icon--customer-and-supplier::before {
  content: ""
}
.sap-icon--crop::before {
  content: ""
}
.sap-icon--add-contact::before {
  content: ""
}
.sap-icon--compare-2::before {
  content: ""
}
.sap-icon--color-fill::before {
  content: ""
}
.sap-icon--collision::before {
  content: ""
}
.sap-icon--curriculum::before {
  content: ""
}
.sap-icon--chart-axis::before {
  content: ""
}
.sap-icon--full-stacked-chart::before {
  content: ""
}
.sap-icon--full-stacked-column-chart::before {
  content: ""
}
.sap-icon--vertical-bar-chart-2::before {
  content: ""
}
.sap-icon--horizontal-bar-chart-2::before {
  content: ""
}
.sap-icon--horizontal-stacked-chart::before {
  content: ""
}
.sap-icon--vertical-stacked-chart::before {
  content: ""
}
.sap-icon--choropleth-chart::before {
  content: ""
}
.sap-icon--geographic-bubble-chart::before {
  content: ""
}
.sap-icon--multiple-radar-chart::before {
  content: ""
}
.sap-icon--radar-chart::before {
  content: ""
}
.sap-icon--crossed-line-chart::before {
  content: ""
}
.sap-icon--multiple-line-chart::before {
  content: ""
}
.sap-icon--multiple-bar-chart::before {
  content: ""
}
.sap-icon--line-chart::before {
  content: ""
}
.sap-icon--line-chart-dual-axis::before {
  content: ""
}
.sap-icon--bubble-chart::before {
  content: ""
}
.sap-icon--scatter-chart::before {
  content: ""
}
.sap-icon--multiple-pie-chart::before {
  content: ""
}
.sap-icon--column-chart-dual-axis::before {
  content: ""
}
.sap-icon--tag-cloud-chart::before {
  content: ""
}
.sap-icon--area-chart::before {
  content: ""
}
.sap-icon--cause::before {
  content: ""
}
.sap-icon--cart-3::before {
  content: ""
}
.sap-icon--cart-2::before {
  content: ""
}
.sap-icon--bus-public-transport::before {
  content: ""
}
.sap-icon--burglary::before {
  content: ""
}
.sap-icon--building::before {
  content: ""
}
.sap-icon--border::before {
  content: ""
}
.sap-icon--bookmark::before {
  content: ""
}
.sap-icon--badge::before {
  content: ""
}
.sap-icon--attachment-audio::before {
  content: ""
}
.sap-icon--attachment-video::before {
  content: ""
}
.sap-icon--attachment-html::before {
  content: ""
}
.sap-icon--attachment-photo::before {
  content: ""
}
.sap-icon--attachment-e-pub::before {
  content: ""
}
.sap-icon--attachment-zip-file::before {
  content: ""
}
.sap-icon--attachment-text-file::before {
  content: ""
}
.sap-icon--add-equipment::before {
  content: ""
}
.sap-icon--add-activity::before {
  content: ""
}
.sap-icon--activity-individual::before {
  content: ""
}
.sap-icon--activity-2::before {
  content: ""
}
.sap-icon--add-activity-2::before {
  content: ""
}
.sap-icon--activity-items::before {
  content: ""
}
.sap-icon--activity-assigned-to-goal::before {
  content: ""
}
.sap-icon--status-positive::before {
  content: ""
}
.sap-icon--status-completed::before {
  content: ""
}
.sap-icon--status-negative::before {
  content: ""
}
.sap-icon--status-error::before {
  content: ""
}
.sap-icon--status-inactive::before {
  content: ""
}
.sap-icon--status-critical::before {
  content: ""
}
.sap-icon--status-in-progress::before {
  content: ""
}
.sap-icon--blank-tag-2::before {
  content: ""
}
.sap-icon--cart-full::before {
  content: ""
}
.sap-icon--locate-me::before {
  content: ""
}
.sap-icon--paging::before {
  content: ""
}
.sap-icon--company-view::before {
  content: ""
}
.sap-icon--document-text::before {
  content: ""
}
.sap-icon--explorer::before {
  content: ""
}
.sap-icon--personnel-view::before {
  content: ""
}
.sap-icon--sorting-ranking::before {
  content: ""
}
.sap-icon--drill-down::before {
  content: ""
}
.sap-icon--drill-up::before {
  content: ""
}
.sap-icon--vds-file::before {
  content: ""
}
.sap-icon--sap-logo-shape::before {
  content: ""
}
.sap-icon--folder-full::before {
  content: ""
}
.sap-icon--system-exit::before {
  content: ""
}
.sap-icon--system-exit-2::before {
  content: ""
}
.sap-icon--close-command-field::before {
  content: ""
}
.sap-icon--open-command-field::before {
  content: ""
}
.sap-icon--sys-enter-2::before {
  content: ""
}
.sap-icon--sys-enter::before {
  content: ""
}
.sap-icon--sys-help-2::before {
  content: ""
}
.sap-icon--sys-help::before {
  content: ""
}
.sap-icon--sys-back::before {
  content: ""
}
.sap-icon--sys-back-2::before {
  content: ""
}
.sap-icon--sys-cancel::before {
  content: ""
}
.sap-icon--sys-cancel-2::before {
  content: ""
}
.sap-icon--open-folder::before {
  content: ""
}
.sap-icon--sys-find-next::before {
  content: ""
}
.sap-icon--sys-find::before {
  content: ""
}
.sap-icon--sys-monitor::before {
  content: ""
}
.sap-icon--sys-prev-page::before {
  content: ""
}
.sap-icon--sys-first-page::before {
  content: ""
}
.sap-icon--sys-next-page::before {
  content: ""
}
.sap-icon--sys-last-page::before {
  content: ""
}
.sap-icon--generate-shortcut::before {
  content: ""
}
.sap-icon--create-session::before {
  content: ""
}
.sap-icon--display-more::before {
  content: ""
}
.sap-icon--enter-more::before {
  content: ""
}
.sap-icon--zoom-in::before {
  content: ""
}
.sap-icon--zoom-out::before {
  content: ""
}
.sap-icon--header::before {
  content: ""
}
.sap-icon--detail-view::before {
  content: ""
}
.sap-icon--show-edit::before {
  content: ""
}
.sap-icon--collapse::before {
  content: ""
}
.sap-icon--expand::before {
  content: ""
}
.sap-icon--positive::before {
  content: ""
}
.sap-icon--negative::before {
  content: ""
}
.sap-icon--display::before {
  content: ""
}
.sap-icon--menu2::before {
  content: ""
}
.sap-icon--redo::before {
  content: ""
}
.sap-icon--undo::before {
  content: ""
}
.sap-icon--navigation-up-arrow::before {
  content: ""
}
.sap-icon--navigation-down-arrow::before {
  content: ""
}
.sap-icon--down::before {
  content: ""
}
.sap-icon--up::before {
  content: ""
}
.sap-icon--shelf::before {
  content: ""
}
.sap-icon--background::before {
  content: ""
}
.sap-icon--resize::before {
  content: ""
}
.sap-icon--move::before {
  content: ""
}
.sap-icon--show::before {
  content: ""
}
.sap-icon--hide::before {
  content: ""
}
.sap-icon--nav-back::before {
  content: ""
}
.sap-icon--error::before {
  content: ""
}
.sap-icon--slim-arrow-right::before {
  content: ""
}
.sap-icon--slim-arrow-left::before {
  content: ""
}
.sap-icon--slim-arrow-down::before {
  content: ""
}
.sap-icon--slim-arrow-up::before {
  content: ""
}
.sap-icon--forward::before {
  content: ""
}
.sap-icon--overflow::before {
  content: ""
}
.sap-icon--value-help::before {
  content: ""
}
.sap-icon--multiselect::before {
  content: ""
}
.sap-icon--exitfullscreen::before {
  content: ""
}
.sap-icon--sys-add::before {
  content: ""
}
.sap-icon--sys-minus::before {
  content: ""
}
.sap-icon--dropdown::before {
  content: ""
}
.sap-icon--expand-group::before {
  content: ""
}
.sap-icon--vertical-grip::before {
  content: ""
}
.sap-icon--horizontal-grip::before {
  content: ""
}
.sap-icon--sort-descending::before {
  content: ""
}
.sap-icon--sort-ascending::before {
  content: ""
}
.sap-icon--arrow-down::before {
  content: ""
}
.sap-icon--legend::before {
  content: ""
}
.sap-icon--collapse-group::before {
  content: ""
}
.sap-icon--message-warning::before {
  content: ""
}
.sap-icon--message-information::before {
  content: ""
}
.sap-icon--message-success::before {
  content: ""
}
.sap-icon--restart::before {
  content: ""
}
.sap-icon--stop::before {
  content: ""
}
.sap-icon--add-process::before {
  content: ""
}
.sap-icon--cancel-maintenance::before {
  content: ""
}
.sap-icon--activate::before {
  content: ""
}
.sap-icon--resize-horizontal::before {
  content: ""
}
.sap-icon--resize-vertical::before {
  content: ""
}
.sap-icon--connected::before {
  content: ""
}
.sap-icon--disconnected::before {
  content: ""
}
.sap-icon--edit-outside::before {
  content: ""
}
.sap-icon--key::before {
  content: ""
}
.sap-icon--minimize::before {
  content: ""
}
.sap-icon--back-to-top::before {
  content: ""
}
.sap-icon--hello-world::before {
  content: ""
}
.sap-icon--outbox::before {
  content: ""
}
.sap-icon--donut-chart::before {
  content: ""
}
.sap-icon--heatmap-chart::before {
  content: ""
}
.sap-icon--horizontal-bullet-chart::before {
  content: ""
}
.sap-icon--vertical-bullet-chart::before {
  content: ""
}
.sap-icon--call::before {
  content: ""
}
.sap-icon--download-from-cloud::before {
  content: ""
}
.sap-icon--upload-to-cloud::before {
  content: ""
}
.sap-icon--jam::before {
  content: ""
}
.sap-icon--sap-ui5::before {
  content: ""
}
.sap-icon--message-popup::before {
  content: ""
}
.sap-icon--cloud::before {
  content: ""
}
.sap-icon--horizontal-waterfall-chart::before {
  content: ""
}
.sap-icon--vertical-waterfall-chart::before {
  content: ""
}
.sap-icon--broken-link::before {
  content: ""
}
.sap-icon--headset::before {
  content: ""
}
.sap-icon--thumb-up::before {
  content: ""
}
.sap-icon--thumb-down::before {
  content: ""
}
.sap-icon--multiselect-all::before {
  content: ""
}
.sap-icon--multiselect-none::before {
  content: ""
}
.sap-icon--scissors::before {
  content: ""
}
.sap-icon--sound::before {
  content: ""
}
.sap-icon--sound-loud::before {
  content: ""
}
.sap-icon--sound-off::before {
  content: ""
}
.sap-icon--date-time::before {
  content: ""
}
.sap-icon--user-settings::before {
  content: ""
}
.sap-icon--key-user-settings::before {
  content: ""
}
.sap-icon--developer-settings::before {
  content: ""
}
.sap-icon--text-formatting::before {
  content: ""
}
.sap-icon--bold-text::before {
  content: ""
}
.sap-icon--italic-text::before {
  content: ""
}
.sap-icon--underline-text::before {
  content: ""
}
.sap-icon--text-align-justified::before {
  content: ""
}
.sap-icon--text-align-left::before {
  content: ""
}
.sap-icon--text-align-center::before {
  content: ""
}
.sap-icon--text-align-right::before {
  content: ""
}
.sap-icon--bullet-text::before {
  content: ""
}
.sap-icon--numbered-text::before {
  content: ""
}
.sap-icon--co::before {
  content: ""
}
.sap-icon--ui-notifications::before {
  content: ""
}
.sap-icon--bell::before {
  content: ""
}
.sap-icon--cancel-share::before {
  content: ""
}
.sap-icon--write-new-document::before {
  content: ""
}
.sap-icon--write-new::before {
  content: ""
}
.sap-icon--cancel::before {
  content: ""
}
.sap-icon--screen-split-one::before {
  content: ""
}
.sap-icon--screen-split-two::before {
  content: ""
}
.sap-icon--screen-split-three::before {
  content: ""
}
.sap-icon--customize::before {
  content: ""
}
.sap-icon--user-edit::before {
  content: ""
}
.sap-icon--source-code::before {
  content: ""
}
.sap-icon--copy::before {
  content: ""
}
.sap-icon--paste::before {
  content: ""
}
.sap-icon--line-chart-time-axis::before {
  content: ""
}
.sap-icon--clear-filter::before {
  content: ""
}
.sap-icon--reset::before {
  content: ""
}
.sap-icon--trend-up::before {
  content: ""
}
.sap-icon--trend-down::before {
  content: ""
}
.sap-icon--cursor::before {
  content: ""
}
.sap-icon--add-document::before {
  content: ""
}
.sap-icon--create-form::before {
  content: ""
}
.sap-icon--resize-corner::before {
  content: ""
}
.sap-icon--chevron-phase::before {
  content: ""
}
.sap-icon--chevron-phase-2::before {
  content: ""
}
.sap-icon--rhombus-milestone::before {
  content: ""
}
.sap-icon--rhombus-milestone-2::before {
  content: ""
}
.sap-icon--circle-task::before {
  content: ""
}
.sap-icon--circle-task-2::before {
  content: ""
}
.sap-icon--project-definition-triangle::before {
  content: ""
}
.sap-icon--project-definition-triangle-2::before {
  content: ""
}
.sap-icon--master-task-triangle::before {
  content: ""
}
.sap-icon--master-task-triangle-2::before {
  content: ""
}
.sap-icon--program-triangles::before {
  content: ""
}
.sap-icon--program-triangles-2::before {
  content: ""
}
.sap-icon--mirrored-task-circle::before {
  content: ""
}
.sap-icon--mirrored-task-circle-2::before {
  content: ""
}
.sap-icon--checklist-item::before {
  content: ""
}
.sap-icon--checklist-item-2::before {
  content: ""
}
.sap-icon--checklist::before {
  content: ""
}
.sap-icon--checklist-2::before {
  content: ""
}
.sap-icon--chart-table-view::before {
  content: ""
}
.sap-icon--filter-analytics::before {
  content: ""
}
.sap-icon--filter-facets::before {
  content: ""
}
.sap-icon--filter-fields::before {
  content: ""
}
.sap-icon--indent::before {
  content: ""
}
.sap-icon--outdent::before {
  content: ""
}
.sap-icon--heading-1::before {
  content: ""
}
.sap-icon--heading-2::before {
  content: ""
}
.sap-icon--heading-3::before {
  content: ""
}
.sap-icon--decrease-line-height::before {
  content: ""
}
.sap-icon--increase-line-height::before {
  content: ""
}
.sap-icon--fx::before {
  content: ""
}
.sap-icon--add-folder::before {
  content: ""
}
.sap-icon--away::before {
  content: ""
}
.sap-icon--busy::before {
  content: ""
}
.sap-icon--appear-offline::before {
  content: ""
}
.sap-icon--blur::before {
  content: ""
}
.sap-icon--pixelate::before {
  content: ""
}
.sap-icon--horizontal-combination-chart::before {
  content: ""
}
.sap-icon--add-employee::before {
  content: ""
}
.sap-icon--text-color::before {
  content: ""
}
.sap-icon--browse-folder::before {
  content: ""
}
.sap-icon--primary-key::before {
  content: ""
}
.sap-icon--two-keys::before {
  content: ""
}
.sap-icon--strikethrough::before {
  content: ""
}
.sap-icon--text::before {
  content: ""
}
.sap-icon--responsive::before {
  content: ""
}
.sap-icon--desktop-mobile::before {
  content: ""
}
.sap-icon--table-row::before {
  content: ""
}
.sap-icon--table-column::before {
  content: ""
}
.sap-icon--validate::before {
  content: ""
}
.sap-icon--keyboard-and-mouse::before {
  content: "󢠛"
}
.sap-icon--touch::before {
  content: ""
}
.sap-icon--expand-all::before {
  content: ""
}
.sap-icon--collapse-all::before {
  content: ""
}
.sap-icon--combine::before {
  content: ""
}
.sap-icon--split::before {
  content: ""
}
.sap-icon--megamenu::before {
  content: ""
}
.sap-icon--feedback::before {
  content: ""
}
.sap-icon--information::before {
  content: ""
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-button {
  overflow: visible;
  min-width: 2.25rem
}
.fd-button,
.fd-button[class*=sap-icon] {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background-image: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  background-color: transparent;
  border-radius: .25rem;
  border-radius: var(--sapButton_BorderCornerRadius,.25rem);
  height: 2.25rem;
  max-height: 2.25rem;
  min-width: 2.25rem;
  line-height: calc(2.25rem - 2 * .0625rem);
  line-height: calc(2.25rem - 2 * var(--sapButton_BorderWidth,.0625rem));
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: calc(.625rem - .0625rem);
  padding-left: calc(.625rem - var(--sapButton_BorderWidth,.0625rem));
  padding-right: calc(.625rem - .0625rem);
  padding-right: calc(.625rem - var(--sapButton_BorderWidth,.0625rem));
  text-align: center;
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapButton_BorderWidth,.0625rem)
}
.fd-button::after,
.fd-button::before,
.fd-button[class*=sap-icon]::after,
.fd-button[class*=sap-icon]::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-button::-moz-focus-inner,
.fd-button[class*=sap-icon]::-moz-focus-inner {
  border: 0
}
.fd-button::after,
.fd-button::before,
.fd-button[class*=sap-icon]::after,
.fd-button[class*=sap-icon]::before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  font-family: SAP-icons
}
.fd-button::before,
.fd-button[class*=sap-icon]::before {
  margin-right: .375rem;
  vertical-align: text-bottom
}
.fd-button::after,
.fd-button[class*=sap-icon]::after {
  margin-left: .375rem;
  vertical-align: middle
}
.fd-button[class*=sap-icon][dir=rtl]::before,
.fd-button[dir=rtl]::before,
[dir=rtl] .fd-button::before,
[dir=rtl] .fd-button[class*=sap-icon]::before {
  margin-right: 0;
  margin-left: .375rem
}
.fd-button[class*=sap-icon][dir=rtl]::after,
.fd-button[dir=rtl]::after,
[dir=rtl] .fd-button::after,
[dir=rtl] .fd-button[class*=sap-icon]::after {
  margin-left: 0;
  margin-right: .375rem
}
.fd-button.is-empty::after,
.fd-button.is-empty::before,
.fd-button:empty::after,
.fd-button:empty::before,
.fd-button[class*=sap-icon].is-empty::after,
.fd-button[class*=sap-icon].is-empty::before,
.fd-button[class*=sap-icon]:empty::after,
.fd-button[class*=sap-icon]:empty::before {
  margin-right: 0;
  margin-left: 0
}
.fd-button,
.fd-button[class*=sap-icon] {
  color: #0854a0;
  color: var(--sapButton_TextColor,#0854a0);
  border-color: #0854a0;
  border-color: var(--sapButton_BorderColor,#0854a0);
  background-color: #fff;
  background-color: var(--sapButton_Background,#fff)
}
.fd-button.fd-button--ghost,
.fd-button[class*=sap-icon].fd-button--ghost {
  color: #0854a0;
  color: var(--sapButton_TextColor,#0854a0);
  border-color: #0854a0;
  border-color: var(--sapButton_BorderColor,#0854a0);
  background-color: transparent;
  background-color: var(--sapButton_Lite_Background,transparent)
}
.fd-button.fd-button--positive,
.fd-button[class*=sap-icon].fd-button--positive {
  color: #107e3e;
  color: var(--sapButton_Accept_TextColor,#107e3e);
  border-color: #107e3e;
  border-color: var(--sapButton_Accept_BorderColor,#107e3e);
  background-color: #fff;
  background-color: var(--sapButton_Accept_Background,#fff)
}
.fd-button.fd-button--negative,
.fd-button[class*=sap-icon].fd-button--negative {
  color: #b00;
  color: var(--sapButton_Reject_TextColor,#b00);
  border-color: #b00;
  border-color: var(--sapButton_Reject_BorderColor,#b00);
  background-color: #fff;
  background-color: var(--sapButton_Reject_Background,#fff)
}
.fd-button.fd-button--attention,
.fd-button[class*=sap-icon].fd-button--attention {
  color: #e9730c;
  color: var(--sapButton_Attention_TextColor,#e9730c);
  border-color: #e9730c;
  border-color: var(--sapButton_Attention_BorderColor,#e9730c);
  background-color: #fff;
  background-color: var(--sapButton_Attention_Background,#fff)
}
.fd-button.fd-button--emphasized,
.fd-button[class*=sap-icon].fd-button--emphasized {
  font-weight: 700;
  color: #fff;
  color: var(--sapButton_Emphasized_TextColor,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapButton_Emphasized_BorderColor,#0a6ed1);
  background-color: #0a6ed1;
  background-color: var(--sapButton_Emphasized_Background,#0a6ed1)
}
.fd-button.fd-button--transparent,
.fd-button[class*=sap-icon].fd-button--transparent {
  border-color: transparent;
  border-color: var(--sapButton_Lite_BorderColor,transparent);
  background-color: transparent;
  background-color: var(--sapButton_Lite_Background,transparent)
}
.fd-button--compact,
.fd-button--compact[class*=sap-icon] {
  height: 1.625rem;
  max-height: 1.625rem;
  min-width: 2rem;
  padding-left: calc(.5rem - .0625rem);
  padding-left: calc(.5rem - var(--sapButton_BorderWidth,.0625rem));
  padding-right: calc(.5rem - .0625rem);
  padding-right: calc(.5rem - var(--sapButton_BorderWidth,.0625rem));
  line-height: calc(1.625rem - 2 * .0625rem);
  line-height: calc(1.625rem - 2 * var(--sapButton_BorderWidth,.0625rem))
}
.fd-button--menu,
.fd-button--menu[class*=sap-icon] {
  max-width: 12rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 1.937rem
}
.fd-button--menu::after,
.fd-button--menu[class*=sap-icon]::after {
  font-family: SAP-icons;
  font-weight: 400;
  font-size: .75rem;
  content: "\e1ef";
  position: absolute;
  top: .6rem;
  right: .562rem;
  margin-right: 0;
  margin-left: 0
}
.fd-button--menu[class*=sap-icon][dir=rtl],
.fd-button--menu[dir=rtl],
[dir=rtl] .fd-button--menu,
[dir=rtl] .fd-button--menu[class*=sap-icon] {
  padding-left: 1.937rem;
  padding-right: calc(.625rem - .0625rem);
  padding-right: calc(.625rem - var(--sapButton_BorderWidth,.0625rem))
}
.fd-button--menu[class*=sap-icon][dir=rtl]::after,
.fd-button--menu[dir=rtl]::after,
[dir=rtl] .fd-button--menu::after,
[dir=rtl] .fd-button--menu[class*=sap-icon]::after {
  left: .562rem;
  right: auto
}
.fd-button--menu[class*=sap-icon][dir=rtl].is-empty::before,
.fd-button--menu[class*=sap-icon][dir=rtl]:empty::before,
.fd-button--menu[dir=rtl].is-empty::before,
.fd-button--menu[dir=rtl]:empty::before,
[dir=rtl] .fd-button--menu.is-empty::before,
[dir=rtl] .fd-button--menu:empty::before,
[dir=rtl] .fd-button--menu[class*=sap-icon].is-empty::before,
[dir=rtl] .fd-button--menu[class*=sap-icon]:empty::before {
  margin-left: 0
}
.fd-button--menu.fd-button--compact,
.fd-button--menu.fd-button--compact[class*=sap-icon] {
  padding-right: 1.812rem
}
.fd-button--menu.fd-button--compact::after,
.fd-button--menu.fd-button--compact[class*=sap-icon]::after {
  top: .235rem;
  right: .438rem
}
.fd-button--menu.fd-button--compact[class*=sap-icon][dir=rtl],
.fd-button--menu.fd-button--compact[dir=rtl],
[dir=rtl] .fd-button--menu.fd-button--compact,
[dir=rtl] .fd-button--menu.fd-button--compact[class*=sap-icon] {
  padding-left: 1.812rem;
  padding-right: calc(.5rem - .0625rem);
  padding-right: calc(.5rem - var(--sapButton_BorderWidth,.0625rem))
}
.fd-button--menu.fd-button--compact[class*=sap-icon][dir=rtl]::after,
.fd-button--menu.fd-button--compact[dir=rtl]::after,
[dir=rtl] .fd-button--menu.fd-button--compact::after,
[dir=rtl] .fd-button--menu.fd-button--compact[class*=sap-icon]::after {
  right: auto;
  left: .438rem
}
.fd-button--text-alignment-left,
.fd-button--text-alignment[class*=sap-icon]-left {
  text-align: left
}
.fd-button--text-alignment-right,
.fd-button--text-alignment[class*=sap-icon]-right {
  text-align: right
}
.fd-button--text-alignment-center,
.fd-button--text-alignment[class*=sap-icon]-center {
  text-align: center
}
.fd-button--half,
.fd-button--half[class*=sap-icon] {
  height: 1.125rem;
  max-height: 1.125rem;
  line-height: 1
}
.fd-button--half.fd-button--compact,
.fd-button--half[class*=sap-icon].fd-button--compact {
  height: .8125rem;
  max-height: .8125rem;
  line-height: 1
}
.fd-button__instructions {
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap
}
.fd-button.is-hover,
.fd-button.is-hover[class*=sap-icon],
.fd-button:hover,
.fd-button:hover[class*=sap-icon] {
  color: #0854a0;
  color: var(--sapButton_Hover_TextColor,#0854a0);
  border-color: #0854a0;
  border-color: var(--sapButton_Hover_BorderColor,#0854a0);
  background-color: #ebf5fe;
  background-color: var(--sapButton_Hover_Background,#ebf5fe)
}
.fd-button.is-hover.fd-button--ghost,
.fd-button.is-hover[class*=sap-icon].fd-button--ghost,
.fd-button:hover.fd-button--ghost,
.fd-button:hover[class*=sap-icon].fd-button--ghost {
  color: #0854a0;
  color: var(--sapButton_Hover_TextColor,#0854a0);
  border-color: #0854a0;
  border-color: var(--sapButton_Hover_BorderColor,#0854a0);
  background-color: #ebf5fe;
  background-color: var(--sapButton_Hover_Background,#ebf5fe)
}
.fd-button.is-hover.fd-button--positive,
.fd-button.is-hover[class*=sap-icon].fd-button--positive,
.fd-button:hover.fd-button--positive,
.fd-button:hover[class*=sap-icon].fd-button--positive {
  color: #107e3e;
  color: var(--sapButton_Accept_Hover_TextColor,#107e3e);
  border-color: #107e3e;
  border-color: var(--sapButton_Accept_Hover_BorderColor,#107e3e);
  background-color: #f1fdf6;
  background-color: var(--sapButton_Accept_Hover_Background,#f1fdf6)
}
.fd-button.is-hover.fd-button--negative,
.fd-button.is-hover[class*=sap-icon].fd-button--negative,
.fd-button:hover.fd-button--negative,
.fd-button:hover[class*=sap-icon].fd-button--negative {
  color: #b00;
  color: var(--sapButton_Reject_Hover_TextColor,#b00);
  border-color: #b00;
  border-color: var(--sapButton_Reject_Hover_BorderColor,#b00);
  background-color: #ffebeb;
  background-color: var(--sapButton_Reject_Hover_Background,#ffebeb)
}
.fd-button.is-hover.fd-button--attention,
.fd-button.is-hover[class*=sap-icon].fd-button--attention,
.fd-button:hover.fd-button--attention,
.fd-button:hover[class*=sap-icon].fd-button--attention {
  color: #e9730c;
  color: var(--sapButton_Attention_Hover_TextColor,#e9730c);
  border-color: #e9730c;
  border-color: var(--sapButton_Attention_Hover_BorderColor,#e9730c);
  background-color: #fef7f1;
  background-color: var(--sapButton_Attention_Hover_Background,#fef7f1)
}
.fd-button.is-hover.fd-button--emphasized,
.fd-button.is-hover[class*=sap-icon].fd-button--emphasized,
.fd-button:hover.fd-button--emphasized,
.fd-button:hover[class*=sap-icon].fd-button--emphasized {
  color: #fff;
  color: var(--sapButton_Emphasized_Hover_TextColor,#fff);
  border-color: #085caf;
  border-color: var(--sapButton_Emphasized_Hover_Background,#085caf);
  background-color: #085caf;
  background-color: var(--sapButton_Emphasized_Hover_Background,#085caf)
}
.fd-button.is-active,
.fd-button.is-pressed,
.fd-button.is-selected,
.fd-button:active,
.fd-button[aria-pressed=true],
.fd-button[aria-selected=true] {
  outline: 0
}
.fd-button.is-active,
.fd-button.is-active[class*=sap-icon],
.fd-button.is-pressed,
.fd-button.is-pressed[class*=sap-icon],
.fd-button.is-selected,
.fd-button.is-selected[class*=sap-icon],
.fd-button:active,
.fd-button:active[class*=sap-icon],
.fd-button[aria-pressed=true],
.fd-button[aria-pressed=true][class*=sap-icon],
.fd-button[aria-selected=true],
.fd-button[aria-selected=true][class*=sap-icon] {
  color: #fff;
  color: var(--sapButton_Selected_TextColor,#fff);
  border-color: #0854a0;
  border-color: var(--sapButton_BorderColor,#0854a0);
  background-color: #0854a0;
  background-color: var(--sapButton_Active_Background,#0854a0)
}
.fd-button.is-active.fd-button--ghost,
.fd-button.is-active[class*=sap-icon].fd-button--ghost,
.fd-button.is-pressed.fd-button--ghost,
.fd-button.is-pressed[class*=sap-icon].fd-button--ghost,
.fd-button.is-selected.fd-button--ghost,
.fd-button.is-selected[class*=sap-icon].fd-button--ghost,
.fd-button:active.fd-button--ghost,
.fd-button:active[class*=sap-icon].fd-button--ghost,
.fd-button[aria-pressed=true].fd-button--ghost,
.fd-button[aria-pressed=true][class*=sap-icon].fd-button--ghost,
.fd-button[aria-selected=true].fd-button--ghost,
.fd-button[aria-selected=true][class*=sap-icon].fd-button--ghost {
  color: #fff;
  color: var(--sapButton_Selected_TextColor,#fff);
  border-color: #0854a0;
  border-color: var(--sapButton_BorderColor,#0854a0);
  background-color: #0854a0;
  background-color: var(--sapButton_Active_Background,#0854a0)
}
.fd-button.is-active.fd-button--positive,
.fd-button.is-active[class*=sap-icon].fd-button--positive,
.fd-button.is-pressed.fd-button--positive,
.fd-button.is-pressed[class*=sap-icon].fd-button--positive,
.fd-button.is-selected.fd-button--positive,
.fd-button.is-selected[class*=sap-icon].fd-button--positive,
.fd-button:active.fd-button--positive,
.fd-button:active[class*=sap-icon].fd-button--positive,
.fd-button[aria-pressed=true].fd-button--positive,
.fd-button[aria-pressed=true][class*=sap-icon].fd-button--positive,
.fd-button[aria-selected=true].fd-button--positive,
.fd-button[aria-selected=true][class*=sap-icon].fd-button--positive {
  color: #fff;
  color: var(--sapButton_Selected_TextColor,#fff);
  border-color: #0d6733;
  border-color: var(--sapButton_Accept_Active_BorderColor,#0d6733);
  background-color: #0d6733;
  background-color: var(--sapButton_Accept_Active_Background,#0d6733)
}
.fd-button.is-active.fd-button--negative,
.fd-button.is-active[class*=sap-icon].fd-button--negative,
.fd-button.is-pressed.fd-button--negative,
.fd-button.is-pressed[class*=sap-icon].fd-button--negative,
.fd-button.is-selected.fd-button--negative,
.fd-button.is-selected[class*=sap-icon].fd-button--negative,
.fd-button:active.fd-button--negative,
.fd-button:active[class*=sap-icon].fd-button--negative,
.fd-button[aria-pressed=true].fd-button--negative,
.fd-button[aria-pressed=true][class*=sap-icon].fd-button--negative,
.fd-button[aria-selected=true].fd-button--negative,
.fd-button[aria-selected=true][class*=sap-icon].fd-button--negative {
  color: #fff;
  color: var(--sapButton_Selected_TextColor,#fff);
  border-color: #a20000;
  border-color: var(--sapButton_Reject_Active_BorderColor,#a20000);
  background-color: #a20000;
  background-color: var(--sapButton_Reject_Active_Background,#a20000)
}
.fd-button.is-active.fd-button--attention,
.fd-button.is-active[class*=sap-icon].fd-button--attention,
.fd-button.is-pressed.fd-button--attention,
.fd-button.is-pressed[class*=sap-icon].fd-button--attention,
.fd-button.is-selected.fd-button--attention,
.fd-button.is-selected[class*=sap-icon].fd-button--attention,
.fd-button:active.fd-button--attention,
.fd-button:active[class*=sap-icon].fd-button--attention,
.fd-button[aria-pressed=true].fd-button--attention,
.fd-button[aria-pressed=true][class*=sap-icon].fd-button--attention,
.fd-button[aria-selected=true].fd-button--attention,
.fd-button[aria-selected=true][class*=sap-icon].fd-button--attention {
  color: #fff;
  color: var(--sapButton_Selected_TextColor,#fff);
  border-color: #d1670b;
  border-color: var(--sapButton_Attention_Active_BorderColor,#d1670b);
  background-color: #d1670b;
  background-color: var(--sapButton_Attention_Active_Background,#d1670b)
}
.fd-button.is-active.fd-button--emphasized,
.fd-button.is-active[class*=sap-icon].fd-button--emphasized,
.fd-button.is-pressed.fd-button--emphasized,
.fd-button.is-pressed[class*=sap-icon].fd-button--emphasized,
.fd-button.is-selected.fd-button--emphasized,
.fd-button.is-selected[class*=sap-icon].fd-button--emphasized,
.fd-button:active.fd-button--emphasized,
.fd-button:active[class*=sap-icon].fd-button--emphasized,
.fd-button[aria-pressed=true].fd-button--emphasized,
.fd-button[aria-pressed=true][class*=sap-icon].fd-button--emphasized,
.fd-button[aria-selected=true].fd-button--emphasized,
.fd-button[aria-selected=true][class*=sap-icon].fd-button--emphasized {
  color: #fff;
  color: var(--sapButton_Emphasized_TextColor,#fff);
  border-color: #0854a0;
  border-color: var(--sapButton_Emphasized_Active_BorderColor,#0854a0);
  background-color: #0854a0;
  background-color: var(--sapButton_Emphasized_Active_Background,#0854a0)
}
.fd-button.is-focus,
.fd-button:focus {
  z-index: 5
}
.fd-button.is-focus,
.fd-button.is-focus[class*=sap-icon],
.fd-button:focus,
.fd-button:focus[class*=sap-icon] {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-focus.fd-button--ghost,
.fd-button.is-focus[class*=sap-icon].fd-button--ghost,
.fd-button:focus.fd-button--ghost,
.fd-button:focus[class*=sap-icon].fd-button--ghost {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-focus.fd-button--positive,
.fd-button.is-focus[class*=sap-icon].fd-button--positive,
.fd-button:focus.fd-button--positive,
.fd-button:focus[class*=sap-icon].fd-button--positive {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-focus.fd-button--negative,
.fd-button.is-focus[class*=sap-icon].fd-button--negative,
.fd-button:focus.fd-button--negative,
.fd-button:focus[class*=sap-icon].fd-button--negative {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-focus.fd-button--attention,
.fd-button.is-focus[class*=sap-icon].fd-button--attention,
.fd-button:focus.fd-button--attention,
.fd-button:focus[class*=sap-icon].fd-button--attention {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-focus.fd-button--emphasized,
.fd-button.is-focus[class*=sap-icon].fd-button--emphasized,
.fd-button:focus.fd-button--emphasized,
.fd-button:focus[class*=sap-icon].fd-button--emphasized {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-focus.is-active,
.fd-button.is-focus.is-active[class*=sap-icon],
.fd-button.is-focus.is-pressed,
.fd-button.is-focus.is-pressed[class*=sap-icon],
.fd-button.is-focus.is-selected,
.fd-button.is-focus.is-selected[class*=sap-icon],
.fd-button.is-focus:active,
.fd-button.is-focus:active[class*=sap-icon],
.fd-button.is-focus[aria-pressed=true],
.fd-button.is-focus[aria-pressed=true][class*=sap-icon],
.fd-button.is-focus[aria-selected=true],
.fd-button.is-focus[aria-selected=true][class*=sap-icon],
.fd-button:focus.is-active,
.fd-button:focus.is-active[class*=sap-icon],
.fd-button:focus.is-pressed,
.fd-button:focus.is-pressed[class*=sap-icon],
.fd-button:focus.is-selected,
.fd-button:focus.is-selected[class*=sap-icon],
.fd-button:focus:active,
.fd-button:focus:active[class*=sap-icon],
.fd-button:focus[aria-pressed=true],
.fd-button:focus[aria-pressed=true][class*=sap-icon],
.fd-button:focus[aria-selected=true],
.fd-button:focus[aria-selected=true][class*=sap-icon] {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-button.is-focus.is-active.fd-button--ghost,
.fd-button.is-focus.is-active[class*=sap-icon].fd-button--ghost,
.fd-button.is-focus.is-pressed.fd-button--ghost,
.fd-button.is-focus.is-pressed[class*=sap-icon].fd-button--ghost,
.fd-button.is-focus.is-selected.fd-button--ghost,
.fd-button.is-focus.is-selected[class*=sap-icon].fd-button--ghost,
.fd-button.is-focus:active.fd-button--ghost,
.fd-button.is-focus:active[class*=sap-icon].fd-button--ghost,
.fd-button.is-focus[aria-pressed=true].fd-button--ghost,
.fd-button.is-focus[aria-pressed=true][class*=sap-icon].fd-button--ghost,
.fd-button.is-focus[aria-selected=true].fd-button--ghost,
.fd-button.is-focus[aria-selected=true][class*=sap-icon].fd-button--ghost,
.fd-button:focus.is-active.fd-button--ghost,
.fd-button:focus.is-active[class*=sap-icon].fd-button--ghost,
.fd-button:focus.is-pressed.fd-button--ghost,
.fd-button:focus.is-pressed[class*=sap-icon].fd-button--ghost,
.fd-button:focus.is-selected.fd-button--ghost,
.fd-button:focus.is-selected[class*=sap-icon].fd-button--ghost,
.fd-button:focus:active.fd-button--ghost,
.fd-button:focus:active[class*=sap-icon].fd-button--ghost,
.fd-button:focus[aria-pressed=true].fd-button--ghost,
.fd-button:focus[aria-pressed=true][class*=sap-icon].fd-button--ghost,
.fd-button:focus[aria-selected=true].fd-button--ghost,
.fd-button:focus[aria-selected=true][class*=sap-icon].fd-button--ghost {
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-button.is-focus.is-active.fd-button--positive,
.fd-button.is-focus.is-active[class*=sap-icon].fd-button--positive,
.fd-button.is-focus.is-pressed.fd-button--positive,
.fd-button.is-focus.is-pressed[class*=sap-icon].fd-button--positive,
.fd-button.is-focus.is-selected.fd-button--positive,
.fd-button.is-focus.is-selected[class*=sap-icon].fd-button--positive,
.fd-button.is-focus:active.fd-button--positive,
.fd-button.is-focus:active[class*=sap-icon].fd-button--positive,
.fd-button.is-focus[aria-pressed=true].fd-button--positive,
.fd-button.is-focus[aria-pressed=true][class*=sap-icon].fd-button--positive,
.fd-button.is-focus[aria-selected=true].fd-button--positive,
.fd-button.is-focus[aria-selected=true][class*=sap-icon].fd-button--positive,
.fd-button:focus.is-active.fd-button--positive,
.fd-button:focus.is-active[class*=sap-icon].fd-button--positive,
.fd-button:focus.is-pressed.fd-button--positive,
.fd-button:focus.is-pressed[class*=sap-icon].fd-button--positive,
.fd-button:focus.is-selected.fd-button--positive,
.fd-button:focus.is-selected[class*=sap-icon].fd-button--positive,
.fd-button:focus:active.fd-button--positive,
.fd-button:focus:active[class*=sap-icon].fd-button--positive,
.fd-button:focus[aria-pressed=true].fd-button--positive,
.fd-button:focus[aria-pressed=true][class*=sap-icon].fd-button--positive,
.fd-button:focus[aria-selected=true].fd-button--positive,
.fd-button:focus[aria-selected=true][class*=sap-icon].fd-button--positive {
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-button.is-focus.is-active.fd-button--negative,
.fd-button.is-focus.is-active[class*=sap-icon].fd-button--negative,
.fd-button.is-focus.is-pressed.fd-button--negative,
.fd-button.is-focus.is-pressed[class*=sap-icon].fd-button--negative,
.fd-button.is-focus.is-selected.fd-button--negative,
.fd-button.is-focus.is-selected[class*=sap-icon].fd-button--negative,
.fd-button.is-focus:active.fd-button--negative,
.fd-button.is-focus:active[class*=sap-icon].fd-button--negative,
.fd-button.is-focus[aria-pressed=true].fd-button--negative,
.fd-button.is-focus[aria-pressed=true][class*=sap-icon].fd-button--negative,
.fd-button.is-focus[aria-selected=true].fd-button--negative,
.fd-button.is-focus[aria-selected=true][class*=sap-icon].fd-button--negative,
.fd-button:focus.is-active.fd-button--negative,
.fd-button:focus.is-active[class*=sap-icon].fd-button--negative,
.fd-button:focus.is-pressed.fd-button--negative,
.fd-button:focus.is-pressed[class*=sap-icon].fd-button--negative,
.fd-button:focus.is-selected.fd-button--negative,
.fd-button:focus.is-selected[class*=sap-icon].fd-button--negative,
.fd-button:focus:active.fd-button--negative,
.fd-button:focus:active[class*=sap-icon].fd-button--negative,
.fd-button:focus[aria-pressed=true].fd-button--negative,
.fd-button:focus[aria-pressed=true][class*=sap-icon].fd-button--negative,
.fd-button:focus[aria-selected=true].fd-button--negative,
.fd-button:focus[aria-selected=true][class*=sap-icon].fd-button--negative {
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-button.is-focus.is-active.fd-button--attention,
.fd-button.is-focus.is-active[class*=sap-icon].fd-button--attention,
.fd-button.is-focus.is-pressed.fd-button--attention,
.fd-button.is-focus.is-pressed[class*=sap-icon].fd-button--attention,
.fd-button.is-focus.is-selected.fd-button--attention,
.fd-button.is-focus.is-selected[class*=sap-icon].fd-button--attention,
.fd-button.is-focus:active.fd-button--attention,
.fd-button.is-focus:active[class*=sap-icon].fd-button--attention,
.fd-button.is-focus[aria-pressed=true].fd-button--attention,
.fd-button.is-focus[aria-pressed=true][class*=sap-icon].fd-button--attention,
.fd-button.is-focus[aria-selected=true].fd-button--attention,
.fd-button.is-focus[aria-selected=true][class*=sap-icon].fd-button--attention,
.fd-button:focus.is-active.fd-button--attention,
.fd-button:focus.is-active[class*=sap-icon].fd-button--attention,
.fd-button:focus.is-pressed.fd-button--attention,
.fd-button:focus.is-pressed[class*=sap-icon].fd-button--attention,
.fd-button:focus.is-selected.fd-button--attention,
.fd-button:focus.is-selected[class*=sap-icon].fd-button--attention,
.fd-button:focus:active.fd-button--attention,
.fd-button:focus:active[class*=sap-icon].fd-button--attention,
.fd-button:focus[aria-pressed=true].fd-button--attention,
.fd-button:focus[aria-pressed=true][class*=sap-icon].fd-button--attention,
.fd-button:focus[aria-selected=true].fd-button--attention,
.fd-button:focus[aria-selected=true][class*=sap-icon].fd-button--attention {
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-button.is-focus.is-active.fd-button--emphasized,
.fd-button.is-focus.is-active[class*=sap-icon].fd-button--emphasized,
.fd-button.is-focus.is-pressed.fd-button--emphasized,
.fd-button.is-focus.is-pressed[class*=sap-icon].fd-button--emphasized,
.fd-button.is-focus.is-selected.fd-button--emphasized,
.fd-button.is-focus.is-selected[class*=sap-icon].fd-button--emphasized,
.fd-button.is-focus:active.fd-button--emphasized,
.fd-button.is-focus:active[class*=sap-icon].fd-button--emphasized,
.fd-button.is-focus[aria-pressed=true].fd-button--emphasized,
.fd-button.is-focus[aria-pressed=true][class*=sap-icon].fd-button--emphasized,
.fd-button.is-focus[aria-selected=true].fd-button--emphasized,
.fd-button.is-focus[aria-selected=true][class*=sap-icon].fd-button--emphasized,
.fd-button:focus.is-active.fd-button--emphasized,
.fd-button:focus.is-active[class*=sap-icon].fd-button--emphasized,
.fd-button:focus.is-pressed.fd-button--emphasized,
.fd-button:focus.is-pressed[class*=sap-icon].fd-button--emphasized,
.fd-button:focus.is-selected.fd-button--emphasized,
.fd-button:focus.is-selected[class*=sap-icon].fd-button--emphasized,
.fd-button:focus:active.fd-button--emphasized,
.fd-button:focus:active[class*=sap-icon].fd-button--emphasized,
.fd-button:focus[aria-pressed=true].fd-button--emphasized,
.fd-button:focus[aria-pressed=true][class*=sap-icon].fd-button--emphasized,
.fd-button:focus[aria-selected=true].fd-button--emphasized,
.fd-button:focus[aria-selected=true][class*=sap-icon].fd-button--emphasized {
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-button.is-disabled,
.fd-button.is-disabled[class*=sap-icon],
.fd-button:disabled,
.fd-button:disabled[class*=sap-icon],
.fd-button[aria-disabled=true],
.fd-button[aria-disabled=true][class*=sap-icon] {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  cursor: not-allowed;
  color: #0854a0;
  color: var(--sapButton_TextColor,#0854a0);
  border-color: #0854a0;
  border-color: var(--sapButton_BorderColor,#0854a0);
  background-color: #fff;
  background-color: var(--sapButton_Background,#fff);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-button.is-disabled:focus,
.fd-button.is-disabled[class*=sap-icon]:focus,
.fd-button:disabled:focus,
.fd-button:disabled[class*=sap-icon]:focus,
.fd-button[aria-disabled=true]:focus,
.fd-button[aria-disabled=true][class*=sap-icon]:focus {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-disabled.fd-button--ghost,
.fd-button.is-disabled[class*=sap-icon].fd-button--ghost,
.fd-button:disabled.fd-button--ghost,
.fd-button:disabled[class*=sap-icon].fd-button--ghost,
.fd-button[aria-disabled=true].fd-button--ghost,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--ghost {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  cursor: not-allowed;
  color: #0854a0;
  color: var(--sapButton_TextColor,#0854a0);
  border-color: #0854a0;
  border-color: var(--sapButton_BorderColor,#0854a0);
  background-color: transparent;
  background-color: var(--sapButton_Lite_Background,transparent);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-button.is-disabled.fd-button--ghost:focus,
.fd-button.is-disabled[class*=sap-icon].fd-button--ghost:focus,
.fd-button:disabled.fd-button--ghost:focus,
.fd-button:disabled[class*=sap-icon].fd-button--ghost:focus,
.fd-button[aria-disabled=true].fd-button--ghost:focus,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--ghost:focus {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-disabled.fd-button--positive,
.fd-button.is-disabled[class*=sap-icon].fd-button--positive,
.fd-button:disabled.fd-button--positive,
.fd-button:disabled[class*=sap-icon].fd-button--positive,
.fd-button[aria-disabled=true].fd-button--positive,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--positive {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  cursor: not-allowed;
  color: #107e3e;
  color: var(--sapButton_Accept_TextColor,#107e3e);
  border-color: #107e3e;
  border-color: var(--sapButton_Accept_BorderColor,#107e3e);
  background-color: #fff;
  background-color: var(--sapButton_Accept_Background,#fff);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0
}
.fd-button.is-disabled.fd-button--positive:focus,
.fd-button.is-disabled[class*=sap-icon].fd-button--positive:focus,
.fd-button:disabled.fd-button--positive:focus,
.fd-button:disabled[class*=sap-icon].fd-button--positive:focus,
.fd-button[aria-disabled=true].fd-button--positive:focus,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--positive:focus {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-disabled.fd-button--negative,
.fd-button.is-disabled[class*=sap-icon].fd-button--negative,
.fd-button:disabled.fd-button--negative,
.fd-button:disabled[class*=sap-icon].fd-button--negative,
.fd-button[aria-disabled=true].fd-button--negative,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--negative {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  cursor: not-allowed;
  color: #b00;
  color: var(--sapButton_Reject_TextColor,#b00);
  border-color: #b00;
  border-color: var(--sapButton_Reject_BorderColor,#b00);
  background-color: #fff;
  background-color: var(--sapButton_Reject_Background,#fff);
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-button.is-disabled.fd-button--negative:focus,
.fd-button.is-disabled[class*=sap-icon].fd-button--negative:focus,
.fd-button:disabled.fd-button--negative:focus,
.fd-button:disabled[class*=sap-icon].fd-button--negative:focus,
.fd-button[aria-disabled=true].fd-button--negative:focus,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--negative:focus {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-disabled.fd-button--attention,
.fd-button.is-disabled[class*=sap-icon].fd-button--attention,
.fd-button:disabled.fd-button--attention,
.fd-button:disabled[class*=sap-icon].fd-button--attention,
.fd-button[aria-disabled=true].fd-button--attention,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--attention {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  cursor: not-allowed;
  color: #e9730c;
  color: var(--sapButton_Attention_TextColor,#e9730c);
  border-color: #e9730c;
  border-color: var(--sapButton_Attention_BorderColor,#e9730c);
  background-color: #fff;
  background-color: var(--sapButton_Attention_Background,#fff);
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-button.is-disabled.fd-button--attention:focus,
.fd-button.is-disabled[class*=sap-icon].fd-button--attention:focus,
.fd-button:disabled.fd-button--attention:focus,
.fd-button:disabled[class*=sap-icon].fd-button--attention:focus,
.fd-button[aria-disabled=true].fd-button--attention:focus,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--attention:focus {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-disabled.fd-button--emphasized,
.fd-button.is-disabled[class*=sap-icon].fd-button--emphasized,
.fd-button:disabled.fd-button--emphasized,
.fd-button:disabled[class*=sap-icon].fd-button--emphasized,
.fd-button[aria-disabled=true].fd-button--emphasized,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--emphasized {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  cursor: not-allowed;
  color: #fff;
  color: var(--sapButton_Emphasized_TextColor,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapButton_Emphasized_BorderColor,#0a6ed1);
  background-color: #0a6ed1;
  background-color: var(--sapButton_Emphasized_Background,#0a6ed1);
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-button.is-disabled.fd-button--emphasized:focus,
.fd-button.is-disabled[class*=sap-icon].fd-button--emphasized:focus,
.fd-button:disabled.fd-button--emphasized:focus,
.fd-button:disabled[class*=sap-icon].fd-button--emphasized:focus,
.fd-button[aria-disabled=true].fd-button--emphasized:focus,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--emphasized:focus {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-disabled.fd-button--emphasized:focus,
.fd-button.is-disabled[class*=sap-icon].fd-button--emphasized:focus,
.fd-button:disabled.fd-button--emphasized:focus,
.fd-button:disabled[class*=sap-icon].fd-button--emphasized:focus,
.fd-button[aria-disabled=true].fd-button--emphasized:focus,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--emphasized:focus {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-button.is-disabled.fd-button--transparent,
.fd-button.is-disabled[class*=sap-icon].fd-button--transparent,
.fd-button:disabled.fd-button--transparent,
.fd-button:disabled[class*=sap-icon].fd-button--transparent,
.fd-button[aria-disabled=true].fd-button--transparent,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--transparent {
  border-color: transparent;
  border-color: var(--sapButton_Lite_BorderColor,transparent);
  background-color: transparent;
  background-color: var(--sapButton_Lite_Background,transparent);
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-button.is-disabled.fd-button--transparent:focus,
.fd-button.is-disabled[class*=sap-icon].fd-button--transparent:focus,
.fd-button:disabled.fd-button--transparent:focus,
.fd-button:disabled[class*=sap-icon].fd-button--transparent:focus,
.fd-button[aria-disabled=true].fd-button--transparent:focus,
.fd-button[aria-disabled=true][class*=sap-icon].fd-button--transparent:focus {
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-action-bar {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  -webkit-box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  background-color: #fff;
  background-color: var(--sapPageHeader_Background,#fff);
  min-height: 3rem;
  max-height: 4.25rem;
  word-wrap: break-word;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 2rem
}
.fd-action-bar::after,
.fd-action-bar::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-action-bar__header {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 2rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-action-bar__header::after,
.fd-action-bar__header::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-action-bar__back {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
  position: relative;
  margin-right: .5rem
}
.fd-action-bar__back::after,
.fd-action-bar__back::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
@media (min-width:320px) {
  .fd-action-bar__back {
    display: none!important
  }
}
@media (min-width:600px) {
  .fd-action-bar__back {
    display: inline-block!important
  }
}
.fd-action-bar__back[dir=rtl],
[dir=rtl] .fd-action-bar__back {
  margin-right: 0;
  margin-left: .5rem
}
.fd-action-bar__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-rendering: optimizeLegibility;
  font-size: 1.25rem;
  font-size: var(--sapFontHeader3Size,1.25rem);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontHeaderFamily, "72", "72full", Arial, Helvetica, sans-serif);
  color: #32363a;
  color: var(--sapGroup_TitleTextColor,#32363a);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  line-height: 1.375rem;
  padding-right: .5rem;
  vertical-align: middle;
  margin: 0
}
.fd-action-bar__title::after,
.fd-action-bar__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-action-bar__title[dir=rtl],
[dir=rtl] .fd-action-bar__title {
  padding-right: 0;
  padding-left: .5rem
}
.fd-action-bar__description {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 1.25rem;
  vertical-align: middle
}
.fd-action-bar__description::after,
.fd-action-bar__description::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
@media (min-width:320px) {
  .fd-action-bar__description {
    display: none!important
  }
}
@media (min-width:600px) {
  .fd-action-bar__description {
    display: inline-block!important
  }
}
.fd-action-bar__description--back {
  padding-left: 2.5rem
}
.fd-action-bar__description--back[dir=rtl],
[dir=rtl] .fd-action-bar__description--back {
  padding-left: 0;
  padding-right: 2.5rem
}
.fd-action-bar__actions {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity .25s ease-in;
  transition: opacity .25s ease-in;
  visibility: visible;
  height: 2rem
}
.fd-action-bar__actions::after,
.fd-action-bar__actions::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-action-bar__actions.is-disabled,
.fd-action-bar__actions[aria-hidden=true] {
  opacity: 0;
  visibility: hidden
}
.fd-action-bar__actions > :nth-child(n+1) {
  margin-left: .5rem
}
.fd-action-bar__actions > :first-child {
  margin-left: 0
}
.fd-action-bar__actions > [dir=rtl]:nth-child(n+1),
[dir=rtl] .fd-action-bar__actions > :nth-child(n+1) {
  margin-right: .5rem;
  margin-left: 0
}
.fd-action-bar__actions > [dir=rtl]:first-child,
[dir=rtl] .fd-action-bar__actions > :first-child {
  margin-right: 0
}
.fd-action-bar--s {
  padding: .5rem 1rem
}
.fd-action-bar--m_l {
  padding: .5rem 2rem
}
.fd-action-bar--xl {
  padding: .5rem 3rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-avatar+((--circle), (--thumbnail), (--xxs|--xs|--s|--m|--l|--xl|--xxl))
*/
[class*=fd-avatar] {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #286eb4;
  background-color: var(--sapAccentColor6,#286eb4);
  display: inline-block;
  position: relative;
  vertical-align: middle;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
[class*=fd-avatar]::after,
[class*=fd-avatar]::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-avatar--xs {
  padding: 0;
  margin: 0;
  width: 2rem;
  height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  font-size: 1rem;
  font-stretch: condensed;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fd-avatar--xs .fd-avatar__zoom-icon {
  width: 1.125rem;
  height: 1.125rem;
  bottom: -.125rem;
  right: -.125rem
}
.fd-avatar--xs .fd-avatar__zoom-icon[dir=rtl],
[dir=rtl] .fd-avatar--xs .fd-avatar__zoom-icon {
  right: auto;
  left: -.125rem
}
.fd-avatar--xs .fd-avatar__zoom-icon::before {
  font-size: .75rem
}
.fd-avatar--s {
  padding: 0;
  margin: 0;
  width: 3rem;
  height: 3rem;
  max-width: 3rem;
  max-height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  font-size: 1.125rem;
  font-stretch: condensed;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fd-avatar--s .fd-avatar__zoom-icon {
  width: 1.125rem;
  height: 1.125rem;
  bottom: -.125rem;
  right: -.125rem
}
.fd-avatar--s .fd-avatar__zoom-icon[dir=rtl],
[dir=rtl] .fd-avatar--s .fd-avatar__zoom-icon {
  right: auto;
  left: -.125rem
}
.fd-avatar--s .fd-avatar__zoom-icon::before {
  font-size: .75rem
}
.fd-avatar--m {
  padding: 0;
  margin: 0;
  width: 4rem;
  height: 4rem;
  max-width: 4rem;
  max-height: 4rem;
  min-width: 4rem;
  min-height: 4rem;
  font-size: 1.5rem;
  font-stretch: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fd-avatar--m .fd-avatar__zoom-icon {
  width: 1.125rem;
  height: 1.125rem;
  bottom: -.125rem;
  right: -.125rem
}
.fd-avatar--m .fd-avatar__zoom-icon[dir=rtl],
[dir=rtl] .fd-avatar--m .fd-avatar__zoom-icon {
  right: auto;
  left: -.125rem
}
.fd-avatar--m .fd-avatar__zoom-icon::before {
  font-size: .75rem
}
.fd-avatar--l {
  padding: 0;
  margin: 0;
  width: 5rem;
  height: 5rem;
  max-width: 5rem;
  max-height: 5rem;
  min-width: 5rem;
  min-height: 5rem;
  font-size: 2.25rem;
  font-stretch: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fd-avatar--l .fd-avatar__zoom-icon {
  width: 1.25rem;
  height: 1.25rem;
  bottom: -.1875rem;
  right: -.1875rem
}
.fd-avatar--l .fd-avatar__zoom-icon[dir=rtl],
[dir=rtl] .fd-avatar--l .fd-avatar__zoom-icon {
  right: auto;
  left: -.1875rem
}
.fd-avatar--l .fd-avatar__zoom-icon::before {
  font-size: .875rem
}
.fd-avatar--xl {
  padding: 0;
  margin: 0;
  width: 7rem;
  height: 7rem;
  max-width: 7rem;
  max-height: 7rem;
  min-width: 7rem;
  min-height: 7rem;
  font-size: 3rem;
  font-stretch: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fd-avatar--xl .fd-avatar__zoom-icon {
  width: 1.75rem;
  height: 1.75rem;
  bottom: -.25rem;
  right: -.25rem
}
.fd-avatar--xl .fd-avatar__zoom-icon[dir=rtl],
[dir=rtl] .fd-avatar--xl .fd-avatar__zoom-icon {
  right: auto;
  left: -.25rem
}
.fd-avatar--xl .fd-avatar__zoom-icon::before {
  font-size: 1rem
}
.fd-avatar.fd-avatar--circle {
  border-radius: 50%
}
.fd-avatar.fd-avatar--circle .fd-avatar__zoom-icon {
  bottom: 0;
  right: 0
}
.fd-avatar.fd-avatar--circle .fd-avatar__zoom-icon[dir=rtl],
[dir=rtl] .fd-avatar.fd-avatar--circle .fd-avatar__zoom-icon {
  right: auto;
  left: 0
}
.fd-avatar.fd-avatar--transparent {
  background-color: transparent;
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0)
}
.fd-avatar.fd-avatar--placeholder {
  background-color: #ccc;
  background-color: var(--sapContent_ImagePlaceholderBackground,#ccc)
}
.fd-avatar.fd-avatar--tile {
  background-color: #5a7da0;
  background-color: var(--sapTile_IconColor,#5a7da0)
}
.fd-avatar__zoom-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0a6ed1;
  background-color: var(--sapLinkColor,#0a6ed1);
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff);
  position: absolute;
  border-radius: 50%
}
.fd-avatar.fd-avatar--border {
  border: inset .0625rem rgba(0,0,0,.5)
}
.fd-avatar--accent-color-1 {
  background-color: #d08014;
  background-color: var(--sapAccentColor1,#d08014)
}
.fd-avatar--accent-color-2 {
  background-color: #d04343;
  background-color: var(--sapAccentColor2,#d04343)
}
.fd-avatar--accent-color-3 {
  background-color: #db1f77;
  background-color: var(--sapAccentColor3,#db1f77)
}
.fd-avatar--accent-color-4 {
  background-color: #c0399f;
  background-color: var(--sapAccentColor4,#c0399f)
}
.fd-avatar--accent-color-5 {
  background-color: #6367de;
  background-color: var(--sapAccentColor5,#6367de)
}
.fd-avatar--accent-color-6 {
  background-color: #286eb4;
  background-color: var(--sapAccentColor6,#286eb4)
}
.fd-avatar--accent-color-7 {
  background-color: #0f828f;
  background-color: var(--sapAccentColor7,#0f828f)
}
.fd-avatar--accent-color-8 {
  background-color: #7ca10c;
  background-color: var(--sapAccentColor8,#7ca10c)
}
.fd-avatar--accent-color-9 {
  background-color: #925ace;
  background-color: var(--sapAccentColor9,#925ace)
}
.fd-avatar--accent-color-10 {
  background-color: #647987;
  background-color: var(--sapAccentColor10,#647987)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-form-item+(--inline)
*/
.fd-form-item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.fd-form-item::after,
.fd-form-item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-form-item--horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-form-item--horizontal .fd-form-label {
  padding-bottom: 0;
  margin: auto .5rem auto 0
}
.fd-form-item--horizontal .fd-form-label[dir=rtl],
[dir=rtl] .fd-form-item--horizontal .fd-form-label {
  margin: auto 0 auto .5rem
}
.fd-form-item--horizontal .fd-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-form-label
*/
.fd-form-label {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  max-width: 100%;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  margin-right: .5rem;
  cursor: text;
  -ms-flex-item-align: start;
  align-self: flex-start
}
.fd-form-label::after,
.fd-form-label::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-form-label[dir=rtl],
[dir=rtl] .fd-form-label {
  margin-left: .5rem;
  margin-right: 0
}
.fd-form-label.is-disabled {
  opacity: .4
}
.fd-form-label--unit-description {
  padding: 0 0 0 .25rem;
  color: #32363a;
  color: var(--sapField_TextColor,#32363a);
  margin: 0
}
.fd-form-label--unit-description[dir=rtl],
[dir=rtl] .fd-form-label--unit-description {
  margin: 0;
  padding: 0 .25rem 0 0
}
.fd-form-label--required,
.fd-form-label[aria-required=true] {
  padding-right: .5rem
}
.fd-form-label--required::after,
.fd-form-label[aria-required=true]::after {
  content: "*";
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  font-weight: 700;
  color: #ce3b3b;
  color: var(--sapField_RequiredColor,#ce3b3b);
  position: absolute;
  right: 0;
  top: 0
}
.fd-form-label--required[dir=rtl],
.fd-form-label[aria-required=true][dir=rtl],
[dir=rtl] .fd-form-label--required,
[dir=rtl] .fd-form-label[aria-required=true] {
  padding-right: 0;
  padding-left: .5rem
}
.fd-form-label--required[dir=rtl]::after,
.fd-form-label[aria-required=true][dir=rtl]::after,
[dir=rtl] .fd-form-label--required::after,
[dir=rtl] .fd-form-label[aria-required=true]::after {
  right: auto;
  left: 0
}
.fd-form-label--colon {
  padding-right: .25rem
}
.fd-form-label--colon::before {
  content: ":";
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: inherit;
  position: absolute;
  right: 0;
  top: 0
}
.fd-form-label--colon[dir=rtl],
[dir=rtl] .fd-form-label--colon {
  padding-left: .25rem;
  padding-right: 0
}
.fd-form-label--colon[dir=rtl]::before,
[dir=rtl] .fd-form-label--colon::before {
  right: auto;
  left: 0
}
.fd-form-label--colon.fd-form-label--required,
.fd-form-label--colon[aria-required=true] {
  padding-right: .75rem
}
.fd-form-label--colon.fd-form-label--required::before,
.fd-form-label--colon[aria-required=true]::before {
  right: .5rem
}
.fd-form-label--colon.fd-form-label--required[dir=rtl],
.fd-form-label--colon[aria-required=true][dir=rtl],
[dir=rtl] .fd-form-label--colon.fd-form-label--required,
[dir=rtl] .fd-form-label--colon[aria-required=true] {
  padding-left: .75rem;
  padding-right: 0
}
.fd-form-label--colon.fd-form-label--required[dir=rtl]::before,
.fd-form-label--colon[aria-required=true][dir=rtl]::before,
[dir=rtl] .fd-form-label--colon.fd-form-label--required::before,
[dir=rtl] .fd-form-label--colon[aria-required=true]::before {
  right: auto;
  left: .5rem
}
.fd-form-label--inline-help {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-form-label--inline-help .fd-inline-help {
  top: 0
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-checkbox
*/
.fd-checkbox {
  position: absolute;
  opacity: .0001
}
.fd-checkbox {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #32363a;
  color: var(--sapField_TextColor,#32363a);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapField_BorderWidth,.0625rem);
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem);
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none
}
.fd-checkbox::after,
.fd-checkbox::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-checkbox::-webkit-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-checkbox::-moz-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-checkbox:-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-checkbox::-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-checkbox::placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-checkbox::-moz-selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-checkbox::selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-checkbox.is-hover,
.fd-checkbox:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-checkbox.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-checkbox.is-success.is-hover,
.fd-checkbox.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-checkbox.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-checkbox.is-error.is-hover,
.fd-checkbox.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-checkbox.is-alert,
.fd-checkbox.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-checkbox.is-alert.is-hover,
.fd-checkbox.is-alert:hover,
.fd-checkbox.is-warning.is-hover,
.fd-checkbox.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-checkbox.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-checkbox.is-information.is-hover,
.fd-checkbox.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-checkbox.is-focus,
.fd-checkbox:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-checkbox.is-alert,
.fd-checkbox.is-error,
.fd-checkbox.is-information,
.fd-checkbox.is-warning {
  border-width: .125rem
}
.fd-checkbox.is-alert.is-focus,
.fd-checkbox.is-alert:focus,
.fd-checkbox.is-error.is-focus,
.fd-checkbox.is-error:focus,
.fd-checkbox.is-information.is-focus,
.fd-checkbox.is-information:focus,
.fd-checkbox.is-warning.is-focus,
.fd-checkbox.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-checkbox.is-disabled,
.fd-checkbox:disabled,
.fd-checkbox[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-checkbox.is-disabled::-webkit-input-placeholder,
.fd-checkbox:disabled::-webkit-input-placeholder,
.fd-checkbox[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-checkbox.is-disabled::-moz-placeholder,
.fd-checkbox:disabled::-moz-placeholder,
.fd-checkbox[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-checkbox.is-disabled:-ms-input-placeholder,
.fd-checkbox:disabled:-ms-input-placeholder,
.fd-checkbox[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-checkbox.is-disabled::-ms-input-placeholder,
.fd-checkbox:disabled::-ms-input-placeholder,
.fd-checkbox[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-checkbox.is-disabled::placeholder,
.fd-checkbox:disabled::placeholder,
.fd-checkbox[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-checkbox.is-readonly,
.fd-checkbox[aria-readonly=true],
.fd-checkbox[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-checkbox.is-readonly::-webkit-input-placeholder,
.fd-checkbox[aria-readonly=true]::-webkit-input-placeholder,
.fd-checkbox[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-checkbox.is-readonly::-moz-placeholder,
.fd-checkbox[aria-readonly=true]::-moz-placeholder,
.fd-checkbox[readonly]::-moz-placeholder {
  color: transparent
}
.fd-checkbox.is-readonly:-ms-input-placeholder,
.fd-checkbox[aria-readonly=true]:-ms-input-placeholder,
.fd-checkbox[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-checkbox.is-readonly::-ms-input-placeholder,
.fd-checkbox[aria-readonly=true]::-ms-input-placeholder,
.fd-checkbox[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-checkbox.is-readonly::placeholder,
.fd-checkbox[aria-readonly=true]::placeholder,
.fd-checkbox[readonly]::placeholder {
  color: transparent
}
.fd-checkbox__label {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  max-width: 100%;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  margin-right: .5rem;
  cursor: text;
  -ms-flex-item-align: start;
  align-self: flex-start;
  cursor: pointer;
  line-height: 1rem;
  padding: .6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-checkbox__label::after,
.fd-checkbox__label::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-checkbox__label[dir=rtl],
[dir=rtl] .fd-checkbox__label {
  margin-left: .5rem;
  margin-right: 0
}
.fd-checkbox__label::before {
  content: "";
  height: 1.375rem;
  width: 1.375rem;
  min-width: 1.375rem;
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: SAP-icons;
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  margin-right: .6875rem;
  margin-left: 0;
  color: #0854a0;
  color: var(--sapSelectedColor,#0854a0);
  border: .0625rem solid #89919a;
  border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem)
}
.fd-checkbox__label[dir=rtl]::before,
[dir=rtl] .fd-checkbox__label::before {
  margin-left: .6875rem;
  margin-right: 0
}
.fd-checkbox__label.is-hover::before,
.fd-checkbox__label:hover::before {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-checkbox__label:focus {
  outline: 0
}
.fd-checkbox__label.is-empty,
.fd-checkbox__label:empty {
  padding: .6875rem;
  margin: 0
}
.fd-checkbox__label.is-empty::after,
.fd-checkbox__label.is-empty::before,
.fd-checkbox__label:empty::after,
.fd-checkbox__label:empty::before {
  margin-right: 0;
  margin-left: 0
}
.fd-checkbox__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-checkbox:checked + .fd-checkbox__label::before {
  content: "\e05b"
}
.fd-checkbox:indeterminate + .fd-checkbox__label::before {
  content: "\e17b";
  font-size: .8125rem;
  padding-top: .0625rem
}
.fd-checkbox:indeterminate + .fd-checkbox__label--compact::before {
  content: "\e17b";
  font-size: .5625rem
}
.fd-checkbox.is-alert + .fd-checkbox__label::before,
.fd-checkbox.is-warning + .fd-checkbox__label::before {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border: .125rem solid #e9730c;
  border: .125rem solid var(--sapField_WarningColor,#e9730c);
  color: #32363a;
  color: var(--sapField_TextColor,#32363a)
}
.fd-checkbox.is-alert + .fd-checkbox__label.is-hover.is-disabled,
.fd-checkbox.is-alert + .fd-checkbox__label.is-hover:disabled,
.fd-checkbox.is-alert + .fd-checkbox__label.is-hover[aria-disabled=true],
.fd-checkbox.is-alert + .fd-checkbox__label:hover.is-disabled,
.fd-checkbox.is-alert + .fd-checkbox__label:hover:disabled,
.fd-checkbox.is-alert + .fd-checkbox__label:hover[aria-disabled=true],
.fd-checkbox.is-warning + .fd-checkbox__label.is-hover.is-disabled,
.fd-checkbox.is-warning + .fd-checkbox__label.is-hover:disabled,
.fd-checkbox.is-warning + .fd-checkbox__label.is-hover[aria-disabled=true],
.fd-checkbox.is-warning + .fd-checkbox__label:hover.is-disabled,
.fd-checkbox.is-warning + .fd-checkbox__label:hover:disabled,
.fd-checkbox.is-warning + .fd-checkbox__label:hover[aria-disabled=true] {
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-checkbox.is-error + .fd-checkbox__label::before {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border: .125rem solid #b00;
  border: .125rem solid var(--sapField_InvalidColor,#b00);
  color: #b00;
  color: var(--sapField_InvalidColor,#b00)
}
.fd-checkbox.is-error + .fd-checkbox__label.is-hover.is-disabled,
.fd-checkbox.is-error + .fd-checkbox__label.is-hover:disabled,
.fd-checkbox.is-error + .fd-checkbox__label.is-hover[aria-disabled=true],
.fd-checkbox.is-error + .fd-checkbox__label:hover.is-disabled,
.fd-checkbox.is-error + .fd-checkbox__label:hover:disabled,
.fd-checkbox.is-error + .fd-checkbox__label:hover[aria-disabled=true] {
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-checkbox.is-success + .fd-checkbox__label::before {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border: .0625rem solid #107e3e;
  border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_SuccessColor,#107e3e);
  color: #107e3e;
  color: var(--sapField_SuccessColor,#107e3e)
}
.fd-checkbox.is-success + .fd-checkbox__label.is-hover.is-disabled,
.fd-checkbox.is-success + .fd-checkbox__label.is-hover:disabled,
.fd-checkbox.is-success + .fd-checkbox__label.is-hover[aria-disabled=true],
.fd-checkbox.is-success + .fd-checkbox__label:hover.is-disabled,
.fd-checkbox.is-success + .fd-checkbox__label:hover:disabled,
.fd-checkbox.is-success + .fd-checkbox__label:hover[aria-disabled=true] {
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-checkbox.is-information + .fd-checkbox__label::before {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border: .125rem solid #0a6ed1;
  border: .125rem solid var(--sapField_InformationColor,#0a6ed1);
  color: #0a6ed1;
  color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-checkbox.is-information + .fd-checkbox__label.is-hover.is-disabled,
.fd-checkbox.is-information + .fd-checkbox__label.is-hover:disabled,
.fd-checkbox.is-information + .fd-checkbox__label.is-hover[aria-disabled=true],
.fd-checkbox.is-information + .fd-checkbox__label:hover.is-disabled,
.fd-checkbox.is-information + .fd-checkbox__label:hover:disabled,
.fd-checkbox.is-information + .fd-checkbox__label:hover[aria-disabled=true] {
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-checkbox.is-readonly + .fd-checkbox__label::before,
.fd-checkbox[readonly] + .fd-checkbox__label::before {
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border: .0625rem solid #89919a;
  border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_ReadOnly_BorderColor,#89919a);
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70)
}
.fd-checkbox.is-readonly + .fd-checkbox__label.is-hover.is-disabled,
.fd-checkbox.is-readonly + .fd-checkbox__label.is-hover:disabled,
.fd-checkbox.is-readonly + .fd-checkbox__label.is-hover[aria-disabled=true],
.fd-checkbox.is-readonly + .fd-checkbox__label:hover.is-disabled,
.fd-checkbox.is-readonly + .fd-checkbox__label:hover:disabled,
.fd-checkbox.is-readonly + .fd-checkbox__label:hover[aria-disabled=true],
.fd-checkbox[readonly] + .fd-checkbox__label.is-hover.is-disabled,
.fd-checkbox[readonly] + .fd-checkbox__label.is-hover:disabled,
.fd-checkbox[readonly] + .fd-checkbox__label.is-hover[aria-disabled=true],
.fd-checkbox[readonly] + .fd-checkbox__label:hover.is-disabled,
.fd-checkbox[readonly] + .fd-checkbox__label:hover:disabled,
.fd-checkbox[readonly] + .fd-checkbox__label:hover[aria-disabled=true] {
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-checkbox.is-focus,
.fd-checkbox:focus {
  z-index: 5
}
.fd-checkbox.is-focus + .fd-checkbox__label,
.fd-checkbox:focus + .fd-checkbox__label {
  outline: .0625rem dotted #000;
  outline: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  outline-offset: -.5625rem
}
.fd-checkbox.is-focus + .fd-checkbox__label[dir=rtl]::after,
.fd-checkbox:focus + .fd-checkbox__label[dir=rtl]::after,
[dir=rtl] .fd-checkbox.is-focus + .fd-checkbox__label::after,
[dir=rtl] .fd-checkbox:focus + .fd-checkbox__label::after {
  left: 0;
  right: .5625rem
}
.fd-checkbox.is-focus + .fd-checkbox__label.is-empty::after,
.fd-checkbox.is-focus + .fd-checkbox__label:empty::after,
.fd-checkbox:focus + .fd-checkbox__label.is-empty::after,
.fd-checkbox:focus + .fd-checkbox__label:empty::after {
  content: "";
  position: absolute;
  border: .0625rem dotted #000;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  top: .5625rem;
  left: .5625rem;
  bottom: .5625rem;
  right: .5625rem
}
.fd-checkbox.is-disabled,
.fd-checkbox:disabled,
.fd-checkbox[aria-disabled=true] {
  opacity: .0001
}
.fd-checkbox.is-disabled + .fd-checkbox__label,
.fd-checkbox:disabled + .fd-checkbox__label,
.fd-checkbox[aria-disabled=true] + .fd-checkbox__label {
  pointer-events: none;
  opacity: .4
}
.fd-checkbox--compact + .fd-checkbox__label {
  padding: .5rem
}
.fd-checkbox--compact + .fd-checkbox__label::before {
  font-size: .625rem;
  height: 1rem;
  width: 1rem;
  min-width: 1rem;
  margin-right: .5rem;
  margin-left: 0
}
.fd-checkbox--compact + .fd-checkbox__label[dir=rtl]::before,
[dir=rtl] .fd-checkbox--compact + .fd-checkbox__label::before {
  margin-left: .5rem;
  margin-right: 0
}
.fd-checkbox--compact + .fd-checkbox__label.is-empty,
.fd-checkbox--compact + .fd-checkbox__label:empty {
  padding: .5rem;
  margin: 0
}
.fd-checkbox--compact + .fd-checkbox__label.is-empty::after,
.fd-checkbox--compact + .fd-checkbox__label.is-empty::before,
.fd-checkbox--compact + .fd-checkbox__label:empty::after,
.fd-checkbox--compact + .fd-checkbox__label:empty::before {
  margin-right: 0;
  margin-left: 0
}
.fd-checkbox--compact.is-focus,
.fd-checkbox--compact:focus {
  z-index: 5
}
.fd-checkbox--compact.is-focus + .fd-checkbox__label,
.fd-checkbox--compact:focus + .fd-checkbox__label {
  outline: .0625rem dotted #000;
  outline: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  outline-offset: -.375rem
}
.fd-checkbox--compact.is-focus + .fd-checkbox__label[dir=rtl]::after,
.fd-checkbox--compact:focus + .fd-checkbox__label[dir=rtl]::after,
[dir=rtl] .fd-checkbox--compact.is-focus + .fd-checkbox__label::after,
[dir=rtl] .fd-checkbox--compact:focus + .fd-checkbox__label::after {
  left: 0;
  right: .375rem
}
.fd-checkbox--compact.is-focus + .fd-checkbox__label.is-empty::after,
.fd-checkbox--compact.is-focus + .fd-checkbox__label:empty::after,
.fd-checkbox--compact:focus + .fd-checkbox__label.is-empty::after,
.fd-checkbox--compact:focus + .fd-checkbox__label:empty::after {
  content: "";
  position: absolute;
  border: .0625rem dotted #000;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  top: .375rem;
  left: .375rem;
  bottom: .375rem;
  right: .375rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-counter+(--notification)
*/
.fd-counter {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 1rem;
  color: #fff;
  color: var(--sapShell_TextColor,#fff);
  background-color: #d04343;
  background-color: var(--sapContent_BadgeBackground,#d04343);
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  line-height: 1;
  display: inline-block;
  text-align: center;
  padding: .25rem
}
.fd-counter::after,
.fd-counter::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-counter--notification {
  -webkit-transform: translate(-40%,-50%);
  transform: translate(-40%,-50%)
}
.fd-counter--notification[dir=rtl],
[dir=rtl] .fd-counter--notification {
  -webkit-transform: translate(40%,-50%);
  transform: translate(40%,-50%)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-breadcrumb
    .fd-breadcrumb__item
    .fd-breadcrump__link
*/
.fd-breadcrumb {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none
}
.fd-breadcrumb::after,
.fd-breadcrumb::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-breadcrumb__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70)
}
.fd-breadcrumb__item::after,
.fd-breadcrumb__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-breadcrumb__item::after {
  content: "/";
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  margin-right: .25rem;
  margin-left: .25rem
}
.fd-breadcrumb__item:last-child::after {
  content: none
}
.fd-breadcrumb__item .fd-breadcrumb__popover-body {
  border: none;
  border-top-left-radius: .125rem;
  border-top-right-radius: .125rem
}
.fd-breadcrumb__link {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 125ms ease-in;
  transition: all 125ms ease-in;
  line-height: inherit;
  display: inline-block;
  transition: all 125ms ease-in
}
.fd-breadcrumb__link::after,
.fd-breadcrumb__link::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-breadcrumb__link--emphasized {
  font-weight: 700
}
.fd-breadcrumb__link:visited {
  color: #0a6ed1;
  color: var(--sapLink_Visited_Color,#0a6ed1)
}
.fd-breadcrumb__link.is-hover,
.fd-breadcrumb__link:hover {
  color: #0854a0;
  color: var(--sapLink_Hover_Color,#0854a0);
  text-decoration: underline
}
.fd-breadcrumb__link.is-focus,
.fd-breadcrumb__link:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.0625rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-breadcrumb__link.is-active,
.fd-breadcrumb__link:active {
  color: #0a6ed1;
  color: var(--sapLink_Active_Color,#0a6ed1)
}
.fd-breadcrumb__link--inverted {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-breadcrumb__link--inverted.is-hover,
.fd-breadcrumb__link--inverted:hover {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-breadcrumb__link--subtle {
  color: #074888;
  color: var(--sapLink_SubtleColor,#074888)
}
.fd-breadcrumb__link.is-disabled,
.fd-breadcrumb__link:disabled,
.fd-breadcrumb__link[aria-disabled=true] {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  pointer-events: none
}
.fd-breadcrumb__dropdown-icon {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  text-decoration: inherit;
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1)
}
.fd-breadcrumb__dropdown-icon::after,
.fd-breadcrumb__dropdown-icon::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-breadcrumb__dropdown-icon::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-breadcrumb__dropdown-icon::before {
  content: ""
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-busy-indicator,
.fd-busy-indicator--l,
.fd-busy-indicator--m {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  display: block;
  font-size: 0;
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0)
}
.fd-busy-indicator--l::after,
.fd-busy-indicator--l::before,
.fd-busy-indicator--m::after,
.fd-busy-indicator--m::before,
.fd-busy-indicator::after,
.fd-busy-indicator::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-busy-indicator--l.contrast,
.fd-busy-indicator--m.contrast,
.fd-busy-indicator.contrast {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff)
}
.fd-busy-indicator--l.contrast .fd-busy-indicator--circle-0,
.fd-busy-indicator--l.contrast .fd-busy-indicator--circle-1,
.fd-busy-indicator--l.contrast .fd-busy-indicator--circle-2,
.fd-busy-indicator--m.contrast .fd-busy-indicator--circle-0,
.fd-busy-indicator--m.contrast .fd-busy-indicator--circle-1,
.fd-busy-indicator--m.contrast .fd-busy-indicator--circle-2,
.fd-busy-indicator.contrast .fd-busy-indicator--circle-0,
.fd-busy-indicator.contrast .fd-busy-indicator--circle-1,
.fd-busy-indicator.contrast .fd-busy-indicator--circle-2 {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff)
}
.fd-busy-indicator--circle-0,
.fd-busy-indicator--circle-1,
.fd-busy-indicator--circle-2 {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0);
  position: relative;
  width: .5rem;
  height: .5rem;
  display: inline-block;
  border-radius: 50%;
  background-color: currentColor
}
.fd-busy-indicator--circle-0::after,
.fd-busy-indicator--circle-0::before,
.fd-busy-indicator--circle-1::after,
.fd-busy-indicator--circle-1::before,
.fd-busy-indicator--circle-2::after,
.fd-busy-indicator--circle-2::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-busy-indicator--circle-0 {
  -webkit-animation: grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);
  animation: grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)
}
.fd-busy-indicator--circle-1 {
  -webkit-animation: grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);
  animation: grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}
.fd-busy-indicator--circle-2 {
  -webkit-animation: grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);
  animation: grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}
.fd-busy-indicator--m .fd-busy-indicator--circle-0,
.fd-busy-indicator--m .fd-busy-indicator--circle-1,
.fd-busy-indicator--m .fd-busy-indicator--circle-2 {
  width: 1rem;
  height: 1rem
}
.fd-busy-indicator--l .fd-busy-indicator--circle-0,
.fd-busy-indicator--l .fd-busy-indicator--circle-1,
.fd-busy-indicator--l .fd-busy-indicator--circle-2 {
  width: 2rem;
  height: 2rem
}
@-webkit-keyframes grow {
  0%,
  100%,
  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes grow {
  0%,
  100%,
  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-segmented-button+()
    .fd-button
*/
.fd-segmented-button {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle
}
.fd-segmented-button::after,
.fd-segmented-button::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-segmented-button > * {
  margin: 0
}
.fd-segmented-button > :not(:first-child):not(:last-child) {
  border-radius: 0
}
.fd-segmented-button > :not(:last-child) {
  border-right-width: 0
}
.fd-segmented-button > :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.fd-segmented-button > :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.fd-segmented-button > [dir=rtl]:not(:first-child),
[dir=rtl] .fd-segmented-button > :not(:first-child) {
  border-right: none
}
.fd-segmented-button > [dir=rtl]:last-child,
[dir=rtl] .fd-segmented-button > :last-child {
  border-top-left-radius: .25rem;
  border-top-left-radius: var(--sapButton_BorderCornerRadius,.25rem);
  border-bottom-left-radius: .25rem;
  border-bottom-left-radius: var(--sapButton_BorderCornerRadius,.25rem);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.fd-segmented-button > [dir=rtl]:first-child,
[dir=rtl] .fd-segmented-button > :first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: .25rem;
  border-top-right-radius: var(--sapButton_BorderCornerRadius,.25rem);
  border-bottom-right-radius: .25rem;
  border-bottom-right-radius: var(--sapButton_BorderCornerRadius,.25rem);
  border-right-width: 1px
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-calendar+(--compact, --mobile-landscape, --mobile-portrait)
    .fd-calendar__header
      .fd-calendar__navigation(--main-navigation)
        .fd-calendar__action(+[--arrow-left, --arrow-right])
        .fd-calendar__close-button
    .fd-calendar__content(+[--months, --years])
        .fd-calendar__table
          .fd-calendar__group
            .fd-calendar__row
              .fd-calendar__item(+[--other-month, --current, --side-helper, --weekend, --range],
                                 +[(.is-disabled | [aria-disabled=true]), (.is-focus | [aria-focus=true]), (.is-active | [aria-active=true])])
              .fd-calendar__special-day(+[--1, --2, ..., --19, --20])
                .fd-calendar__text
*/
.fd-calendar__item,
.fd-calendar__item--side-helper {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  position: relative;
  height: 2.75rem;
  margin: .0625rem;
  min-width: 2.125rem;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  background-color: #fafafa;
  background-color: var(--sapLegend_WorkingBackground,#fafafa);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 .375rem;
  flex: 1 1 .375rem
}
.fd-calendar__item--side-helper::after,
.fd-calendar__item--side-helper::before,
.fd-calendar__item::after,
.fd-calendar__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__item--side-helper:hover,
.fd-calendar__item:hover,
.is-hover.fd-calendar__item,
.is-hover.fd-calendar__item--side-helper {
  cursor: default;
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-calendar__item--side-helper {
  -ms-flex-item-align: center;
  align-self: center;
  pointer-events: none;
  height: 1.875rem;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-calendar__item--other-month {
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-calendar__item--other-month:hover,
.is-hover.fd-calendar__item--other-month {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-calendar__item--weekend {
  background-color: #dedede;
  background-color: var(--sapLegend_NonWorkingBackground,#dedede)
}
.fd-calendar__item--weekend:hover,
.is-hover.fd-calendar__item--weekend {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-calendar__item--current,
.fd-calendar__item--range.fd-calendar__item--current {
  border: solid medium #c0399f;
  border: solid medium var(--sapLegend_CurrentDateTime,#c0399f)
}
.fd-calendar__item.is-active,
.fd-calendar__item:active {
  background-color: #0854a0;
  background-color: var(--sapContent_Selected_Background,#0854a0)
}
.fd-calendar__item.is-active:hover,
.fd-calendar__item:hover:active,
.is-hover.fd-calendar__item.is-active,
.is-hover.fd-calendar__item:active {
  background-color: #095caf;
  background-color: var(--sapContent_Selected_Hover_Background,#095caf)
}
.fd-calendar__item.is-active:focus,
.fd-calendar__item:focus:active,
.is-focus.fd-calendar__item.is-active,
.is-focus.fd-calendar__item:active {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-calendar__item--range {
  border: solid .0625rem #0854a0;
  border: solid .0625rem var(--sapList_SelectionBorderColor,#0854a0);
  background-color: #e5f0fa;
  background-color: var(--sapList_SelectionBackgroundColor,#e5f0fa)
}
.fd-calendar__item--range:hover,
.is-hover.fd-calendar__item--range {
  background-color: #d8e9f8;
  background-color: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-calendar__item.is-disabled,
.fd-calendar__item:disabled,
.fd-calendar__item[aria-disabled=true] {
  pointer-events: none;
  opacity: .4
}
.fd-calendar__item.is-disabled:hover,
.fd-calendar__item:hover:disabled,
.fd-calendar__item:hover[aria-disabled=true] {
  cursor: not-allowed
}
.fd-calendar__item.is-focus,
.fd-calendar__item:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-calendar__text {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-size: var(--sapFontMediumSize)
}
.fd-calendar__text::after,
.fd-calendar__text::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20rem;
  padding: 1rem;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff);
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-calendar::after,
.fd-calendar::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__header {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.fd-calendar__header::after,
.fd-calendar__header::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__navigation {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: .25rem;
  padding-bottom: .25rem
}
.fd-calendar__navigation::after,
.fd-calendar__navigation::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__action {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.fd-calendar__action::after,
.fd-calendar__action::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__action:not(:last-child):not(:first-child) {
  margin-left: .25rem;
  margin-right: .25rem
}
.fd-calendar__action:first-child {
  margin-right: .25rem
}
.fd-calendar__action:last-child {
  margin-left: .25rem
}
.fd-calendar__action > [type=button] {
  width: 100%
}
.fd-calendar__action--arrow-left,
.fd-calendar__action--arrow-right {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}
.fd-calendar__action [class*=sap-icon][dir=rtl],
[dir=rtl] .fd-calendar__action [class*=sap-icon] {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.fd-calendar__content {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-calendar__content::after,
.fd-calendar__content::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__content--months,
.fd-calendar__content--years {
  padding-top: 1.875rem
}
.fd-calendar__content--screen-reader-only {
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap
}
.fd-calendar__table {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  display: table;
  border-spacing: 0
}
.fd-calendar__table::after,
.fd-calendar__table::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__group {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: table-row-group
}
.fd-calendar__group::after,
.fd-calendar__group::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__row {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.fd-calendar__row::after,
.fd-calendar__row::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-calendar__item {
  display: inline-block
}
.fd-calendar__item--side-helper .fd-calendar__text {
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-calendar__item--other-month .fd-calendar__text {
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70)
}
.fd-calendar__item--current .fd-calendar__text::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border: .0625rem solid #fff;
  border: .0625rem solid var(--sapList_Background,#fff);
  border-radius: calc(.25rem/ 2);
  border-radius: calc(var(--sapElement_BorderCornerRadius,.25rem)/ 2)
}
.fd-calendar__item.is-active .fd-calendar__text,
.fd-calendar__item:active .fd-calendar__text {
  color: #fff;
  color: var(--sapContent_Selected_TextColor,#fff)
}
.fd-calendar__item.is-focus,
.fd-calendar__item:focus {
  z-index: 5
}
.fd-calendar__text:active {
  background-color: #0854a0;
  background-color: var(--sapContent_Selected_Background,#0854a0);
  color: #fff;
  color: var(--sapContent_Selected_TextColor,#fff)
}
.fd-calendar__special-day--1 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #d58215;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor1,#d58215);
  box-shadow: inset 0 -.25rem 0 #d58215;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor1,#d58215)
}
.fd-calendar__special-day--1.is-active .fd-calendar__text::after,
.fd-calendar__special-day--1:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #d58215,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor1,#d58215),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #d58215,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor1,#d58215),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--1.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--1.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #d58215,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor1,#d58215),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #d58215,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor1,#d58215),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--2 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #dc5b5b;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor2,#dc5b5b);
  box-shadow: inset 0 -.25rem 0 #dc5b5b;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor2,#dc5b5b)
}
.fd-calendar__special-day--2.is-active .fd-calendar__text::after,
.fd-calendar__special-day--2:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #dc5b5b,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor2,#dc5b5b),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #dc5b5b,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor2,#dc5b5b),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--2.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--2.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #dc5b5b,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor2,#dc5b5b),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #dc5b5b,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor2,#dc5b5b),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--3 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #db1f77;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor3,#db1f77);
  box-shadow: inset 0 -.25rem 0 #db1f77;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor3,#db1f77)
}
.fd-calendar__special-day--3.is-active .fd-calendar__text::after,
.fd-calendar__special-day--3:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #db1f77,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor3,#db1f77),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #db1f77,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor3,#db1f77),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--3.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--3.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #db1f77,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor3,#db1f77),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #db1f77,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor3,#db1f77),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--4 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #9b3b3b;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor4,#9b3b3b);
  box-shadow: inset 0 -.25rem 0 #9b3b3b;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor4,#9b3b3b)
}
.fd-calendar__special-day--4.is-active .fd-calendar__text::after,
.fd-calendar__special-day--4:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #9b3b3b,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor4,#9b3b3b),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #9b3b3b,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor4,#9b3b3b),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--4.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--4.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #9b3b3b,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor4,#9b3b3b),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #9b3b3b,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor4,#9b3b3b),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--5 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #cf5db3;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor5,#cf5db3);
  box-shadow: inset 0 -.25rem 0 #cf5db3;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor5,#cf5db3)
}
.fd-calendar__special-day--5.is-active .fd-calendar__text::after,
.fd-calendar__special-day--5:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #cf5db3,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor5,#cf5db3),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #cf5db3,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor5,#cf5db3),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--5.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--5.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #cf5db3,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor5,#cf5db3),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #cf5db3,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor5,#cf5db3),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--6 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #286eb4;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor6,#286eb4);
  box-shadow: inset 0 -.25rem 0 #286eb4;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor6,#286eb4)
}
.fd-calendar__special-day--6.is-active .fd-calendar__text::after,
.fd-calendar__special-day--6:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #286eb4,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor6,#286eb4),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #286eb4,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor6,#286eb4),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--6.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--6.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #286eb4,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor6,#286eb4),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #286eb4,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor6,#286eb4),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--7 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #1193a2;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor7,#1193a2);
  box-shadow: inset 0 -.25rem 0 #1193a2;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor7,#1193a2)
}
.fd-calendar__special-day--7.is-active .fd-calendar__text::after,
.fd-calendar__special-day--7:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #1193a2,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor7,#1193a2),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #1193a2,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor7,#1193a2),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--7.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--7.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #1193a2,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor7,#1193a2),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #1193a2,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor7,#1193a2),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--8 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #8b9668;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor8,#8b9668);
  box-shadow: inset 0 -.25rem 0 #8b9668;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor8,#8b9668)
}
.fd-calendar__special-day--8.is-active .fd-calendar__text::after,
.fd-calendar__special-day--8:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #8b9668,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor8,#8b9668),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #8b9668,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor8,#8b9668),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--8.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--8.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #8b9668,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor8,#8b9668),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #8b9668,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor8,#8b9668),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--9 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #647987;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor9,#647987);
  box-shadow: inset 0 -.25rem 0 #647987;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor9,#647987)
}
.fd-calendar__special-day--9.is-active .fd-calendar__text::after,
.fd-calendar__special-day--9:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #647987,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor9,#647987),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #647987,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor9,#647987),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--9.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--9.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #647987,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor9,#647987),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #647987,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor9,#647987),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--10 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #892971;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor10,#892971);
  box-shadow: inset 0 -.25rem 0 #892971;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor10,#892971)
}
.fd-calendar__special-day--10.is-active .fd-calendar__text::after,
.fd-calendar__special-day--10:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #892971,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor10,#892971),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #892971,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor10,#892971),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--10.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--10.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #892971,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor10,#892971),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #892971,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor10,#892971),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--11 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #725a3a;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor11,#725a3a);
  box-shadow: inset 0 -.25rem 0 #725a3a;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor11,#725a3a)
}
.fd-calendar__special-day--11.is-active .fd-calendar__text::after,
.fd-calendar__special-day--11:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #725a3a,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor11,#725a3a),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #725a3a,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor11,#725a3a),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--11.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--11.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #725a3a,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor11,#725a3a),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #725a3a,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor11,#725a3a),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--12 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #bb2f2f;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor12,#bb2f2f);
  box-shadow: inset 0 -.25rem 0 #bb2f2f;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor12,#bb2f2f)
}
.fd-calendar__special-day--12.is-active .fd-calendar__text::after,
.fd-calendar__special-day--12:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #bb2f2f,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor12,#bb2f2f),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #bb2f2f,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor12,#bb2f2f),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--12.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--12.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #bb2f2f,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor12,#bb2f2f),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #bb2f2f,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor12,#bb2f2f),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--13 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #bc1b66;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor13,#bc1b66);
  box-shadow: inset 0 -.25rem 0 #bc1b66;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor13,#bc1b66)
}
.fd-calendar__special-day--13.is-active .fd-calendar__text::after,
.fd-calendar__special-day--13:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #bc1b66,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor13,#bc1b66),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #bc1b66,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor13,#bc1b66),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--13.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--13.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #bc1b66,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor13,#bc1b66),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #bc1b66,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor13,#bc1b66),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--14 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #8b714f;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor14,#8b714f);
  box-shadow: inset 0 -.25rem 0 #8b714f;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor14,#8b714f)
}
.fd-calendar__special-day--14.is-active .fd-calendar__text::after,
.fd-calendar__special-day--14:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #8b714f,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor14,#8b714f),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #8b714f,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor14,#8b714f),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--14.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--14.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #8b714f,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor14,#8b714f),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #8b714f,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor14,#8b714f),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--15 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #606190;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor15,#606190);
  box-shadow: inset 0 -.25rem 0 #606190;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor15,#606190)
}
.fd-calendar__special-day--15.is-active .fd-calendar__text::after,
.fd-calendar__special-day--15:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #606190,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor15,#606190),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #606190,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor15,#606190),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--15.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--15.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #606190,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor15,#606190),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #606190,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor15,#606190),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--16 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #597da1;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor16,#597da1);
  box-shadow: inset 0 -.25rem 0 #597da1;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor16,#597da1)
}
.fd-calendar__special-day--16.is-active .fd-calendar__text::after,
.fd-calendar__special-day--16:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #597da1,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor16,#597da1),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #597da1,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor16,#597da1),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--16.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--16.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #597da1,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor16,#597da1),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #597da1,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor16,#597da1),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--17 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #49797e;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor17,#49797e);
  box-shadow: inset 0 -.25rem 0 #49797e;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor17,#49797e)
}
.fd-calendar__special-day--17.is-active .fd-calendar__text::after,
.fd-calendar__special-day--17:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #49797e,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor17,#49797e),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #49797e,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor17,#49797e),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--17.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--17.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #49797e,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor17,#49797e),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #49797e,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor17,#49797e),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--18 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #687a33;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor18,#687a33);
  box-shadow: inset 0 -.25rem 0 #687a33;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor18,#687a33)
}
.fd-calendar__special-day--18.is-active .fd-calendar__text::after,
.fd-calendar__special-day--18:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #687a33,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor18,#687a33),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #687a33,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor18,#687a33),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--18.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--18.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #687a33,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor18,#687a33),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #687a33,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor18,#687a33),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--19 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #295989;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor19,#295989);
  box-shadow: inset 0 -.25rem 0 #295989;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor19,#295989)
}
.fd-calendar__special-day--19.is-active .fd-calendar__text::after,
.fd-calendar__special-day--19:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #295989,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor19,#295989),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #295989,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor19,#295989),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--19.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--19.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #295989,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor19,#295989),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #295989,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor19,#295989),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__special-day--20 .fd-calendar__text::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  height: .25rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #5154bd;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor20,#5154bd);
  box-shadow: inset 0 -.25rem 0 #5154bd;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor20,#5154bd)
}
.fd-calendar__special-day--20.is-active .fd-calendar__text::after,
.fd-calendar__special-day--20:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.25rem 0 #5154bd,inset 0 -.33rem 0 #fff;
  -webkit-box-shadow: inset 0 -.25rem 0 var(--sapLegendColor20,#5154bd),inset 0 -.33rem 0 var(--sapList_Background,#fff);
  box-shadow: inset 0 -.25rem 0 #5154bd,inset 0 -.33rem 0 #fff;
  box-shadow: inset 0 -.25rem 0 var(--sapLegendColor20,#5154bd),inset 0 -.33rem 0 var(--sapList_Background,#fff)
}
.fd-calendar__special-day--20.fd-calendar__item--current.is-active .fd-calendar__text::after,
.fd-calendar__special-day--20.fd-calendar__item--current:active .fd-calendar__text::after {
  height: .3125rem;
  -webkit-box-shadow: inset 0 -.1875rem 0 #5154bd,inset 0 -.25rem #fff;
  -webkit-box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor20,#5154bd),inset 0 -.25rem var(--sapList_Background,#fff);
  box-shadow: inset 0 -.1875rem 0 #5154bd,inset 0 -.25rem #fff;
  box-shadow: inset 0 -.1875rem 0 var(--sapLegendColor20,#5154bd),inset 0 -.25rem var(--sapList_Background,#fff)
}
.fd-calendar__close-button::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-calendar__close-button::before {
  content: ""
}
.fd-calendar__close-button--navigation {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.fd-calendar__close-button--navigation[dir=rtl],
[dir=rtl] .fd-calendar__close-button--navigation {
  left: 0;
  right: auto
}
.fd-calendar--compact {
  width: 17rem;
  padding: .5rem
}
.fd-calendar--compact .fd-calendar__navigation {
  padding-top: .1875rem;
  padding-bottom: .1875rem
}
.fd-calendar--compact .fd-calendar__action--arrow-left,
.fd-calendar--compact .fd-calendar__action--arrow-right {
  width: 1.875rem
}
.fd-calendar--compact .fd-calendar__item {
  height: 1.875rem;
  min-width: 1.875rem
}
.fd-calendar--mobile-landscape,
.fd-calendar--mobile-portrait {
  width: 100%;
  height: 100%
}
.fd-calendar--mobile-landscape {
  padding: 0
}
.fd-calendar--mobile-landscape .fd-calendar__item--side-helper {
  height: 1.625rem
}
.fd-calendar--mobile-landscape .fd-calendar__navigation--main {
  max-width: 20rem
}
.fd-calendar--mobile-portrait {
  padding: 1rem 0 0 0
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-form-message(--help, --error, --warning)
*/
.fd-form-message {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: .5rem;
  min-width: 6rem;
  max-width: 22rem;
  width: 100%;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  font-weight: 400;
  line-height: normal;
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  white-space: pre-line!important;
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3))
}
.fd-form-message::after,
.fd-form-message::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-form-message[dir=rtl],
[dir=rtl] .fd-form-message {
  right: 0
}
.fd-form-message--static {
  margin-top: 0;
  display: table;
  width: auto
}
.fd-form-message--error {
  background-color: #ffebeb;
  background-color: var(--sapErrorBackground,#ffebeb)
}
.fd-form-message--warning {
  background-color: #fef7f1;
  background-color: var(--sapWarningBackground,#fef7f1)
}
.fd-form-message--success {
  background-color: #f1fdf6;
  background-color: var(--sapSuccessBackground,#f1fdf6)
}
.fd-form-message--information {
  background-color: #f5faff;
  background-color: var(--sapInformationBackground,#f5faff)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-input
*/
.fd-input {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #32363a;
  color: var(--sapField_TextColor,#32363a);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapField_BorderWidth,.0625rem);
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem);
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: .75rem;
  padding-right: .75rem;
  min-width: 2.75rem;
  width: 100%;
  height: 2.25rem;
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding: 0 .625rem;
  z-index: 1;
  cursor: text;
  overflow: hidden
}
.fd-input::after,
.fd-input::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-input::-webkit-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-input::-moz-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-input:-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-input::-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-input::placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-input::-moz-selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-input::selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-input.is-hover,
.fd-input:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-input.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-input.is-success.is-hover,
.fd-input.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-input.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-input.is-error.is-hover,
.fd-input.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-input.is-alert,
.fd-input.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-input.is-alert.is-hover,
.fd-input.is-alert:hover,
.fd-input.is-warning.is-hover,
.fd-input.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-input.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-input.is-information.is-hover,
.fd-input.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-input.is-focus,
.fd-input:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-input.is-alert,
.fd-input.is-error,
.fd-input.is-information,
.fd-input.is-warning {
  border-width: .125rem
}
.fd-input.is-alert.is-focus,
.fd-input.is-alert:focus,
.fd-input.is-error.is-focus,
.fd-input.is-error:focus,
.fd-input.is-information.is-focus,
.fd-input.is-information:focus,
.fd-input.is-warning.is-focus,
.fd-input.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-input.is-disabled,
.fd-input:disabled,
.fd-input[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-input.is-disabled::-webkit-input-placeholder,
.fd-input:disabled::-webkit-input-placeholder,
.fd-input[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-input.is-disabled::-moz-placeholder,
.fd-input:disabled::-moz-placeholder,
.fd-input[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-input.is-disabled:-ms-input-placeholder,
.fd-input:disabled:-ms-input-placeholder,
.fd-input[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-input.is-disabled::-ms-input-placeholder,
.fd-input:disabled::-ms-input-placeholder,
.fd-input[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-input.is-disabled::placeholder,
.fd-input:disabled::placeholder,
.fd-input[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-input.is-readonly,
.fd-input[aria-readonly=true],
.fd-input[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-input.is-readonly::-webkit-input-placeholder,
.fd-input[aria-readonly=true]::-webkit-input-placeholder,
.fd-input[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-input.is-readonly::-moz-placeholder,
.fd-input[aria-readonly=true]::-moz-placeholder,
.fd-input[readonly]::-moz-placeholder {
  color: transparent
}
.fd-input.is-readonly:-ms-input-placeholder,
.fd-input[aria-readonly=true]:-ms-input-placeholder,
.fd-input[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-input.is-readonly::-ms-input-placeholder,
.fd-input[aria-readonly=true]::-ms-input-placeholder,
.fd-input[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-input.is-readonly::placeholder,
.fd-input[aria-readonly=true]::placeholder,
.fd-input[readonly]::placeholder {
  color: transparent
}
.fd-input::-ms-clear {
  display: none
}
.fd-input[aria-expanded=false] {
  z-index: 0
}
.fd-input[aria-expanded=true] {
  z-index: 4
}
.fd-input:last-child {
  margin-bottom: .25rem
}
.fd-input--compact {
  min-width: 2rem;
  height: 1.625rem;
  margin-top: .1875rem;
  margin-bottom: .1875rem;
  padding: 0 .5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.fd-input--no-number-spinner {
  -moz-appearance: textfield
}
.fd-input--no-number-spinner::-webkit-inner-spin-button,
.fd-input--no-number-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.fd-input.right-align {
  text-align: right
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-input-group+(--inline, --control)
    .fd-input-group__addon+(--button)
*/
.fd-input-group {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapField_BorderWidth,.0625rem);
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  width: 100%;
  overflow: hidden
}
.fd-input-group::after,
.fd-input-group::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-input-group.is-hover,
.fd-input-group:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-input-group.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-input-group.is-success.is-hover,
.fd-input-group.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-input-group.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-input-group.is-error.is-hover,
.fd-input-group.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-input-group.is-alert,
.fd-input-group.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-input-group.is-alert.is-hover,
.fd-input-group.is-alert:hover,
.fd-input-group.is-warning.is-hover,
.fd-input-group.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-input-group.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-input-group.is-information.is-hover,
.fd-input-group.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-input-group.is-focus,
.fd-input-group:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-input-group.is-alert,
.fd-input-group.is-error,
.fd-input-group.is-information,
.fd-input-group.is-warning {
  border-width: .125rem
}
.fd-input-group.is-alert.is-focus,
.fd-input-group.is-alert:focus,
.fd-input-group.is-error.is-focus,
.fd-input-group.is-error:focus,
.fd-input-group.is-information.is-focus,
.fd-input-group.is-information:focus,
.fd-input-group.is-warning.is-focus,
.fd-input-group.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-input-group.is-disabled,
.fd-input-group:disabled,
.fd-input-group[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-input-group.is-disabled::-webkit-input-placeholder,
.fd-input-group:disabled::-webkit-input-placeholder,
.fd-input-group[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-input-group.is-disabled::-moz-placeholder,
.fd-input-group:disabled::-moz-placeholder,
.fd-input-group[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-input-group.is-disabled:-ms-input-placeholder,
.fd-input-group:disabled:-ms-input-placeholder,
.fd-input-group[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-input-group.is-disabled::-ms-input-placeholder,
.fd-input-group:disabled::-ms-input-placeholder,
.fd-input-group[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-input-group.is-disabled::placeholder,
.fd-input-group:disabled::placeholder,
.fd-input-group[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-input-group.is-readonly,
.fd-input-group[aria-readonly=true],
.fd-input-group[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-input-group.is-readonly::-webkit-input-placeholder,
.fd-input-group[aria-readonly=true]::-webkit-input-placeholder,
.fd-input-group[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-input-group.is-readonly::-moz-placeholder,
.fd-input-group[aria-readonly=true]::-moz-placeholder,
.fd-input-group[readonly]::-moz-placeholder {
  color: transparent
}
.fd-input-group.is-readonly:-ms-input-placeholder,
.fd-input-group[aria-readonly=true]:-ms-input-placeholder,
.fd-input-group[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-input-group.is-readonly::-ms-input-placeholder,
.fd-input-group[aria-readonly=true]::-ms-input-placeholder,
.fd-input-group[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-input-group.is-readonly::placeholder,
.fd-input-group[aria-readonly=true]::placeholder,
.fd-input-group[readonly]::placeholder {
  color: transparent
}
.fd-input-group.is-focus,
.fd-input-group:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-input-group > * {
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem)
}
.fd-input-group > :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.fd-input-group > :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.fd-input-group > :not(:first-child):not(:last-child) {
  border-radius: 0
}
.fd-input-group > [dir=rtl],
[dir=rtl] .fd-input-group > * {
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem)
}
.fd-input-group > [dir=rtl]:first-child,
[dir=rtl] .fd-input-group > :first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.fd-input-group > [dir=rtl]:last-child,
[dir=rtl] .fd-input-group > :last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.fd-input-group .fd-input-group__input {
  background-color: transparent;
  border: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10rem;
  flex: 1 1 10rem;
  padding-right: .25rem;
  padding-left: .25rem
}
.fd-input-group .fd-input-group__input:nth-child(n+1) {
  margin: 0
}
.fd-input-group .fd-input-group__input.is-focus,
.fd-input-group .fd-input-group__input:focus {
  z-index: 5;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-input-group .fd-input-group__input.is-disabled,
.fd-input-group .fd-input-group__input:disabled,
.fd-input-group .fd-input-group__input[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-input-group .fd-input-group__input:nth-child(1) {
  padding-left: .625rem;
  padding-right: .25rem
}
.fd-input-group .fd-input-group__input:nth-child(1)[dir=rtl],
[dir=rtl] .fd-input-group .fd-input-group__input:nth-child(1) {
  padding-left: .25rem;
  padding-right: .625rem
}
.fd-input-group .fd-input-group__input:nth-last-child(1) {
  padding-left: .25rem;
  padding-right: .625rem
}
.fd-input-group .fd-input-group__input:nth-last-child(1)[dir=rtl],
[dir=rtl] .fd-input-group .fd-input-group__input:nth-last-child(1) {
  padding-left: .625rem;
  padding-right: .25rem
}
.fd-input-group--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
  width: auto
}
.fd-input-group__addon {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem);
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding-left: .625rem;
  padding-right: .625rem
}
.fd-input-group__addon::after,
.fd-input-group__addon::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-input-group__addon span[class*=sap-icon--]::before {
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem)
}
.fd-input-group__addon--compact {
  min-width: 2rem;
  min-height: 1.625rem
}
.fd-input-group__addon--readonly {
  opacity: .4
}
.fd-input-group__addon--button {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: none;
  border-radius: .0625rem
}
.fd-input-group__addon--button .fd-input-group__button {
  border-radius: 0;
  height: 100%;
  max-height: 100%
}
.fd-input-group__addon--button .fd-input-group__button:nth-child(n+1) {
  margin: 0
}
.fd-input-group__addon--button > * {
  border-radius: 0
}
.fd-input-group__addon--button:first-child {
  border-radius: .0625rem 0 0 .0625rem
}
.fd-input-group__addon--button:last-child {
  border-radius: 0 .0625rem .0625rem 0
}
.fd-input-group__addon--button:not(:first-child):not(:last-child) .fd-input-group__button {
  border-radius: 0
}
.fd-input-group__addon--button[dir=rtl]:first-child,
[dir=rtl] .fd-input-group__addon--button:first-child {
  border-radius: 0 .0625rem .0625rem 0;
  margin-right: 0
}
.fd-input-group__addon--button[dir=rtl]:last-child,
[dir=rtl] .fd-input-group__addon--button:last-child {
  border-radius: .0625rem 0 0 .0625rem;
  margin-left: 0
}
.fd-input-group__button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  width: 100%
}
.fd-input-group .fd-button.fd-input-group__button {
  border-color: transparent
}
.fd-input-group--control .fd-input-group__button.is-expanded {
  background-color: #0854a0;
  background-color: var(--sapButton_Active_Background,#0854a0);
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff)
}
.fd-input-group--control .fd-input-group__button.is-expanded.is-focus,
.fd-input-group--control .fd-input-group__button.is-expanded:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted);
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-input-group .fd-textarea {
  resize: vertical
}
.fd-input-group.is-readonly,
.fd-input-group[readonly] {
  overflow: visible
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-list {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  list-style: none;
  width: 100%
}
.fd-list::after,
.fd-list::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list__footer,
.fd-list__group-header,
.fd-list__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  height: 2.75rem
}
.fd-list__footer::after,
.fd-list__footer::before,
.fd-list__group-header::after,
.fd-list__group-header::before,
.fd-list__item::after,
.fd-list__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list__item {
  border-bottom: .0625rem solid #e4e4e4;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4);
  background: #fff;
  background: var(--sapList_Background,#fff);
  position: relative
}
.fd-list__item.is-focus,
.fd-list__item:focus {
  outline: 0
}
.fd-list__item.is-focus::before,
.fd-list__item:focus::before {
  content: '';
  position: absolute;
  display: block;
  border: .0625rem dotted #000;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  top: .125rem;
  left: .125rem;
  right: .125rem;
  bottom: .125rem
}
.fd-list__item.is-focus.is-active::before,
.fd-list__item.is-focus:active::before,
.fd-list__item:focus.is-active::before,
.fd-list__item:focus:active::before {
  border: .0625rem dotted #fff;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_ContrastFocusColor,#fff)
}
.fd-list__item--no-data .fd-list__title {
  text-align: center
}
.fd-list__item--action {
  padding: 0;
  text-align: center
}
.fd-list__item--action:first-child {
  border-top: .0625rem solid #e4e4e4;
  border-top: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-list__item--action .fd-list__title {
  padding: 0 1rem;
  height: 100%;
  width: 100%;
  background: 0 0;
  color: #0854a0;
  color: var(--sapButton_TextColor,#0854a0);
  pointer-events: all;
  cursor: pointer
}
.fd-list__item--action .fd-list__title.is-hover,
.fd-list__item--action .fd-list__title:hover {
  background: #f5f5f5;
  background: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-list__item--action .fd-list__title.is-selected,
.fd-list__item--action .fd-list__title[aria-selected=true] {
  background: #e5f0fa;
  background: var(--sapList_SelectionBackgroundColor,#e5f0fa);
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-list__item--action .fd-list__title.is-selected.is-hover,
.fd-list__item--action .fd-list__title.is-selected:hover,
.fd-list__item--action .fd-list__title[aria-selected=true].is-hover,
.fd-list__item--action .fd-list__title[aria-selected=true]:hover {
  background: #d8e9f8;
  background: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-list__item--action .fd-list__title.is-active,
.fd-list__item--action .fd-list__title:active {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list__item--action .fd-list__title.is-active.is-hover,
.fd-list__item--action .fd-list__title.is-active:hover,
.fd-list__item--action .fd-list__title:active.is-hover,
.fd-list__item--action .fd-list__title:active:hover {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list__item--action .fd-list__title.is-active.is-selected,
.fd-list__item--action .fd-list__title.is-active[aria-selected=true],
.fd-list__item--action .fd-list__title:active.is-selected,
.fd-list__item--action .fd-list__title:active[aria-selected=true] {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list__item--action .fd-list__title.is-active.is-selected.is-hover,
.fd-list__item--action .fd-list__title.is-active.is-selected:hover,
.fd-list__item--action .fd-list__title.is-active[aria-selected=true].is-hover,
.fd-list__item--action .fd-list__title.is-active[aria-selected=true]:hover,
.fd-list__item--action .fd-list__title:active.is-selected.is-hover,
.fd-list__item--action .fd-list__title:active.is-selected:hover,
.fd-list__item--action .fd-list__title:active[aria-selected=true].is-hover,
.fd-list__item--action .fd-list__title:active[aria-selected=true]:hover {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list__item--action .fd-list__title.is-active,
.fd-list__item--action .fd-list__title.is-active .fd-list__byline,
.fd-list__item--action .fd-list__title.is-active .fd-list__byline-left,
.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right,
.fd-list__item--action .fd-list__title.is-active .fd-list__content,
.fd-list__item--action .fd-list__title.is-active .fd-list__icon,
.fd-list__item--action .fd-list__title.is-active .fd-list__secondary,
.fd-list__item--action .fd-list__title.is-active .fd-list__thumbnail,
.fd-list__item--action .fd-list__title.is-active .fd-list__title,
.fd-list__item--action .fd-list__title.is-active.fd-list__link--navigation-indicator::after,
.fd-list__item--action .fd-list__title:active,
.fd-list__item--action .fd-list__title:active .fd-list__byline,
.fd-list__item--action .fd-list__title:active .fd-list__byline-left,
.fd-list__item--action .fd-list__title:active .fd-list__byline-right,
.fd-list__item--action .fd-list__title:active .fd-list__content,
.fd-list__item--action .fd-list__title:active .fd-list__icon,
.fd-list__item--action .fd-list__title:active .fd-list__secondary,
.fd-list__item--action .fd-list__title:active .fd-list__thumbnail,
.fd-list__item--action .fd-list__title:active .fd-list__title,
.fd-list__item--action .fd-list__title:active.fd-list__link--navigation-indicator::after {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--neutral,
.fd-list__item--action .fd-list__title:active .fd-list__byline-right--neutral {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--positive,
.fd-list__item--action .fd-list__title:active .fd-list__byline-right--positive {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--critical,
.fd-list__item--action .fd-list__title:active .fd-list__byline-right--critical {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--negative,
.fd-list__item--action .fd-list__title:active .fd-list__byline-right--negative {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__item--action .fd-list__title.is-active .fd-list__byline-right--informative,
.fd-list__item--action .fd-list__title:active .fd-list__byline-right--informative {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__item--action .fd-list__title.is-focus,
.fd-list__item--action .fd-list__title:focus {
  z-index: 5;
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.125rem
}
.fd-list__item--action .fd-list__title.is-focus.is-active,
.fd-list__item--action .fd-list__title.is-focus:active,
.fd-list__item--action .fd-list__title:focus.is-active,
.fd-list__item--action .fd-list__title:focus:active {
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-list__item--action .fd-list__title::-moz-focus-inner {
  border: 0
}
.fd-list__secondary,
.fd-list__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  line-height: 1rem;
  color: #32363a;
  color: var(--sapList_TextColor,#32363a)
}
.fd-list__secondary::after,
.fd-list__secondary::before,
.fd-list__title::after,
.fd-list__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list__title {
  -webkit-box-flex: 3;
  -ms-flex: 3 3 10%;
  flex: 3 3 10%;
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem);
  min-height: .875rem;
  min-height: var(--sapFontSize,.875rem)
}
.fd-list__title:last-child:first-child {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}
.fd-list__secondary {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  -webkit-box-flex: 2;
  -ms-flex: 2 2 10%;
  flex: 2 2 10%;
  text-align: right;
  padding-left: 1rem
}
.fd-list__secondary[dir=rtl],
[dir=rtl] .fd-list__secondary {
  text-align: left;
  padding-right: 1rem;
  padding-left: 0
}
.fd-list__icon {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  pointer-events: none;
  color: #32363a;
  color: var(--sapList_TextColor,#32363a);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-size: var(--sapFontHeader4Size,1.125rem)
}
.fd-list__icon::after,
.fd-list__icon::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list__icon:first-child {
  margin-left: -1rem
}
.fd-list__icon:last-child {
  margin-right: -1rem
}
.fd-list__icon[dir=rtl]:first-child,
[dir=rtl] .fd-list__icon:first-child {
  margin-right: -1rem;
  margin-left: 0
}
.fd-list__icon[dir=rtl]:last-child,
[dir=rtl] .fd-list__icon:last-child {
  margin-left: -1rem;
  margin-right: 0
}
.fd-list__link {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  cursor: pointer
}
.fd-list__link::after,
.fd-list__link::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list__link.is-focus,
.fd-list__link:focus {
  outline: 0
}
.fd-list__link.is-focus::before,
.fd-list__link:focus::before {
  content: '';
  position: absolute;
  display: block;
  border: .0625rem dotted #000;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  top: .125rem;
  left: .125rem;
  right: .125rem;
  bottom: .125rem
}
.fd-list__link.is-focus.is-active::before,
.fd-list__link.is-focus:active::before,
.fd-list__link:focus.is-active::before,
.fd-list__link:focus:active::before {
  border: .0625rem dotted #fff;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_ContrastFocusColor,#fff)
}
.fd-list__link.is-hover,
.fd-list__link:hover {
  background: #f5f5f5;
  background: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-list__link.is-selected,
.fd-list__link[aria-selected=true] {
  background: #e5f0fa;
  background: var(--sapList_SelectionBackgroundColor,#e5f0fa);
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-list__link.is-selected.is-hover,
.fd-list__link.is-selected:hover,
.fd-list__link[aria-selected=true].is-hover,
.fd-list__link[aria-selected=true]:hover {
  background: #d8e9f8;
  background: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-list__link.is-active,
.fd-list__link:active {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list__link.is-active.is-hover,
.fd-list__link.is-active:hover,
.fd-list__link:active.is-hover,
.fd-list__link:active:hover {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list__link.is-active.is-selected,
.fd-list__link.is-active[aria-selected=true],
.fd-list__link:active.is-selected,
.fd-list__link:active[aria-selected=true] {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list__link.is-active.is-selected.is-hover,
.fd-list__link.is-active.is-selected:hover,
.fd-list__link.is-active[aria-selected=true].is-hover,
.fd-list__link.is-active[aria-selected=true]:hover,
.fd-list__link:active.is-selected.is-hover,
.fd-list__link:active.is-selected:hover,
.fd-list__link:active[aria-selected=true].is-hover,
.fd-list__link:active[aria-selected=true]:hover {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list__link.is-active,
.fd-list__link.is-active .fd-list__byline,
.fd-list__link.is-active .fd-list__byline-left,
.fd-list__link.is-active .fd-list__byline-right,
.fd-list__link.is-active .fd-list__content,
.fd-list__link.is-active .fd-list__icon,
.fd-list__link.is-active .fd-list__secondary,
.fd-list__link.is-active .fd-list__thumbnail,
.fd-list__link.is-active .fd-list__title,
.fd-list__link.is-active.fd-list__link--navigation-indicator::after,
.fd-list__link:active,
.fd-list__link:active .fd-list__byline,
.fd-list__link:active .fd-list__byline-left,
.fd-list__link:active .fd-list__byline-right,
.fd-list__link:active .fd-list__content,
.fd-list__link:active .fd-list__icon,
.fd-list__link:active .fd-list__secondary,
.fd-list__link:active .fd-list__thumbnail,
.fd-list__link:active .fd-list__title,
.fd-list__link:active.fd-list__link--navigation-indicator::after {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__link.is-active .fd-list__byline-right--neutral,
.fd-list__link:active .fd-list__byline-right--neutral {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__link.is-active .fd-list__byline-right--positive,
.fd-list__link:active .fd-list__byline-right--positive {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__link.is-active .fd-list__byline-right--critical,
.fd-list__link:active .fd-list__byline-right--critical {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__link.is-active .fd-list__byline-right--negative,
.fd-list__link:active .fd-list__byline-right--negative {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__link.is-active .fd-list__byline-right--informative,
.fd-list__link:active .fd-list__byline-right--informative {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list__group-header {
  background: #fff;
  background: var(--sapList_GroupHeaderBackground,#fff);
  border-bottom: .0625rem solid #d8d8d8;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_GroupHeaderBorderColor,#d8d8d8);
  color: #32363a;
  color: var(--sapList_GroupHeaderTextColor,#32363a);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  font-weight: 700;
  height: 2.75rem;
  line-height: 2rem
}
.fd-list__footer {
  background: #fafafa;
  background: var(--sapList_FooterBackground,#fafafa);
  color: #32363a;
  color: var(--sapList_FooterTextColor,#32363a);
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  height: 2rem
}
.fd-list__bold {
  font-weight: 700
}
.fd-list__message {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  line-height: 2rem;
  width: 100%;
  top: 0;
  left: 0;
  height: 2rem;
  padding-left: .5rem;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-list__message::after,
.fd-list__message::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list__message[dir=rtl],
[dir=rtl] .fd-list__message {
  padding-left: 0;
  padding-right: .5rem
}
.fd-list__message--error {
  background-color: #ffebeb;
  background-color: var(--sapErrorBackground,#ffebeb)
}
.fd-list__message--warning {
  background-color: #fef7f1;
  background-color: var(--sapWarningBackground,#fef7f1)
}
.fd-list__message--success {
  background-color: #f1fdf6;
  background-color: var(--sapSuccessBackground,#f1fdf6)
}
.fd-list__message--information {
  background-color: #f5faff;
  background-color: var(--sapInformationBackground,#f5faff)
}
.fd-list--compact .fd-list__item {
  height: 2rem
}
.fd-list--compact .fd-list__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  min-height: .875rem;
  min-height: var(--sapFontSize,.875rem)
}
.fd-list--compact .fd-list__icon {
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem)
}
.fd-list--no-border .fd-list__group-header,
.fd-list--no-border .fd-list__item {
  border-bottom: 0;
  border-top: 0
}
.fd-list--no-border .fd-list__item.is-selected,
.fd-list--no-border .fd-list__item[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-list--has-message {
  padding-top: 2rem
}
.fd-list--dropdown.is-focus,
.fd-list--dropdown:focus {
  z-index: 5;
  outline: 0
}
.fd-list--dropdown .fd-list__item {
  height: auto;
  padding: .75rem 1rem
}
.fd-list--dropdown .fd-list__item.is-hover,
.fd-list--dropdown .fd-list__item:hover {
  background: #f5f5f5;
  background: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-list--dropdown .fd-list__item.is-selected,
.fd-list--dropdown .fd-list__item[aria-selected=true] {
  background: #e5f0fa;
  background: var(--sapList_SelectionBackgroundColor,#e5f0fa);
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-list--dropdown .fd-list__item.is-selected.is-hover,
.fd-list--dropdown .fd-list__item.is-selected:hover,
.fd-list--dropdown .fd-list__item[aria-selected=true].is-hover,
.fd-list--dropdown .fd-list__item[aria-selected=true]:hover {
  background: #d8e9f8;
  background: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-list--dropdown .fd-list__item.is-active,
.fd-list--dropdown .fd-list__item:active {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list--dropdown .fd-list__item.is-active.is-hover,
.fd-list--dropdown .fd-list__item.is-active:hover,
.fd-list--dropdown .fd-list__item:active.is-hover,
.fd-list--dropdown .fd-list__item:active:hover {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list--dropdown .fd-list__item.is-active.is-selected,
.fd-list--dropdown .fd-list__item.is-active[aria-selected=true],
.fd-list--dropdown .fd-list__item:active.is-selected,
.fd-list--dropdown .fd-list__item:active[aria-selected=true] {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list--dropdown .fd-list__item.is-active.is-selected.is-hover,
.fd-list--dropdown .fd-list__item.is-active.is-selected:hover,
.fd-list--dropdown .fd-list__item.is-active[aria-selected=true].is-hover,
.fd-list--dropdown .fd-list__item.is-active[aria-selected=true]:hover,
.fd-list--dropdown .fd-list__item:active.is-selected.is-hover,
.fd-list--dropdown .fd-list__item:active.is-selected:hover,
.fd-list--dropdown .fd-list__item:active[aria-selected=true].is-hover,
.fd-list--dropdown .fd-list__item:active[aria-selected=true]:hover {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list--dropdown .fd-list__item.is-active,
.fd-list--dropdown .fd-list__item.is-active .fd-list__byline,
.fd-list--dropdown .fd-list__item.is-active .fd-list__byline-left,
.fd-list--dropdown .fd-list__item.is-active .fd-list__byline-right,
.fd-list--dropdown .fd-list__item.is-active .fd-list__content,
.fd-list--dropdown .fd-list__item.is-active .fd-list__icon,
.fd-list--dropdown .fd-list__item.is-active .fd-list__secondary,
.fd-list--dropdown .fd-list__item.is-active .fd-list__thumbnail,
.fd-list--dropdown .fd-list__item.is-active .fd-list__title,
.fd-list--dropdown .fd-list__item.is-active.fd-list__link--navigation-indicator::after,
.fd-list--dropdown .fd-list__item:active,
.fd-list--dropdown .fd-list__item:active .fd-list__byline,
.fd-list--dropdown .fd-list__item:active .fd-list__byline-left,
.fd-list--dropdown .fd-list__item:active .fd-list__byline-right,
.fd-list--dropdown .fd-list__item:active .fd-list__content,
.fd-list--dropdown .fd-list__item:active .fd-list__icon,
.fd-list--dropdown .fd-list__item:active .fd-list__secondary,
.fd-list--dropdown .fd-list__item:active .fd-list__thumbnail,
.fd-list--dropdown .fd-list__item:active .fd-list__title,
.fd-list--dropdown .fd-list__item:active.fd-list__link--navigation-indicator::after {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--dropdown .fd-list__item.is-active .fd-list__byline-right--neutral,
.fd-list--dropdown .fd-list__item:active .fd-list__byline-right--neutral {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--dropdown .fd-list__item.is-active .fd-list__byline-right--positive,
.fd-list--dropdown .fd-list__item:active .fd-list__byline-right--positive {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--dropdown .fd-list__item.is-active .fd-list__byline-right--critical,
.fd-list--dropdown .fd-list__item:active .fd-list__byline-right--critical {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--dropdown .fd-list__item.is-active .fd-list__byline-right--negative,
.fd-list--dropdown .fd-list__item:active .fd-list__byline-right--negative {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--dropdown .fd-list__item.is-active .fd-list__byline-right--informative,
.fd-list--dropdown .fd-list__item:active .fd-list__byline-right--informative {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--dropdown.fd-list--compact .fd-list__item {
  height: auto;
  padding: .5rem 1rem
}
.fd-list--multi-input .fd-list__item {
  padding: 0;
  height: auto
}
.fd-list--multi-input .fd-list__item.is-hover,
.fd-list--multi-input .fd-list__item:hover {
  background: #f5f5f5;
  background: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-list--multi-input .fd-list__item.is-selected,
.fd-list--multi-input .fd-list__item[aria-selected=true] {
  background: #e5f0fa;
  background: var(--sapList_SelectionBackgroundColor,#e5f0fa);
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-list--multi-input .fd-list__item.is-selected.is-hover,
.fd-list--multi-input .fd-list__item.is-selected:hover,
.fd-list--multi-input .fd-list__item[aria-selected=true].is-hover,
.fd-list--multi-input .fd-list__item[aria-selected=true]:hover {
  background: #d8e9f8;
  background: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-list--multi-input .fd-list__item.is-active,
.fd-list--multi-input .fd-list__item:active {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list--multi-input .fd-list__item.is-active.is-hover,
.fd-list--multi-input .fd-list__item.is-active:hover,
.fd-list--multi-input .fd-list__item:active.is-hover,
.fd-list--multi-input .fd-list__item:active:hover {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list--multi-input .fd-list__item.is-active.is-selected,
.fd-list--multi-input .fd-list__item.is-active[aria-selected=true],
.fd-list--multi-input .fd-list__item:active.is-selected,
.fd-list--multi-input .fd-list__item:active[aria-selected=true] {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list--multi-input .fd-list__item.is-active.is-selected.is-hover,
.fd-list--multi-input .fd-list__item.is-active.is-selected:hover,
.fd-list--multi-input .fd-list__item.is-active[aria-selected=true].is-hover,
.fd-list--multi-input .fd-list__item.is-active[aria-selected=true]:hover,
.fd-list--multi-input .fd-list__item:active.is-selected.is-hover,
.fd-list--multi-input .fd-list__item:active.is-selected:hover,
.fd-list--multi-input .fd-list__item:active[aria-selected=true].is-hover,
.fd-list--multi-input .fd-list__item:active[aria-selected=true]:hover {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-list--multi-input .fd-list__item.is-active,
.fd-list--multi-input .fd-list__item.is-active .fd-list__byline,
.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-left,
.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right,
.fd-list--multi-input .fd-list__item.is-active .fd-list__content,
.fd-list--multi-input .fd-list__item.is-active .fd-list__icon,
.fd-list--multi-input .fd-list__item.is-active .fd-list__secondary,
.fd-list--multi-input .fd-list__item.is-active .fd-list__thumbnail,
.fd-list--multi-input .fd-list__item.is-active .fd-list__title,
.fd-list--multi-input .fd-list__item.is-active.fd-list__link--navigation-indicator::after,
.fd-list--multi-input .fd-list__item:active,
.fd-list--multi-input .fd-list__item:active .fd-list__byline,
.fd-list--multi-input .fd-list__item:active .fd-list__byline-left,
.fd-list--multi-input .fd-list__item:active .fd-list__byline-right,
.fd-list--multi-input .fd-list__item:active .fd-list__content,
.fd-list--multi-input .fd-list__item:active .fd-list__icon,
.fd-list--multi-input .fd-list__item:active .fd-list__secondary,
.fd-list--multi-input .fd-list__item:active .fd-list__thumbnail,
.fd-list--multi-input .fd-list__item:active .fd-list__title,
.fd-list--multi-input .fd-list__item:active.fd-list__link--navigation-indicator::after {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--neutral,
.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--neutral {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--positive,
.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--positive {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--critical,
.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--critical {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--negative,
.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--negative {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--multi-input .fd-list__item.is-active .fd-list__byline-right--informative,
.fd-list--multi-input .fd-list__item:active .fd-list__byline-right--informative {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-list--multi-input .fd-list__label {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: inherit;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0
}
.fd-list--multi-input .fd-list__label::after,
.fd-list--multi-input .fd-list__label::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list--multi-input .fd-list__label::before {
  margin-top: -.1875rem;
  margin-bottom: -.1875rem
}
.fd-list--multi-input .fd-list__input.is-focus,
.fd-list--multi-input .fd-list__input:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-list--multi-input .fd-list__input.is-focus + .fd-list__label::after,
.fd-list--multi-input .fd-list__input:focus + .fd-list__label::after {
  top: .0625rem;
  bottom: .0625rem;
  left: .0625rem;
  right: .0625rem
}
.fd-list--multi-input .fd-list__footer {
  height: auto;
  text-align: right;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 1rem;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-list--multi-input .fd-list__footer,
.fd-list--multi-input .fd-list__label {
  padding: .75rem 1rem
}
.fd-list--multi-input.fd-list--compact .fd-list__item {
  padding: 0;
  height: auto
}
.fd-list--multi-input.fd-list--compact .fd-list__label::before {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0
}
.fd-list--multi-input.fd-list--compact .fd-list__footer,
.fd-list--multi-input.fd-list--compact .fd-list__label {
  padding: .5rem 1rem
}
.fd-list--dropdown,
.fd-list--multi-input {
  display: block;
  min-width: 5rem;
  max-width: 37.5rem
}
.fd-list--dropdown .fd-list__item,
.fd-list--multi-input .fd-list__item {
  cursor: pointer;
  border: none
}
.fd-list--dropdown .fd-list__item.is-selected,
.fd-list--dropdown .fd-list__item[aria-selected=true],
.fd-list--multi-input .fd-list__item.is-selected,
.fd-list--multi-input .fd-list__item[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-list--dropdown .fd-list__secondary,
.fd-list--dropdown .fd-list__title,
.fd-list--multi-input .fd-list__secondary,
.fd-list--multi-input .fd-list__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  white-space: normal;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto
}
.fd-list--dropdown .fd-list__secondary--no-wrap,
.fd-list--dropdown .fd-list__title--no-wrap,
.fd-list--multi-input .fd-list__secondary--no-wrap,
.fd-list--multi-input .fd-list__title--no-wrap {
  white-space: nowrap
}
.fd-list--dropdown .fd-list__title,
.fd-list--multi-input .fd-list__title {
  width: auto;
  max-width: 22.5rem
}
.fd-list--dropdown .fd-list__title:first-child:last-child,
.fd-list--multi-input .fd-list__title:first-child:last-child {
  max-width: 37.5rem
}
.fd-list--dropdown .fd-list__secondary,
.fd-list--multi-input .fd-list__secondary {
  width: auto;
  max-width: 15rem
}
.fd-list--dropdown .fd-list__icon,
.fd-list--multi-input .fd-list__icon {
  line-height: 1rem
}
.fd-list--dropdown > :last-child,
.fd-list--multi-input > :last-child {
  border-bottom-left-radius: .25rem;
  border-bottom-left-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-bottom-right-radius: .25rem;
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-list--byline .fd-list__item {
  width: 100%;
  height: 5rem;
  padding: 1rem 1rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.fd-list--byline .fd-list__thumbnail {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  border-radius: .25rem;
  margin-right: .75rem;
  font-size: 2.5rem;
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70)
}
.fd-list--byline .fd-list__thumbnail::after,
.fd-list--byline .fd-list__thumbnail::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list--byline .fd-list__thumbnail[dir=rtl],
[dir=rtl] .fd-list--byline .fd-list__thumbnail {
  margin-right: 0;
  margin-left: .75rem
}
.fd-list--byline .fd-list__content {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  min-height: 3rem;
  min-width: 3rem;
  height: 100%;
  width: 100%;
  padding: .125rem 0
}
.fd-list--byline .fd-list__content::after,
.fd-list--byline .fd-list__content::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list--byline .fd-list__title {
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem)
}
.fd-list--byline .fd-list__byline {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  line-height: 1rem
}
.fd-list--byline .fd-list__byline::after,
.fd-list--byline .fd-list__byline::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list--byline .fd-list__byline--2-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.fd-list--byline .fd-list__byline-left {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%;
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  padding-right: .5rem;
  line-height: 1rem
}
.fd-list--byline .fd-list__byline-left::after,
.fd-list--byline .fd-list__byline-left::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list--byline .fd-list__byline-left[dir=rtl],
[dir=rtl] .fd-list--byline .fd-list__byline-left {
  padding-left: .5rem;
  padding-right: 0
}
.fd-list--byline .fd-list__byline-right {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 40%;
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  padding-left: .5rem;
  line-height: 1rem
}
.fd-list--byline .fd-list__byline-right::after,
.fd-list--byline .fd-list__byline-right::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-list--byline .fd-list__byline-right[dir=rtl],
[dir=rtl] .fd-list--byline .fd-list__byline-right {
  padding-left: 0;
  padding-right: .5rem
}
.fd-list--byline .fd-list__byline-right--neutral {
  color: #6a6d70;
  color: var(--sapNeutralTextColor,#6a6d70)
}
.fd-list--byline .fd-list__byline-right--positive {
  color: #107e3e;
  color: var(--sapPositiveTextColor,#107e3e)
}
.fd-list--byline .fd-list__byline-right--critical {
  color: #e9730c;
  color: var(--sapCriticalTextColor,#e9730c)
}
.fd-list--byline .fd-list__byline-right--negative {
  color: #b00;
  color: var(--sapNegativeTextColor,#b00)
}
.fd-list--byline .fd-list__byline-right--informative {
  color: #053b70;
  color: var(--sapInformativeTextColor,#053b70)
}
.fd-list--byline.fd-list--compact .fd-list__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem)
}
.fd-list--byline.fd-list--no-border .fd-list__item {
  padding: .5rem 1rem;
  max-height: 5rem;
  height: 100%
}
.fd-list--byline.fd-list--no-border .fd-list__item:first-child {
  padding-top: 1rem
}
.fd-list--byline.fd-list--no-border .fd-list__item:last-child {
  padding-bottom: 1rem
}
.fd-list--navigation .fd-list__item--link {
  padding: 0
}
.fd-list--navigation .fd-list__link {
  padding-left: 1rem;
  padding-right: 1rem
}
.fd-list--navigation .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation .fd-list__link {
  padding-left: 1rem;
  padding-right: 1rem
}
.fd-list--navigation.fd-list--navigation-indication .fd-list__link {
  padding-left: 1rem;
  padding-right: 0
}
.fd-list--navigation.fd-list--navigation-indication .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--navigation-indication .fd-list__link {
  padding-left: 0;
  padding-right: 1rem
}
.fd-list--navigation.fd-list--selection .fd-list__item--link {
  padding: 0
}
.fd-list--navigation.fd-list--selection .fd-list__link {
  padding-left: 2.75rem;
  padding-right: 1rem
}
.fd-list--navigation.fd-list--selection .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--selection .fd-list__link {
  padding-left: 1rem;
  padding-right: 2.75rem
}
.fd-list--navigation.fd-list--selection.fd-list--compact .fd-list__link {
  padding-left: 2rem;
  padding-right: 1rem
}
.fd-list--navigation.fd-list--selection.fd-list--compact .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--selection.fd-list--compact .fd-list__link {
  padding-left: 1rem;
  padding-right: 2rem
}
.fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__item--link {
  padding: 0
}
.fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__link {
  padding-left: 2.75rem;
  padding-right: 0
}
.fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--selection.fd-list--navigation-indication .fd-list__link {
  padding-left: 0;
  padding-right: 2.75rem
}
.fd-list--navigation.fd-list--selection.fd-list--navigation-indication.fd-list--compact .fd-list__link {
  padding-left: 2rem;
  padding-right: 0
}
.fd-list--navigation.fd-list--selection.fd-list--navigation-indication.fd-list--compact .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--selection.fd-list--navigation-indication.fd-list--compact .fd-list__link {
  padding-left: 0;
  padding-right: 2rem
}
.fd-list--navigation.fd-list--byline .fd-list__item--link,
.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__item--link {
  padding: 0
}
.fd-list--navigation.fd-list--byline .fd-list__link,
.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem
}
.fd-list--navigation.fd-list--byline .fd-list__link[dir=rtl],
.fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--byline .fd-list__link,
[dir=rtl] .fd-list--navigation.fd-list--byline.fd-list--compact .fd-list__link {
  padding-left: 1rem;
  padding-right: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--navigation-indication .fd-list__link {
  padding-left: 1rem;
  padding-right: 0
}
.fd-list--navigation.fd-list--byline.fd-list--navigation-indication .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--byline.fd-list--navigation-indication .fd-list__link {
  padding-left: 0;
  padding-right: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link .fd-list__link {
  padding-top: .5rem;
  padding-bottom: .5rem
}
.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child {
  padding-top: 0
}
.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link {
  padding-top: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator::after {
  margin-bottom: .5rem
}
.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child {
  padding-bottom: 0
}
.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link {
  padding-bottom: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator::after {
  margin-top: .25rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__item--link {
  padding: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__link {
  padding-left: 2.75rem;
  padding-right: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--byline.fd-list--selection .fd-list__link {
  padding-left: 1rem;
  padding-right: 2.75rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--compact .fd-list__item--link {
  padding: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--compact .fd-list__link {
  padding-left: 2.75rem;
  padding-right: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--compact .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--compact .fd-list__link {
  padding-left: 1rem;
  padding-right: 2.75rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link {
  padding: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link .fd-list__link {
  padding-top: .5rem;
  padding-bottom: .5rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child {
  padding-top: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link {
  padding-top: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator::after {
  margin-bottom: .5rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child {
  padding-bottom: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link {
  padding-bottom: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator::after {
  margin-top: .25rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__item--link {
  padding: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__link {
  padding-left: 2.75rem;
  padding-right: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication .fd-list__link {
  padding-left: 0;
  padding-right: 2.75rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--compact .fd-list__link {
  padding-left: 2.75rem;
  padding-right: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--compact .fd-list__link[dir=rtl],
[dir=rtl] .fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--compact .fd-list__link {
  padding-left: 0;
  padding-right: 2.75rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link .fd-list__link {
  padding-top: .5rem;
  padding-bottom: .5rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child {
  padding-top: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link {
  padding-top: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:first-child .fd-list__link--navigation-indicator::after {
  margin-bottom: .5rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child {
  padding-bottom: 0
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link {
  padding-bottom: 1rem
}
.fd-list--navigation.fd-list--byline.fd-list--selection.fd-list--navigation-indication.fd-list--no-border .fd-list__item--link:last-child .fd-list__link--navigation-indicator::after {
  margin-top: .25rem
}
.fd-list--navigation-indication .fd-list__item::after {
  min-width: 1.5rem;
  content: ''
}
.fd-list--navigation-indication .fd-list__item.fd-list__item--link {
  padding-right: 0
}
.fd-list--navigation-indication .fd-list__item.fd-list__item--link::after {
  content: none
}
.fd-list--navigation-indication .fd-list__item.fd-list__item--link[dir=rtl],
[dir=rtl] .fd-list--navigation-indication .fd-list__item.fd-list__item--link {
  padding-left: 0;
  padding-right: initial
}
.fd-list--navigation-indication .fd-list__link::after {
  min-width: 2.5rem;
  content: ''
}
.fd-list--navigation-indication .fd-list__link--navigation-indicator::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-family: SAP-icons;
  content: '\e1ed';
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70);
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  text-decoration: none;
  text-transform: none
}
.fd-list--navigation-indication .fd-list__link--navigation-indicator[dir=rtl]::after,
[dir=rtl] .fd-list--navigation-indication .fd-list__link--navigation-indicator::after {
  content: '\e1ee'
}
.fd-list--navigation-indication .fd-list__icon:last-child {
  margin: 0
}
.fd-list--navigation-indication .fd-list__icon[dir=rtl]:last-child,
[dir=rtl] .fd-list--navigation-indication .fd-list__icon:last-child {
  margin: 0
}
.fd-list--navigation-indication .is-navigated {
  -webkit-box-shadow: inset -.1875rem 0 0 0 #0854a0;
  -webkit-box-shadow: inset -.1875rem 0 0 0 var(--sapSelectedColor,#0854a0);
  box-shadow: inset -.1875rem 0 0 0 #0854a0;
  box-shadow: inset -.1875rem 0 0 0 var(--sapSelectedColor,#0854a0)
}
.fd-list--navigation-indication .is-navigated[dir=rtl],
[dir=rtl] .fd-list--navigation-indication .is-navigated {
  -webkit-box-shadow: inset .1875rem 0 0 0 #0854a0;
  -webkit-box-shadow: inset .1875rem 0 0 0 var(--sapSelectedColor,#0854a0);
  box-shadow: inset .1875rem 0 0 0 #0854a0;
  box-shadow: inset .1875rem 0 0 0 var(--sapSelectedColor,#0854a0)
}
.fd-list--selection .fd-list__item {
  padding-left: 2.75rem;
  padding-right: 1rem;
  cursor: pointer
}
.fd-list--selection .fd-list__item[dir=rtl],
[dir=rtl] .fd-list--selection .fd-list__item {
  padding-left: 1rem;
  padding-right: 2.75rem
}
.fd-list--selection .fd-list__item.is-hover,
.fd-list--selection .fd-list__item:hover {
  background: #f5f5f5;
  background: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-list--selection .fd-list__item.is-selected,
.fd-list--selection .fd-list__item[aria-selected=true] {
  background: #e5f0fa;
  background: var(--sapList_SelectionBackgroundColor,#e5f0fa);
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-list--selection .fd-list__item.is-selected.is-hover,
.fd-list--selection .fd-list__item.is-selected:hover,
.fd-list--selection .fd-list__item[aria-selected=true].is-hover,
.fd-list--selection .fd-list__item[aria-selected=true]:hover {
  background: #d8e9f8;
  background: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-list--selection .fd-list__form-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5
}
.fd-list--selection .fd-list__form-item[dir=rtl],
[dir=rtl] .fd-list--selection .fd-list__form-item {
  left: initial;
  right: 0
}
.fd-list--selection.fd-list--compact .fd-list__item {
  padding-left: 2rem;
  padding-right: 1rem
}
.fd-list--selection.fd-list--compact .fd-list__item[dir=rtl],
[dir=rtl] .fd-list--selection.fd-list--compact .fd-list__item {
  padding-left: 1rem;
  padding-right: 2rem
}
.fd-list--selection.fd-list--byline .fd-list__item {
  padding-left: 2.75rem;
  padding-right: 1rem
}
.fd-list--selection.fd-list--byline .fd-list__item[dir=rtl],
[dir=rtl] .fd-list--selection.fd-list--byline .fd-list__item {
  padding-left: 1rem;
  padding-right: 2.75rem
}
.fd-list--selection.fd-list--byline .fd-list__form-item {
  top: .3125rem
}
.fd-list--selection.fd-list--byline.fd-list--compact .fd-list__item {
  padding-left: 2.75rem;
  padding-right: 1rem
}
.fd-list--selection.fd-list--byline.fd-list--compact .fd-list__item[dir=rtl],
[dir=rtl] .fd-list--selection.fd-list--byline.fd-list--compact .fd-list__item {
  padding-left: 1rem;
  padding-right: 2.75rem
}
.fd-list--selection.fd-list--byline.fd-list--compact .fd-list__form-item {
  top: .5rem;
  left: .375rem
}
.fd-list--selection.fd-list--byline.fd-list--compact .fd-list__form-item[dir=rtl],
[dir=rtl] .fd-list--selection.fd-list--byline.fd-list--compact .fd-list__form-item {
  left: initial;
  right: .375rem
}
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item {
  padding-left: 2.75rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem
}
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item[dir=rtl],
[dir=rtl] .fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item {
  padding-left: 1rem;
  padding-right: 2.75rem
}
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:first-child {
  padding-top: 1rem
}
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:last-child {
  padding-bottom: 1rem
}
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item,
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item {
  top: 0
}
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label,
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label {
  padding-top: .5rem
}
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item label::after,
.fd-list--selection.fd-list--byline.fd-list--no-border .fd-list__item:not(:first-child) .fd-list__form-item.fd-form-item label::after {
  top: .375rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-popover {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  display: inline-block
}
.fd-popover::after,
.fd-popover::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-popover__control {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  position: relative;
  margin-left: 0
}
.fd-popover__control::after,
.fd-popover__control::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-popover__control.fd-input:last-child {
  margin-bottom: 0
}
.fd-popover__control.is-expanded {
  z-index: 3
}
.fd-popover__control.is-disabled,
.fd-popover__control:disabled,
.fd-popover__control[aria-disabled=true] {
  pointer-events: none
}
.fd-popover__wrapper {
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  overflow: auto
}
.fd-popover__body {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border: none;
  position: absolute;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow2,0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow2,0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3));
  z-index: 1000;
  background: #fff;
  background: var(--sapGroup_ContentBackground,#fff);
  opacity: 1;
  visibility: visible;
  left: .0625rem;
  left: var(--sapGroup_BorderWidth,.0625rem);
  top: calc(100% + .5rem);
  -webkit-transition: all 125ms;
  transition: all 125ms;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.fd-popover__body::after,
.fd-popover__body::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-popover__body[dir=rtl],
[dir=rtl] .fd-popover__body {
  left: auto;
  right: .0625rem;
  right: var(--sapGroup_BorderWidth,.0625rem)
}
.fd-popover__body[dir=rtl]::before,
[dir=rtl] .fd-popover__body::before {
  right: .5rem
}
.fd-popover__body[dir=rtl]::after,
[dir=rtl] .fd-popover__body::after {
  right: .5rem
}
.fd-popover__body::before {
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff;
  border-bottom-color: var(--sapGroup_ContentBackground,#fff);
  border-left-color: transparent;
  border-right-color: transparent;
  content: "";
  position: absolute;
  top: calc(-.5rem + 1px);
  left: .5rem;
  z-index: 1002
}
.fd-popover__body::after {
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #89919a;
  border-bottom-color: var(--sapContent_ForegroundBorderColor,#89919a);
  border-left-color: transparent;
  border-right-color: transparent;
  content: "";
  position: absolute;
  top: -.5rem;
  left: .5rem;
  z-index: 1001
}
.fd-popover__body > :first-child {
  border-top-right-radius: .25rem;
  border-top-right-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-top-left-radius: .25rem;
  border-top-left-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-popover__body > :last-child {
  border-bottom-right-radius: .25rem;
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-bottom-left-radius: .25rem;
  border-bottom-left-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-popover__body-header > :first-child {
  border-top-right-radius: .25rem;
  border-top-right-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-top-left-radius: .25rem;
  border-top-left-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-popover__body-footer > * {
  border-bottom-right-radius: .25rem;
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-bottom-left-radius: .25rem;
  border-bottom-left-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-popover__body--left {
  right: auto;
  left: .0625rem;
  left: var(--sapGroup_BorderWidth,.0625rem)
}
.fd-popover__body--left[dir=rtl],
[dir=rtl] .fd-popover__body--left {
  right: .0625rem;
  right: var(--sapGroup_BorderWidth,.0625rem);
  left: auto
}
.fd-popover__body--left[dir=rtl]::after,
.fd-popover__body--left[dir=rtl]::before,
[dir=rtl] .fd-popover__body--left::after,
[dir=rtl] .fd-popover__body--left::before {
  right: .5rem;
  left: unset
}
.fd-popover__body--left::after,
.fd-popover__body--left::before {
  left: .5rem
}
.fd-popover__body--right {
  left: auto;
  right: .0625rem;
  right: var(--sapGroup_BorderWidth,.0625rem)
}
.fd-popover__body--right[dir=rtl],
[dir=rtl] .fd-popover__body--right {
  right: auto;
  left: .0625rem;
  left: var(--sapGroup_BorderWidth,.0625rem)
}
.fd-popover__body--right[dir=rtl]::after,
.fd-popover__body--right[dir=rtl]::before,
[dir=rtl] .fd-popover__body--right::after,
[dir=rtl] .fd-popover__body--right::before {
  left: .5rem;
  right: unset
}
.fd-popover__body--right::after,
.fd-popover__body--right::before {
  left: auto;
  right: .5rem
}
.fd-popover__body--no-arrow {
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));
  top: 100%;
  z-index: 2
}
.fd-popover__body--no-arrow::after,
.fd-popover__body--no-arrow::before {
  display: none
}
.fd-popover__body--no-arrow.fd-popover__body--left {
  left: .0625rem;
  left: var(--sapGroup_BorderWidth,.0625rem);
  right: auto
}
.fd-popover__body--no-arrow.fd-popover__body--left[dir=rtl],
[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--left {
  right: .0625rem;
  right: var(--sapGroup_BorderWidth,.0625rem);
  left: auto
}
.fd-popover__body--no-arrow.fd-popover__body--right {
  right: .0625rem;
  right: var(--sapGroup_BorderWidth,.0625rem);
  left: auto
}
.fd-popover__body--no-arrow.fd-popover__body--right[dir=rtl],
[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--right {
  left: .0625rem;
  left: var(--sapGroup_BorderWidth,.0625rem);
  right: auto
}
.fd-popover__body--dropdown {
  display: -ms-grid;
  -ms-grid-columns: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.fd-popover__body--dropdown .fd-popover__wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.fd-popover__body--dropdown-fill {
  display: block;
  max-width: 37.5rem;
  width: calc(100% - .0625rem * 2);
  width: calc(100% - var(--sapGroup_BorderWidth,.0625rem) * 2)
}
.fd-popover__body.is-hidden,
.fd-popover__body[aria-hidden=true] {
  z-index: 1;
  opacity: 0;
  visibility: hidden
}
.fd-popover--input-message-group .fd-popover__body,
.fd-popover--input-message-group .fd-popover__body--no-arrow,
.fd-popover--input-message-group .fd-popover__popper,
.fd-popover--input-message-group .fd-popover__popper--no-arrow {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin-top: -.25rem
}
.fd-popover__popper {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border: none;
  position: absolute;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow2,0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow2,0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3));
  z-index: 1000;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  background: #fff;
  background: var(--sapGroup_ContentBackground,#fff);
  opacity: 1
}
.fd-popover__popper::after,
.fd-popover__popper::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-popover__popper--no-arrow {
  margin: 0!important
}
.fd-popover__popper--no-arrow .fd-popover__arrow {
  display: none
}
.fd-popover__popper--input-message-group {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin-top: -.25rem!important
}
.fd-popover__popper .fd-popover__arrow {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent
}
.fd-popover__popper .fd-popover__arrow::after,
.fd-popover__popper .fd-popover__arrow::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-popover__popper .fd-popover__arrow::after {
  position: absolute;
  content: "";
  border-style: solid;
  border-color: transparent
}
.fd-popover__popper[x-out-of-boundaries] {
  display: none
}
.fd-popover__popper[x-placement^=top] {
  margin-bottom: .5rem
}
.fd-popover__popper[x-placement^=top] .fd-popover__arrow {
  bottom: -.5rem;
  margin: 0 .5rem;
  border-width: .5rem .5rem 0 .5rem;
  border-top-color: #89919a;
  border-top-color: var(--sapContent_ForegroundBorderColor,#89919a)
}
.fd-popover__popper[x-placement^=top] .fd-popover__arrow::after {
  bottom: 1px;
  margin: 0 -.5rem;
  border-width: .5rem .5rem 0 .5rem;
  border-top-color: #fff;
  border-top-color: var(--sapGroup_ContentBackground,#fff)
}
.fd-popover__popper[x-placement^=bottom] {
  margin-top: .5rem
}
.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow {
  top: -.5rem;
  margin: 0 .5rem;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #89919a;
  border-bottom-color: var(--sapContent_ForegroundBorderColor,#89919a)
}
.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow::after {
  top: 1px;
  margin: 0 -.5rem;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff;
  border-bottom-color: var(--sapGroup_ContentBackground,#fff)
}
.fd-popover__popper[x-placement^=left] {
  margin-right: .5rem
}
.fd-popover__popper[x-placement^=left] .fd-popover__arrow {
  right: -.5rem;
  margin: .5rem 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #89919a;
  border-left-color: var(--sapContent_ForegroundBorderColor,#89919a)
}
.fd-popover__popper[x-placement^=left] .fd-popover__arrow::after {
  right: 1px;
  margin: -.5rem 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff;
  border-left-color: var(--sapGroup_ContentBackground,#fff)
}
.fd-popover__popper[x-placement^=right] {
  margin-left: .5rem
}
.fd-popover__popper[x-placement^=right] .fd-popover__arrow {
  left: -.5rem;
  margin: .5rem 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #89919a;
  border-right-color: var(--sapContent_ForegroundBorderColor,#89919a)
}
.fd-popover__popper[x-placement^=right] .fd-popover__arrow::after {
  left: 1px;
  margin: -.5rem 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff;
  border-right-color: var(--sapGroup_ContentBackground,#fff)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-dialog {
  position: fixed;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6)
}
.fd-dialog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 0;
  position: absolute;
  min-width: 20rem;
  min-height: 7.5rem;
  max-width: calc(100vw - 10%);
  max-height: calc(100vh - 6%);
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 1.25rem 5rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow3,0 0 0 .0625rem rgba(0,0,0,.42),0 1.25rem 5rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 1.25rem 5rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow3,0 0 0 .0625rem rgba(0,0,0,.42),0 1.25rem 5rem 0 rgba(0,0,0,.3));
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-dialog__body {
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff;
  background-color: var(--sapGroup_ContentBackground,#fff)
}
.fd-dialog__footer.fd-bar,
.fd-dialog__header.fd-bar,
.fd-dialog__subheader.fd-bar {
  padding-left: 1rem;
  padding-right: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.fd-dialog__content--mobile {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh
}
.fd-dialog__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem
}
/*!
  .fd-dialog+(--active)
    .fd-dialog__content+(--s, --m, --l, --xl, --draggable-grab, --draggable-grabbing, --mobile, --no-mobile-stretch)
      .fd-dialog__header
        .fd-dialog__title
      .fd-dialog__subheader
      .fd-dialog__body+(--no-vertical-padding)
      .fd-dialog__laoder
      .fd-dialog__footer
        .fd-dialog__decisive-button
      .fd-dialog__resize-handle
*/
.fd-dialog {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: none
}
.fd-dialog::after,
.fd-dialog::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-dialog--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.fd-dialog__content {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-dialog__content::after,
.fd-dialog__content::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-dialog__content--def .fd-dialog__body,
.fd-dialog__content--def .fd-dialog__footer.fd-bar,
.fd-dialog__content--def .fd-dialog__header.fd-bar,
.fd-dialog__content--def .fd-dialog__subheader.fd-bar {
  padding-left: 1rem;
  padding-right: 1rem
}
.fd-dialog__content--s .fd-dialog__body,
.fd-dialog__content--s .fd-dialog__footer.fd-bar,
.fd-dialog__content--s .fd-dialog__header.fd-bar,
.fd-dialog__content--s .fd-dialog__subheader.fd-bar {
  padding-left: 1rem;
  padding-right: 1rem
}
.fd-dialog__content--m .fd-dialog__body,
.fd-dialog__content--m .fd-dialog__footer.fd-bar,
.fd-dialog__content--m .fd-dialog__header.fd-bar,
.fd-dialog__content--m .fd-dialog__subheader.fd-bar {
  padding-left: 2rem;
  padding-right: 2rem
}
.fd-dialog__content--l .fd-dialog__body,
.fd-dialog__content--l .fd-dialog__footer.fd-bar,
.fd-dialog__content--l .fd-dialog__header.fd-bar,
.fd-dialog__content--l .fd-dialog__subheader.fd-bar {
  padding-left: 2rem;
  padding-right: 2rem
}
.fd-dialog__content--xl .fd-dialog__body,
.fd-dialog__content--xl .fd-dialog__footer.fd-bar,
.fd-dialog__content--xl .fd-dialog__header.fd-bar,
.fd-dialog__content--xl .fd-dialog__subheader.fd-bar {
  padding-left: 3rem;
  padding-right: 3rem
}
.fd-dialog__content--no-mobile-stretch {
  max-width: calc(100vw - 10%);
  max-height: calc(100vh - 6%)
}
.fd-dialog__content--draggable-grab.is-hover .fd-dialog__header,
.fd-dialog__content--draggable-grab:hover .fd-dialog__header {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}
.fd-dialog__content--draggable-grabbing.is-hover .fd-dialog__header,
.fd-dialog__content--draggable-grabbing:hover .fd-dialog__header {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.fd-dialog__footer.fd-bar .fd-dialog__decisive-button,
.fd-dialog__header.fd-bar .fd-dialog__decisive-button {
  min-width: 4rem
}
.fd-dialog__header.fd-bar {
  position: relative;
  border-top-left-radius: .25rem;
  border-top-left-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-top-right-radius: .25rem;
  border-top-right-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-dialog__body {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-dialog__body::after,
.fd-dialog__body::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-dialog__body--no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0
}
.fd-dialog__header + .fd-dialog__body,
.fd-dialog__subheader + .fd-dialog__body {
  border-top-left-radius: initial;
  border-top-right-radius: initial
}
.fd-dialog__body:not(:last-child) {
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial
}
.fd-dialog__footer.fd-bar {
  border-bottom-left-radius: .25rem;
  border-bottom-left-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-bottom-right-radius: .25rem;
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-dialog__loader {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: .5rem
}
.fd-dialog__loader::after,
.fd-dialog__loader::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-dialog__resize-handle {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  right: 0;
  bottom: -4px;
  font-size: 1rem;
  cursor: se-resize;
  overflow: hidden;
  border-bottom-right-radius: .25rem;
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-dialog__resize-handle::after,
.fd-dialog__resize-handle::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-dialog__resize-handle[dir=rtl],
[dir=rtl] .fd-dialog__resize-handle {
  right: unset;
  left: 0;
  cursor: sw-resize;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.fd-dialog__resize-handle::after {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-dialog__resize-handle::after {
  content: ""
}
.fd-dialog__resize-handle::after {
  color: #0854a0;
  color: var(--sapButton_Lite_TextColor,#0854a0)
}
.fd-dialog__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-dialog__title::after,
.fd-dialog__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-bar {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 2.5rem;
  background: #fff;
  background: var(--sapPageHeader_Background,#fff);
  -webkit-box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  -webkit-box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 .5rem
}
.fd-bar::after,
.fd-bar::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-bar__left,
.fd-bar__middle,
.fd-bar__right {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%
}
.fd-bar__left::after,
.fd-bar__left::before,
.fd-bar__middle::after,
.fd-bar__middle::before,
.fd-bar__right::after,
.fd-bar__right::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-bar__middle {
  padding: 0 .5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fd-bar__middle:only-child {
  padding: 0
}
.fd-bar__right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.fd-bar__element {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: .5rem;
  max-width: 100%;
  max-height: 100%
}
.fd-bar__element::after,
.fd-bar__element::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-bar__element[dir=rtl],
[dir=rtl] .fd-bar__element {
  margin-right: 0;
  margin-left: .5rem
}
.fd-bar__element--full-width {
  width: 100%
}
.fd-bar__element--full-width > :first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.fd-bar__element:last-child {
  margin-right: 0
}
.fd-bar__element:last-child[dir=rtl],
[dir=rtl] .fd-bar__element:last-child {
  margin-left: 0;
  margin-right: 0
}
.fd-bar--header {
  height: 2.5rem;
  background: #fff;
  background: var(--sapPageHeader_Background,#fff);
  -webkit-box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  -webkit-box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  z-index: 1
}
.fd-bar--subheader {
  height: 2.25rem;
  background: #fff;
  background: var(--sapPageHeader_Background,#fff);
  -webkit-box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  -webkit-box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  padding-bottom: .25rem;
  z-index: 1
}
.fd-bar--header-with-subheader {
  height: 2.5rem;
  background: #fff;
  background: var(--sapPageHeader_Background,#fff);
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  z-index: 2
}
.fd-bar--footer {
  height: 2.5rem;
  background: #fff;
  background: var(--sapPageFooter_Background,#fff);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: .0625rem solid #d9d9d9;
  border-top: .0625rem solid var(--sapPageFooter_BorderColor,#d9d9d9)
}
.fd-bar--floating-footer {
  height: 2.5rem;
  background: #fff;
  background: var(--sapPageFooter_Background,#fff);
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border: none;
  opacity: 1
}
.fd-bar--cozy {
  height: 2.75rem
}
.fd-bar--cozy.fd-bar--floating-footer,
.fd-bar--cozy.fd-bar--footer,
.fd-bar--cozy.fd-bar--header {
  height: 2.75rem
}
.fd-bar--cozy.fd-bar--subheader {
  height: 3rem;
  padding-bottom: .25rem
}
.fd-bar--home-page,
.fd-bar--page {
  padding: 0 1rem
}
.fd-bar--home-page.fd-bar--floating-footer,
.fd-bar--page.fd-bar--floating-footer {
  padding: 0 .5rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-left: .5rem;
  margin-right: .5rem
}
.fd-bar--page-s {
  padding: 0 1rem
}
.fd-bar--page-s.fd-bar--floating-footer {
  padding: 0 .5rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-left: 1rem;
  margin-right: 1rem
}
.fd-bar--home-page-s {
  padding: 0 .5rem
}
.fd-bar--home-page-s.fd-bar--floating-footer {
  padding: 0 .5rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-left: 1rem;
  margin-right: 1rem
}
.fd-bar--home-page-m_l,
.fd-bar--page-m_l {
  padding: 0 2rem
}
.fd-bar--home-page-m_l.fd-bar--floating-footer,
.fd-bar--page-m_l.fd-bar--floating-footer {
  padding: 0 .5rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-left: 2rem;
  margin-right: 2rem
}
.fd-bar--home-page-xl,
.fd-bar--page-xl {
  padding: 0 3rem
}
.fd-bar--home-page-xl.fd-bar--floating-footer,
.fd-bar--page-xl.fd-bar--floating-footer {
  padding: 0 .5rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-left: 3rem;
  margin-right: 3rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-form-group
*/
.fd-form-group {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  min-inline-size: auto
}
.fd-form-group::after,
.fd-form-group::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-form-group:last-child {
  margin-bottom: 0
}
.fd-form-group--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.fd-form-group__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-form-group__item::after,
.fd-form-group__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-radio
*/
.fd-radio {
  position: absolute;
  opacity: .0001
}
.fd-radio {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #32363a;
  color: var(--sapField_TextColor,#32363a);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapField_BorderWidth,.0625rem);
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem);
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none
}
.fd-radio::after,
.fd-radio::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-radio::-webkit-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-radio::-moz-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-radio:-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-radio::-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-radio::placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-radio::-moz-selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-radio::selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-radio.is-hover,
.fd-radio:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-radio.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-radio.is-success.is-hover,
.fd-radio.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-radio.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-radio.is-error.is-hover,
.fd-radio.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-radio.is-alert,
.fd-radio.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-radio.is-alert.is-hover,
.fd-radio.is-alert:hover,
.fd-radio.is-warning.is-hover,
.fd-radio.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-radio.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-radio.is-information.is-hover,
.fd-radio.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-radio.is-focus,
.fd-radio:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-radio.is-alert,
.fd-radio.is-error,
.fd-radio.is-information,
.fd-radio.is-warning {
  border-width: .125rem
}
.fd-radio.is-alert.is-focus,
.fd-radio.is-alert:focus,
.fd-radio.is-error.is-focus,
.fd-radio.is-error:focus,
.fd-radio.is-information.is-focus,
.fd-radio.is-information:focus,
.fd-radio.is-warning.is-focus,
.fd-radio.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-radio.is-disabled,
.fd-radio:disabled,
.fd-radio[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-radio.is-disabled::-webkit-input-placeholder,
.fd-radio:disabled::-webkit-input-placeholder,
.fd-radio[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-radio.is-disabled::-moz-placeholder,
.fd-radio:disabled::-moz-placeholder,
.fd-radio[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-radio.is-disabled:-ms-input-placeholder,
.fd-radio:disabled:-ms-input-placeholder,
.fd-radio[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-radio.is-disabled::-ms-input-placeholder,
.fd-radio:disabled::-ms-input-placeholder,
.fd-radio[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-radio.is-disabled::placeholder,
.fd-radio:disabled::placeholder,
.fd-radio[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-radio.is-readonly,
.fd-radio[aria-readonly=true],
.fd-radio[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-radio.is-readonly::-webkit-input-placeholder,
.fd-radio[aria-readonly=true]::-webkit-input-placeholder,
.fd-radio[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-radio.is-readonly::-moz-placeholder,
.fd-radio[aria-readonly=true]::-moz-placeholder,
.fd-radio[readonly]::-moz-placeholder {
  color: transparent
}
.fd-radio.is-readonly:-ms-input-placeholder,
.fd-radio[aria-readonly=true]:-ms-input-placeholder,
.fd-radio[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-radio.is-readonly::-ms-input-placeholder,
.fd-radio[aria-readonly=true]::-ms-input-placeholder,
.fd-radio[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-radio.is-readonly::placeholder,
.fd-radio[aria-readonly=true]::placeholder,
.fd-radio[readonly]::placeholder {
  color: transparent
}
.fd-radio__label {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  max-width: 100%;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  margin-right: .5rem;
  cursor: text;
  -ms-flex-item-align: start;
  align-self: flex-start;
  cursor: pointer;
  line-height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  padding: .6875rem
}
.fd-radio__label::after,
.fd-radio__label::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-radio__label[dir=rtl],
[dir=rtl] .fd-radio__label {
  margin-left: .5rem;
  margin-right: 0
}
.fd-radio__label::before {
  content: "";
  padding-top: .0625rem;
  height: 1.375rem;
  width: 1.375rem;
  min-width: 1.375rem;
  font-size: .6875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: SAP-icons;
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  margin-right: .6875rem;
  color: #0854a0;
  color: var(--sapSelectedColor,#0854a0);
  border: .0625rem solid #89919a;
  border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_BorderColor,#89919a);
  border-radius: 50%
}
.fd-radio__label.is-hover::before,
.fd-radio__label:hover::before {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-radio__label[dir=rtl]::before,
[dir=rtl] .fd-radio__label::before {
  margin-left: .6875rem;
  margin-right: 0
}
.fd-radio__label.is-empty,
.fd-radio__label:empty {
  padding: .6875rem;
  margin: 0
}
.fd-radio__label.is-empty::after,
.fd-radio__label.is-empty::before,
.fd-radio__label:empty::after,
.fd-radio__label:empty::before {
  margin-right: 0;
  margin-left: 0
}
.fd-radio:checked + .fd-radio__label::before {
  content: "\e255"
}
.fd-radio.is-alert + .fd-radio__label::before,
.fd-radio.is-warning + .fd-radio__label::before {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border: .125rem solid #e9730c;
  border: .125rem solid var(--sapField_WarningColor,#e9730c);
  color: #32363a;
  color: var(--sapField_TextColor,#32363a)
}
.fd-radio.is-alert + .fd-radio__label.is-hover.is-disabled,
.fd-radio.is-alert + .fd-radio__label.is-hover:disabled,
.fd-radio.is-alert + .fd-radio__label.is-hover[aria-disabled=true],
.fd-radio.is-alert + .fd-radio__label:hover.is-disabled,
.fd-radio.is-alert + .fd-radio__label:hover:disabled,
.fd-radio.is-alert + .fd-radio__label:hover[aria-disabled=true],
.fd-radio.is-warning + .fd-radio__label.is-hover.is-disabled,
.fd-radio.is-warning + .fd-radio__label.is-hover:disabled,
.fd-radio.is-warning + .fd-radio__label.is-hover[aria-disabled=true],
.fd-radio.is-warning + .fd-radio__label:hover.is-disabled,
.fd-radio.is-warning + .fd-radio__label:hover:disabled,
.fd-radio.is-warning + .fd-radio__label:hover[aria-disabled=true] {
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-radio.is-error + .fd-radio__label::before {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border: .125rem solid #b00;
  border: .125rem solid var(--sapField_InvalidColor,#b00);
  color: #b00;
  color: var(--sapField_InvalidColor,#b00)
}
.fd-radio.is-error + .fd-radio__label.is-hover.is-disabled,
.fd-radio.is-error + .fd-radio__label.is-hover:disabled,
.fd-radio.is-error + .fd-radio__label.is-hover[aria-disabled=true],
.fd-radio.is-error + .fd-radio__label:hover.is-disabled,
.fd-radio.is-error + .fd-radio__label:hover:disabled,
.fd-radio.is-error + .fd-radio__label:hover[aria-disabled=true] {
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-radio.is-success + .fd-radio__label::before {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border: .0625rem solid #107e3e;
  border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_SuccessColor,#107e3e);
  color: #107e3e;
  color: var(--sapField_SuccessColor,#107e3e)
}
.fd-radio.is-success + .fd-radio__label.is-hover.is-disabled,
.fd-radio.is-success + .fd-radio__label.is-hover:disabled,
.fd-radio.is-success + .fd-radio__label.is-hover[aria-disabled=true],
.fd-radio.is-success + .fd-radio__label:hover.is-disabled,
.fd-radio.is-success + .fd-radio__label:hover:disabled,
.fd-radio.is-success + .fd-radio__label:hover[aria-disabled=true] {
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-radio.is-information + .fd-radio__label::before {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border: .125rem solid #0a6ed1;
  border: .125rem solid var(--sapField_InformationColor,#0a6ed1);
  color: #0a6ed1;
  color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-radio.is-information + .fd-radio__label.is-hover.is-disabled,
.fd-radio.is-information + .fd-radio__label.is-hover:disabled,
.fd-radio.is-information + .fd-radio__label.is-hover[aria-disabled=true],
.fd-radio.is-information + .fd-radio__label:hover.is-disabled,
.fd-radio.is-information + .fd-radio__label:hover:disabled,
.fd-radio.is-information + .fd-radio__label:hover[aria-disabled=true] {
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-radio.is-readonly + .fd-radio__label::before,
.fd-radio[readonly] + .fd-radio__label::before {
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border: .0625rem solid #89919a;
  border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_ReadOnly_BorderColor,#89919a);
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70)
}
.fd-radio.is-readonly + .fd-radio__label.is-hover.is-disabled,
.fd-radio.is-readonly + .fd-radio__label.is-hover:disabled,
.fd-radio.is-readonly + .fd-radio__label.is-hover[aria-disabled=true],
.fd-radio.is-readonly + .fd-radio__label:hover.is-disabled,
.fd-radio.is-readonly + .fd-radio__label:hover:disabled,
.fd-radio.is-readonly + .fd-radio__label:hover[aria-disabled=true],
.fd-radio[readonly] + .fd-radio__label.is-hover.is-disabled,
.fd-radio[readonly] + .fd-radio__label.is-hover:disabled,
.fd-radio[readonly] + .fd-radio__label.is-hover[aria-disabled=true],
.fd-radio[readonly] + .fd-radio__label:hover.is-disabled,
.fd-radio[readonly] + .fd-radio__label:hover:disabled,
.fd-radio[readonly] + .fd-radio__label:hover[aria-disabled=true] {
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-radio.is-focus,
.fd-radio:focus {
  z-index: 5
}
.fd-radio.is-focus + .fd-radio__label,
.fd-radio:focus + .fd-radio__label {
  outline: .0625rem dotted #000;
  outline: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  outline-offset: -.5625rem
}
.fd-radio.is-focus + .fd-radio__label[dir=rtl]::after,
.fd-radio:focus + .fd-radio__label[dir=rtl]::after,
[dir=rtl] .fd-radio.is-focus + .fd-radio__label::after,
[dir=rtl] .fd-radio:focus + .fd-radio__label::after {
  left: 0;
  right: .5625rem
}
.fd-radio.is-focus + .fd-radio__label.is-empty::after,
.fd-radio.is-focus + .fd-radio__label:empty::after,
.fd-radio:focus + .fd-radio__label.is-empty::after,
.fd-radio:focus + .fd-radio__label:empty::after {
  content: "";
  position: absolute;
  border: .0625rem dotted #000;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  top: .5625rem;
  left: .5625rem;
  bottom: .5625rem;
  right: .5625rem
}
.fd-radio.is-disabled,
.fd-radio:disabled,
.fd-radio[aria-disabled=true] {
  opacity: .0001
}
.fd-radio.is-disabled + .fd-radio__label,
.fd-radio:disabled + .fd-radio__label,
.fd-radio[aria-disabled=true] + .fd-radio__label {
  pointer-events: none;
  opacity: .4
}
.fd-radio--compact + .fd-radio__label {
  padding: .5rem 0 .5rem .5rem
}
.fd-radio--compact + .fd-radio__label[dir=rtl],
[dir=rtl] .fd-radio--compact + .fd-radio__label {
  padding: .5rem .5rem .5rem 0
}
.fd-radio--compact + .fd-radio__label::before {
  font-size: .4375rem;
  height: 1rem;
  width: 1rem;
  min-width: 1rem;
  margin-right: .5rem;
  margin-left: 0;
  padding-left: .05rem
}
.fd-radio--compact + .fd-radio__label[dir=rtl]::before,
[dir=rtl] .fd-radio--compact + .fd-radio__label::before {
  margin-left: .5rem;
  margin-right: 0;
  padding-left: 0;
  padding-right: .05rem
}
.fd-radio--compact + .fd-radio__label.is-empty,
.fd-radio--compact + .fd-radio__label:empty {
  padding: .5rem;
  margin: 0
}
.fd-radio--compact + .fd-radio__label.is-empty::after,
.fd-radio--compact + .fd-radio__label.is-empty::before,
.fd-radio--compact + .fd-radio__label:empty::after,
.fd-radio--compact + .fd-radio__label:empty::before {
  margin-right: 0;
  margin-left: 0
}
.fd-radio--compact.is-focus,
.fd-radio--compact:focus {
  z-index: 5
}
.fd-radio--compact.is-focus + .fd-radio__label,
.fd-radio--compact:focus + .fd-radio__label {
  outline: .0625rem dotted #000;
  outline: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  outline-offset: -.375rem
}
.fd-radio--compact.is-focus + .fd-radio__label[dir=rtl]::after,
.fd-radio--compact:focus + .fd-radio__label[dir=rtl]::after,
[dir=rtl] .fd-radio--compact.is-focus + .fd-radio__label::after,
[dir=rtl] .fd-radio--compact:focus + .fd-radio__label::after {
  left: 0;
  right: .375rem
}
.fd-radio--compact.is-focus + .fd-radio__label.is-empty::after,
.fd-radio--compact.is-focus + .fd-radio__label:empty::after,
.fd-radio--compact:focus + .fd-radio__label.is-empty::after,
.fd-radio--compact:focus + .fd-radio__label:empty::after {
  content: "";
  position: absolute;
  border: .0625rem dotted #000;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  top: .375rem;
  left: .375rem;
  bottom: .375rem;
  right: .375rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-textarea
*/
.fd-textarea {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #32363a;
  color: var(--sapField_TextColor,#32363a);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapField_BorderWidth,.0625rem);
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem);
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: .75rem;
  padding-right: .75rem;
  min-width: 6rem;
  width: 100%;
  min-height: 2.25rem;
  margin: .25rem 0;
  padding: .5rem .625rem;
  white-space: pre-wrap;
  overflow: auto;
  resize: none;
  display: block;
  cursor: text
}
.fd-textarea::after,
.fd-textarea::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-textarea::-moz-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-textarea:-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-textarea::-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-textarea::placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-textarea::-moz-selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-textarea::selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-textarea.is-hover,
.fd-textarea:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-textarea.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-textarea.is-success.is-hover,
.fd-textarea.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-textarea.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-textarea.is-error.is-hover,
.fd-textarea.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-textarea.is-alert,
.fd-textarea.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-textarea.is-alert.is-hover,
.fd-textarea.is-alert:hover,
.fd-textarea.is-warning.is-hover,
.fd-textarea.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-textarea.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-textarea.is-information.is-hover,
.fd-textarea.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-textarea.is-focus,
.fd-textarea:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-textarea.is-alert,
.fd-textarea.is-error,
.fd-textarea.is-information,
.fd-textarea.is-warning {
  border-width: .125rem
}
.fd-textarea.is-alert.is-focus,
.fd-textarea.is-alert:focus,
.fd-textarea.is-error.is-focus,
.fd-textarea.is-error:focus,
.fd-textarea.is-information.is-focus,
.fd-textarea.is-information:focus,
.fd-textarea.is-warning.is-focus,
.fd-textarea.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-textarea.is-disabled,
.fd-textarea:disabled,
.fd-textarea[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-textarea.is-disabled::-webkit-input-placeholder,
.fd-textarea:disabled::-webkit-input-placeholder,
.fd-textarea[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-textarea.is-disabled::-moz-placeholder,
.fd-textarea:disabled::-moz-placeholder,
.fd-textarea[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-textarea.is-disabled:-ms-input-placeholder,
.fd-textarea:disabled:-ms-input-placeholder,
.fd-textarea[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-textarea.is-disabled::-ms-input-placeholder,
.fd-textarea:disabled::-ms-input-placeholder,
.fd-textarea[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-textarea.is-disabled::placeholder,
.fd-textarea:disabled::placeholder,
.fd-textarea[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-textarea.is-readonly,
.fd-textarea[aria-readonly=true],
.fd-textarea[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-textarea.is-readonly::-webkit-input-placeholder,
.fd-textarea[aria-readonly=true]::-webkit-input-placeholder,
.fd-textarea[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-textarea.is-readonly::-moz-placeholder,
.fd-textarea[aria-readonly=true]::-moz-placeholder,
.fd-textarea[readonly]::-moz-placeholder {
  color: transparent
}
.fd-textarea.is-readonly:-ms-input-placeholder,
.fd-textarea[aria-readonly=true]:-ms-input-placeholder,
.fd-textarea[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-textarea.is-readonly::-ms-input-placeholder,
.fd-textarea[aria-readonly=true]::-ms-input-placeholder,
.fd-textarea[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-textarea.is-readonly::placeholder,
.fd-textarea[aria-readonly=true]::placeholder,
.fd-textarea[readonly]::placeholder {
  color: transparent
}
.fd-textarea[aria-expanded=false] {
  z-index: 0
}
.fd-textarea[aria-expanded=true] {
  z-index: 4
}
.fd-textarea--compact {
  min-height: 1.625rem;
  margin: .1875rem 0;
  padding: .1875rem .5rem
}
.fd-textarea-counter {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  padding: .125rem .125rem .5rem;
  text-align: end
}
.fd-textarea-counter::after,
.fd-textarea-counter::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-textarea-counter.is-disabled,
.fd-textarea-counter:disabled,
.fd-textarea-counter[aria-disabled=true] {
  display: none
}
.fd-textarea-counter.is-readonly,
.fd-textarea-counter[readonly] {
  display: none
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-form-select
*/
.fd-form-select {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #32363a;
  color: var(--sapField_TextColor,#32363a);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapField_BorderWidth,.0625rem);
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem);
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: .75rem;
  padding-right: .75rem;
  height: 2.25rem;
  appearance: none;
  width: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzOSAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGQUZCRkMiIGQ9Ik0xIDBoMzd2MzZIMXoiLz48cGF0aCBkPSJNMSAwdjM2TTM4IDB2MzYiIHN0cm9rZT0iI0NFQ0VEMCIvPjxwYXRoIGQ9Ik0yNi45MTkgMTYuODQzbC03LjY2NyA4LjA1OGEuMzY0LjM2NCAwIDAgMS0uMjUzLjA5OS4zNjQuMzY0IDAgMCAxLS4yNTItLjFsLTcuNjY0LTguMDU3YS4yODMuMjgzIDAgMCAxIC4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAgMSAuMjE4LS4wNzRsLjAyNS4wMDFjLjA4OC4wMDYuMTcuMDQ1LjIyOC4xMDdMMTkgMjEuMjAybDUuNjkzLTYuMDk0Yy4xMi0uMTMuMzMtLjE0NS40Ny0uMDM0bDEuNzIyIDEuMzQxYS4yOTcuMjk3IDAgMCAxIC4xMTUuMjA3LjI4My4yODMgMCAwIDEtLjA4LjIyMXoiIGZpbGw9IiMwQTZFRDEiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: calc(100% + .0625rem) center;
  padding-right: 3rem
}
.fd-form-select::after,
.fd-form-select::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-form-select::-webkit-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-form-select::-moz-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-form-select:-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-form-select::-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-form-select::placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-form-select::-moz-selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-form-select::selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-form-select.is-hover,
.fd-form-select:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-form-select.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-form-select.is-success.is-hover,
.fd-form-select.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-form-select.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-form-select.is-error.is-hover,
.fd-form-select.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-form-select.is-alert,
.fd-form-select.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-form-select.is-alert.is-hover,
.fd-form-select.is-alert:hover,
.fd-form-select.is-warning.is-hover,
.fd-form-select.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-form-select.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-form-select.is-information.is-hover,
.fd-form-select.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-form-select.is-focus,
.fd-form-select:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-form-select.is-alert,
.fd-form-select.is-error,
.fd-form-select.is-information,
.fd-form-select.is-warning {
  border-width: .125rem
}
.fd-form-select.is-alert.is-focus,
.fd-form-select.is-alert:focus,
.fd-form-select.is-error.is-focus,
.fd-form-select.is-error:focus,
.fd-form-select.is-information.is-focus,
.fd-form-select.is-information:focus,
.fd-form-select.is-warning.is-focus,
.fd-form-select.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-form-select.is-disabled,
.fd-form-select:disabled,
.fd-form-select[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-form-select.is-disabled::-webkit-input-placeholder,
.fd-form-select:disabled::-webkit-input-placeholder,
.fd-form-select[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-form-select.is-disabled::-moz-placeholder,
.fd-form-select:disabled::-moz-placeholder,
.fd-form-select[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-form-select.is-disabled:-ms-input-placeholder,
.fd-form-select:disabled:-ms-input-placeholder,
.fd-form-select[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-form-select.is-disabled::-ms-input-placeholder,
.fd-form-select:disabled::-ms-input-placeholder,
.fd-form-select[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-form-select.is-disabled::placeholder,
.fd-form-select:disabled::placeholder,
.fd-form-select[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-form-select.is-readonly,
.fd-form-select[aria-readonly=true],
.fd-form-select[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-form-select.is-readonly::-webkit-input-placeholder,
.fd-form-select[aria-readonly=true]::-webkit-input-placeholder,
.fd-form-select[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-form-select.is-readonly::-moz-placeholder,
.fd-form-select[aria-readonly=true]::-moz-placeholder,
.fd-form-select[readonly]::-moz-placeholder {
  color: transparent
}
.fd-form-select.is-readonly:-ms-input-placeholder,
.fd-form-select[aria-readonly=true]:-ms-input-placeholder,
.fd-form-select[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-form-select.is-readonly::-ms-input-placeholder,
.fd-form-select[aria-readonly=true]::-ms-input-placeholder,
.fd-form-select[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-form-select.is-readonly::placeholder,
.fd-form-select[aria-readonly=true]::placeholder,
.fd-form-select[readonly]::placeholder {
  color: transparent
}
.fd-form-select.is-disabled,
.fd-form-select:disabled,
.fd-form-select[aria-disabled=true] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzOSAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGQUZCRkMiIGQ9Ik0xIDBoMzd2MzZIMXoiLz48cGF0aCBkPSJNMSAwdjM2TTM4IDB2MzYiIHN0cm9rZT0iI0VCRUJFQyIvPjxwYXRoIGQ9Ik0yNi45MTkgMTYuODQzbC03LjY2NyA4LjA1OGEuMzY0LjM2NCAwIDAgMS0uMjUzLjA5OS4zNjQuMzY0IDAgMCAxLS4yNTItLjFsLTcuNjY0LTguMDU3YS4yODMuMjgzIDAgMCAxIC4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAgMSAuMjE4LS4wNzRsLjAyNS4wMDFjLjA4OC4wMDYuMTcuMDQ1LjIyOC4xMDdMMTkgMjEuMjAybDUuNjkzLTYuMDk0Yy4xMi0uMTMuMzMtLjE0NS40Ny0uMDM0bDEuNzIyIDEuMzQxYS4yOTcuMjk3IDAgMCAxIC4xMTUuMjA3LjI4My4yODMgMCAwIDEtLjA4LjIyMXoiIGZpbGw9IiNFQkVCRUMiLz48L2c+PC9zdmc+)
}
.fd-form-select[dir=rtl],
[dir=rtl] .fd-form-select {
  background-position: -.0625rem center;
  padding-right: .75rem;
  padding-left: 3rem
}
.fd-form-select::-ms-expand {
  display: none
}
.fd-form-select:focus,
.fd-form-select:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzOSAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGQUZCRkMiIGQ9Ik0xIDBoMzd2MzZIMXoiLz48cGF0aCBkPSJNMSAwdjM2TTM4IDB2MzYiIHN0cm9rZT0iI0NFQ0VEMCIvPjxwYXRoIGQ9Ik0yNi45MTkgMTYuODQzbC03LjY2NyA4LjA1OGEuMzY0LjM2NCAwIDAgMS0uMjUzLjA5OS4zNjQuMzY0IDAgMCAxLS4yNTItLjFsLTcuNjY0LTguMDU3YS4yODMuMjgzIDAgMCAxIC4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAgMSAuMjE4LS4wNzRsLjAyNS4wMDFjLjA4OC4wMDYuMTcuMDQ1LjIyOC4xMDdMMTkgMjEuMjAybDUuNjkzLTYuMDk0Yy4xMi0uMTMuMzMtLjE0NS40Ny0uMDM0bDEuNzIyIDEuMzQxYS4yOTcuMjk3IDAgMCAxIC4xMTUuMjA3LjI4My4yODMgMCAwIDEtLjA4LjIyMXoiIGZpbGw9IiMwQTZFRDEiLz48L2c+PC9zdmc+)
}
.fd-form-select.is-expanded {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzOSAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGQUZCRkMiIGQ9Ik0xIDBoMzd2MzZIMXoiLz48cGF0aCBkPSJNMSAwdjM2TTM4IDB2MzYiIHN0cm9rZT0iI0NFQ0VEMCIvPjxwYXRoIGQ9Ik0yNi45MTkgMTYuODQzbC03LjY2NyA4LjA1OGEuMzY0LjM2NCAwIDAgMS0uMjUzLjA5OS4zNjQuMzY0IDAgMCAxLS4yNTItLjFsLTcuNjY0LTguMDU3YS4yODMuMjgzIDAgMCAxIC4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAgMSAuMjE4LS4wNzRsLjAyNS4wMDFjLjA4OC4wMDYuMTcuMDQ1LjIyOC4xMDdMMTkgMjEuMjAybDUuNjkzLTYuMDk0Yy4xMi0uMTMuMzMtLjE0NS40Ny0uMDM0bDEuNzIyIDEuMzQxYS4yOTcuMjk3IDAgMCAxIC4xMTUuMjA3LjI4My4yODMgMCAwIDEtLjA4LjIyMXoiIGZpbGw9IiMwQTZFRDEiLz48L2c+PC9zdmc+)
}
.fd-form-select::after {
  content: "";
  width: .625rem;
  height: .3125rem;
  border-color: transparent;
  border-style: solid;
  border-width: 0 0 .125rem .125rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  z-index: 2;
  top: calc(50% - .25rem);
  left: calc(50% - .625rem / 2)
}
.fd-form-select--compact {
  height: 1.75rem
}
.fd-form-select[multiple] {
  height: 9.375rem;
  background-image: none;
  padding-top: .75rem
}
.fd-form-select[multiple].fd-form-select--compact {
  height: 4.6875rem
}
.fd-form-select[disabled]:focus,
.fd-form-select[disabled]:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzOSAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGQUZCRkMiIGQ9Ik0xIDBoMzd2MzZIMXoiLz48cGF0aCBkPSJNMSAwdjM2TTM4IDB2MzYiIHN0cm9rZT0iI0VCRUJFQyIvPjxwYXRoIGQ9Ik0yNi45MTkgMTYuODQzbC03LjY2NyA4LjA1OGEuMzY0LjM2NCAwIDAgMS0uMjUzLjA5OS4zNjQuMzY0IDAgMCAxLS4yNTItLjFsLTcuNjY0LTguMDU3YS4yODMuMjgzIDAgMCAxIC4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAgMSAuMjE4LS4wNzRsLjAyNS4wMDFjLjA4OC4wMDYuMTcuMDQ1LjIyOC4xMDdMMTkgMjEuMjAybDUuNjkzLTYuMDk0Yy4xMi0uMTMuMzMtLjE0NS40Ny0uMDM0bDEuNzIyIDEuMzQxYS4yOTcuMjk3IDAgMCAxIC4xMTUuMjA3LjI4My4yODMgMCAwIDEtLjA4LjIyMXoiIGZpbGw9IiNFQkVCRUMiLz48L2c+PC9zdmc+)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-form-group
*/
.fd-fieldset,
.fd-form-group {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  min-inline-size: auto
}
.fd-fieldset::after,
.fd-fieldset::before,
.fd-form-group::after,
.fd-form-group::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-fieldset:last-child,
.fd-form-group:last-child {
  margin-bottom: 0
}
.fd-form-group--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.fd-form-group__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-form-group__item::after,
.fd-form-group__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
/*!
.fd-fieldset
*/
.fd-fieldset {
  min-inline-size: auto
}
.fd-fieldset__legend {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: block
}
.fd-fieldset__legend::after,
.fd-fieldset__legend::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-fieldset__legend.is-disabled {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-info-label {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 1.125rem;
  height: 1.125rem;
  min-width: 1.125rem;
  max-width: 100%;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  letter-spacing: .0125rem;
  text-transform: uppercase;
  text-align: center;
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  padding: 0 .625rem;
  border-width: .063rem;
  border-style: solid
}
.fd-info-label::after,
.fd-info-label::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-info-label--accent-color-1 {
  background-color: #fdf3e7;
  background-color: var(--sapLegendBackgroundColor1,#fdf3e7);
  border-color: #d58215;
  border-color: var(--sapLegendColor1,#d58215)
}
.fd-info-label--accent-color-1[class*=sap-icon] {
  border-color: #d58215;
  border-color: var(--sapLegendColor1,#d58215)
}
.fd-info-label--accent-color-2 {
  background-color: #faeaea;
  background-color: var(--sapLegendBackgroundColor2,#faeaea);
  border-color: #dc5b5b;
  border-color: var(--sapLegendColor2,#dc5b5b)
}
.fd-info-label--accent-color-2[class*=sap-icon] {
  border-color: #dc5b5b;
  border-color: var(--sapLegendColor2,#dc5b5b)
}
.fd-info-label--accent-color-3 {
  background-color: #fce9f2;
  background-color: var(--sapLegendBackgroundColor3,#fce9f2);
  border-color: #db1f77;
  border-color: var(--sapLegendColor3,#db1f77)
}
.fd-info-label--accent-color-3[class*=sap-icon] {
  border-color: #db1f77;
  border-color: var(--sapLegendColor3,#db1f77)
}
.fd-info-label--accent-color-4 {
  background-color: #f9ebf5;
  background-color: var(--sapLegendBackgroundColor5,#f9ebf5);
  border-color: #9b3b3b;
  border-color: var(--sapLegendColor4,#9b3b3b)
}
.fd-info-label--accent-color-4[class*=sap-icon] {
  border-color: #9b3b3b;
  border-color: var(--sapLegendColor4,#9b3b3b)
}
.fd-info-label--accent-color-5 {
  background-color: #ecedf8;
  background-color: var(--sapLegendBackgroundColor20,#ecedf8);
  border-color: #cf5db3;
  border-color: var(--sapLegendColor5,#cf5db3)
}
.fd-info-label--accent-color-5[class*=sap-icon] {
  border-color: #cf5db3;
  border-color: var(--sapLegendColor5,#cf5db3)
}
.fd-info-label--accent-color-6 {
  background-color: #ebf3fa;
  background-color: var(--sapLegendBackgroundColor6,#ebf3fa);
  border-color: #286eb4;
  border-color: var(--sapLegendColor6,#286eb4)
}
.fd-info-label--accent-color-6[class*=sap-icon] {
  border-color: #286eb4;
  border-color: var(--sapLegendColor6,#286eb4)
}
.fd-info-label--accent-color-7 {
  background-color: #e8fbfd;
  background-color: var(--sapLegendBackgroundColor7,#e8fbfd);
  border-color: #1193a2;
  border-color: var(--sapLegendColor7,#1193a2)
}
.fd-info-label--accent-color-7[class*=sap-icon] {
  border-color: #1193a2;
  border-color: var(--sapLegendColor7,#1193a2)
}
.fd-info-label--accent-color-8 {
  background-color: #f3f4ef;
  background-color: var(--sapLegendBackgroundColor8,#f3f4ef);
  border-color: #8b9668;
  border-color: var(--sapLegendColor8,#8b9668)
}
.fd-info-label--accent-color-8[class*=sap-icon] {
  border-color: #8b9668;
  border-color: var(--sapLegendColor8,#8b9668)
}
.fd-info-label--accent-color-9 {
  background-color: #f9ebf6;
  background-color: var(--sapLegendBackgroundColor10,#f9ebf6);
  border-color: #647987;
  border-color: var(--sapLegendColor9,#647987)
}
.fd-info-label--accent-color-9[class*=sap-icon] {
  border-color: #647987;
  border-color: var(--sapLegendColor9,#647987)
}
.fd-info-label--accent-color-10 {
  background-color: #f1f3f4;
  background-color: var(--sapLegendBackgroundColor9,#f1f3f4);
  border-color: #892971;
  border-color: var(--sapLegendColor10,#892971)
}
.fd-info-label--accent-color-10[class*=sap-icon] {
  border-color: #892971;
  border-color: var(--sapLegendColor10,#892971)
}
.fd-info-label--display {
  height: 1rem;
  min-width: 1rem
}
.fd-info-label--numeric {
  padding: 0 .3125rem
}
.fd-info-label--icon[class*=sap-icon] {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 .3125rem;
  line-height: 1rem;
  border-width: .063rem;
  border-style: solid
}
.fd-info-label--icon::before,
.fd-info-label--icon[class*=sap-icon]::before {
  font-size: .75rem;
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  margin-right: .1875rem
}
.fd-info-label--icon[dir=rtl]::before,
.fd-info-label--icon[dir=rtl][class*=sap-icon]::before,
[dir=rtl] .fd-info-label--icon::before,
[dir=rtl] .fd-info-label--icon[class*=sap-icon]::before {
  margin-right: 0;
  margin-left: .1875rem
}
.fd-info-label--icon.is-empty::before,
.fd-info-label--icon.is-empty[class*=sap-icon]::before,
.fd-info-label--icon:empty::before,
.fd-info-label--icon:empty[class*=sap-icon]::before {
  margin: 0
}
.fd-info-label--icon.is-empty[dir=rtl]::before,
.fd-info-label--icon.is-empty[dir=rtl][class*=sap-icon]::before,
.fd-info-label--icon:empty[dir=rtl]::before,
.fd-info-label--icon:empty[dir=rtl][class*=sap-icon]::before,
[dir=rtl] .fd-info-label--icon.is-empty::before,
[dir=rtl] .fd-info-label--icon.is-empty[class*=sap-icon]::before,
[dir=rtl] .fd-info-label--icon:empty::before,
[dir=rtl] .fd-info-label--icon:empty[class*=sap-icon]::before {
  margin: 0
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-inline-help {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  top: .188rem
}
.fd-inline-help::after,
.fd-inline-help::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-inline-help::before {
  content: "?";
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  font-style: normal;
  position: absolute;
  left: 0;
  border-radius: 50%;
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff);
  background-color: #6a6d70;
  background-color: var(--sapButton_Neutral_Background,#6a6d70);
  text-align: center
}
.fd-inline-help__content {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  line-height: normal;
  background-color: #fff;
  background-color: var(--sapTile_Background,#fff);
  padding: .75rem;
  display: block;
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  top: 1.25rem;
  right: -.5rem;
  min-width: 21.875rem;
  -webkit-transition: opacity 125ms ease-in;
  transition: opacity 125ms ease-in;
  text-align: left;
  z-index: 1;
  border-radius: .313rem;
  -webkit-filter: drop-shadow(0 0 0 .0625rem rgba(0,0,0,.1), 0 .125rem .5rem 0 rgba(0,0,0,.1));
  -webkit-filter: drop-shadow(var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0,0,0,.1), 0 .125rem .5rem 0 rgba(0,0,0,.1)));
  filter: drop-shadow(0 0 0 .0625rem rgba(0,0,0,.1), 0 .125rem .5rem 0 rgba(0,0,0,.1));
  filter: drop-shadow(var(--sapContent_Shadow0, 0 0 0 .0625rem rgba(0,0,0,.1), 0 .125rem .5rem 0 rgba(0,0,0,.1)))
}
.fd-inline-help:hover .fd-inline-help__content {
  visibility: visible;
  opacity: 1;
  overflow: visible
}
.fd-inline-help:focus {
  outline: 0
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-layout-grid
*/
.fd-layout-grid {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: .5rem
}
.fd-layout-grid::after,
.fd-layout-grid::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
@media (min-width:600px) {
  .fd-layout-grid {
    grid-gap: 1rem
  }
}
.fd-layout-grid--no-gap {
  grid-gap: 0
}
.fd-layout-grid--no-gap > * {
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-layout-grid--gap-1 {
  grid-gap: 1px
}
.fd-layout-grid--gap-1 > * {
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-layout-grid--col-1 {
  grid-template-columns: repeat(1,1fr)
}
.fd-layout-grid--col-2 {
  grid-template-columns: repeat(2,1fr)
}
.fd-layout-grid--col-3 {
  grid-template-columns: repeat(3,1fr)
}
.fd-layout-grid--col-4 {
  grid-template-columns: repeat(4,1fr)
}
.fd-layout-grid--col-5 {
  grid-template-columns: repeat(5,1fr)
}
.fd-layout-grid--col-6 {
  grid-template-columns: repeat(6,1fr)
}
.fd-layout-grid__span-row-2 {
  grid-row: span 2
}
.fd-layout-grid__span-column-2 {
  grid-column: span 2
}
.fd-layout-grid__span-row-3 {
  grid-row: span 3
}
.fd-layout-grid__span-column-3 {
  grid-column: span 3
}
.fd-layout-grid__span-row-4 {
  grid-row: span 4
}
.fd-layout-grid__span-column-4 {
  grid-column: span 4
}
.fd-layout-grid__span-row-5 {
  grid-row: span 5
}
.fd-layout-grid__span-column-5 {
  grid-column: span 5
}
.fd-layout-grid__span-row-6 {
  grid-row: span 6
}
.fd-layout-grid__span-column-6 {
  grid-column: span 6
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-layout-panel
    .fd-layout-panel__header
        .fd-layout-panel__title
        .fd-layout-panel__actions
    .fd-layout-panel__footer
*/
.fd-layout-panel {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border-style: solid;
  border-width: 0;
  border-color: transparent;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  background-color: #fff;
  background-color: var(--sapGroup_ContentBackground,#fff);
  -webkit-box-shadow: 0 .3125rem 1.25rem 0 #d9d9d9;
  -webkit-box-shadow: 0 .3125rem 1.25rem 0 var(--sapGroup_ContentBorderColor,#d9d9d9);
  box-shadow: 0 .3125rem 1.25rem 0 #d9d9d9;
  box-shadow: 0 .3125rem 1.25rem 0 var(--sapGroup_ContentBorderColor,#d9d9d9)
}
.fd-layout-panel::after {
  content: "";
  display: table;
  clear: both
}
.fd-layout-panel::after,
.fd-layout-panel::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-layout-panel__header {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.5rem;
  line-height: normal;
  color: #6a6d70;
  color: var(--sapNeutralTextColor,#6a6d70);
  padding: 1rem 1.5rem;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  border-bottom-style: solid;
  border-bottom-width: .0625rem;
  border-bottom-width: var(--sapElement_BorderWidth,.0625rem);
  border-bottom-color: #d9d9d9;
  border-bottom-color: var(--sapGroup_ContentBorderColor,#d9d9d9)
}
.fd-layout-panel__header::after,
.fd-layout-panel__header::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-layout-panel__head {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-layout-panel__head::after,
.fd-layout-panel__head::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-layout-panel__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0;
  line-height: normal;
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem);
  color: #32363a;
  color: var(--sapTextColor,#32363a)
}
.fd-layout-panel__title::after,
.fd-layout-panel__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-layout-panel__description {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  margin-top: .25rem;
  color: #6a6d70;
  color: var(--sapNeutralTextColor,#6a6d70);
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-layout-panel__description::after,
.fd-layout-panel__description::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-layout-panel__actions {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  margin-left: auto;
  margin-top: -.25rem;
  margin-bottom: -.25rem;
  color: #6a6d70;
  color: var(--sapNeutralTextColor,#6a6d70);
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-layout-panel__actions::after,
.fd-layout-panel__actions::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-layout-panel__actions[dir=rtl],
[dir=rtl] .fd-layout-panel__actions {
  margin-right: auto;
  margin-left: 0
}
.fd-layout-panel__filters {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  padding: .75rem 1.5rem;
  border-bottom-style: solid;
  border-bottom-width: .0625rem;
  border-bottom-width: var(--sapElement_BorderWidth,.0625rem);
  border-bottom-color: #d9d9d9;
  border-bottom-color: var(--sapGroup_ContentBorderColor,#d9d9d9);
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in
}
.fd-layout-panel__filters::after,
.fd-layout-panel__filters::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-layout-panel__filters.is-hidden {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
  overflow: hidden
}
.fd-layout-panel__body {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  padding: 1rem 1.5rem
}
.fd-layout-panel__body::after,
.fd-layout-panel__body::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-layout-panel__body--bleed,
.fd-layout-panel__body--full-bleed {
  padding: 0
}
.fd-layout-panel__body > :first-child {
  margin-top: 0
}
.fd-layout-panel__body > :last-child {
  margin-bottom: 0
}
.fd-layout-panel__footer {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-top-style: solid;
  border-top-width: .0625rem;
  border-top-width: var(--sapElement_BorderWidth,.0625rem);
  border-top-color: #d9d9d9;
  border-top-color: var(--sapGroup_ContentBorderColor,#d9d9d9)
}
.fd-layout-panel__footer::after,
.fd-layout-panel__footer::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-link
*/
.fd-link {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 125ms ease-in;
  transition: all 125ms ease-in;
  line-height: inherit
}
.fd-link::after,
.fd-link::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-link--emphasized {
  font-weight: 700
}
.fd-link:visited {
  color: #0a6ed1;
  color: var(--sapLink_Visited_Color,#0a6ed1)
}
.fd-link.is-hover,
.fd-link:hover {
  color: #0854a0;
  color: var(--sapLink_Hover_Color,#0854a0);
  text-decoration: underline
}
.fd-link.is-focus,
.fd-link:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.0625rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-link.is-active,
.fd-link:active {
  color: #0a6ed1;
  color: var(--sapLink_Active_Color,#0a6ed1)
}
.fd-link--inverted {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-link--inverted.is-hover,
.fd-link--inverted:hover {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-link--subtle {
  color: #074888;
  color: var(--sapLink_SubtleColor,#074888)
}
.fd-link.is-disabled,
.fd-link:disabled,
.fd-link[aria-disabled=true] {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  pointer-events: none
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-menu {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  max-width: 20rem
}
.fd-menu::after,
.fd-menu::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__list,
.fd-menu__sublist {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow1,0 0 0 .0625rem rgba(0,0,0,.42),0 .125rem .5rem 0 rgba(0,0,0,.3));
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-menu__list::after,
.fd-menu__list::before,
.fd-menu__sublist::after,
.fd-menu__sublist::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__list--no-shadow,
.fd-menu__sublist--no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-menu__sublist {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 2;
  margin: .25rem 0 0 -.25rem;
  width: 100%
}
.fd-menu__sublist::after,
.fd-menu__sublist::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__sublist[dir=rtl],
[dir=rtl] .fd-menu__sublist {
  right: 100%;
  left: initial;
  margin: .25rem -.25rem 0 0
}
.fd-menu__sublist[aria-hidden=true] {
  display: none
}
.fd-menu__list > li {
  position: relative;
  width: 100%
}
.fd-menu__separator {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  height: .0625rem;
  background-color: #d9d9d9;
  background-color: var(--sapGroup_ContentBorderColor,#d9d9d9)
}
.fd-menu__separator::after,
.fd-menu__separator::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  border-radius: 0;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-menu__item::after,
.fd-menu__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__item:first-child {
  border-top-right-radius: .25rem;
  border-top-right-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-top-left-radius: .25rem;
  border-top-left-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-menu__item:last-child {
  border-bottom-right-radius: .25rem;
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-bottom-left-radius: .25rem;
  border-bottom-left-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-menu__link {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-radius: inherit;
  height: 2.75rem;
  padding: .75rem 1rem .75rem .75rem
}
.fd-menu__link::after,
.fd-menu__link::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__link.is-focus,
.fd-menu__link:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-menu__link.is-hover,
.fd-menu__link:hover {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-menu__link.is-selected,
.fd-menu__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: .0625rem solid var(--sapList_SelectionBorderColor,#0854a0);
  background-color: #e5f0fa;
  background-color: var(--sapList_SelectionBackgroundColor,#e5f0fa)
}
.fd-menu__link.is-selected .fd-menu__addon-after,
.fd-menu__link.is-selected .fd-menu__addon-before,
.fd-menu__link.is-selected .fd-menu__shortcut,
.fd-menu__link[aria-selected=true] .fd-menu__addon-after,
.fd-menu__link[aria-selected=true] .fd-menu__addon-before,
.fd-menu__link[aria-selected=true] .fd-menu__shortcut {
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70)
}
.fd-menu__link.is-selected.is-hover:not(:active):not(.is-active),
.fd-menu__link.is-selected:hover:not(:active):not(.is-active),
.fd-menu__link[aria-selected=true].is-hover:not(:active):not(.is-active),
.fd-menu__link[aria-selected=true]:hover:not(:active):not(.is-active) {
  background-color: #d8e9f8;
  background-color: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-menu__link.is-active,
.fd-menu__link:active {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-menu__link.is-active .fd-menu__title,
.fd-menu__link:active .fd-menu__title {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-menu__link.is-active .fd-menu__addon-after,
.fd-menu__link.is-active .fd-menu__addon-before,
.fd-menu__link.is-active .fd-menu__shortcut,
.fd-menu__link:active .fd-menu__addon-after,
.fd-menu__link:active .fd-menu__addon-before,
.fd-menu__link:active .fd-menu__shortcut {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-menu__link.is-disabled,
.fd-menu__link:disabled,
.fd-menu__link[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active),
.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: .0625rem solid var(--sapList_SelectionBorderColor,#0854a0);
  background-color: #e5f0fa;
  background-color: var(--sapList_SelectionBackgroundColor,#e5f0fa)
}
.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-after,
.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-before,
.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__shortcut,
.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-after,
.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-before,
.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__shortcut {
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70)
}
.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),
.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):hover:not(:active):not(.is-active),
.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),
.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):hover:not(:active):not(.is-active) {
  background-color: #d8e9f8;
  background-color: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-menu__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #32363a;
  color: var(--sapList_TextColor,#32363a);
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif)
}
.fd-menu__title::after,
.fd-menu__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__addon-after,
.fd-menu__addon-before {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70);
  width: 2.25rem;
  min-width: 2.25rem;
  height: 1.25rem;
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem);
  background-color: transparent
}
.fd-menu__addon-after::after,
.fd-menu__addon-after::before,
.fd-menu__addon-before::after,
.fd-menu__addon-before::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__addon-before {
  margin: 0 0 0 -.75rem
}
.fd-menu__addon-before[dir=rtl],
[dir=rtl] .fd-menu__addon-before {
  margin: 0 -1rem 0 0
}
.fd-menu__addon-after {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 -1rem 0 0
}
.fd-menu__addon-after[dir=rtl],
[dir=rtl] .fd-menu__addon-after {
  margin: 0 0 0 -.75rem
}
.fd-menu__addon-after--submenu {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-menu__addon-after--submenu::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-menu__addon-after--submenu::before {
  content: ""
}
.fd-menu__addon-after--submenu[dir=rtl]::before,
[dir=rtl] .fd-menu__addon-after--submenu::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-menu__addon-after--submenu[dir=rtl]::before,
[dir=rtl] .fd-menu__addon-after--submenu::before {
  content: ""
}
.fd-menu__shortcut {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 400;
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70);
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  padding-left: 1rem
}
.fd-menu__shortcut::after,
.fd-menu__shortcut::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-menu__shortcut[dir=rtl],
[dir=rtl] .fd-menu__shortcut {
  padding-left: 0;
  padding-right: 1rem
}
.fd-menu--full-width {
  max-width: 100%
}
.fd-menu--compact .fd-menu__link {
  padding: .375rem .75rem;
  height: 2rem
}
.fd-menu--compact .fd-menu__link .fd-menu__addon-after,
.fd-menu--compact .fd-menu__link .fd-menu__addon-before {
  min-width: 2rem;
  width: 2rem
}
.fd-menu--compact .fd-menu__link .fd-menu__addon-before {
  margin: 0 0 0 -.5rem
}
.fd-menu--compact .fd-menu__link .fd-menu__addon-after {
  margin: 0 -.75rem 0 0
}
.fd-menu--compact .fd-menu__link[dir=rtl] .fd-menu__addon-before,
[dir=rtl] .fd-menu--compact .fd-menu__link .fd-menu__addon-before {
  margin: 0 -.75rem 0 0
}
.fd-menu--compact .fd-menu__link[dir=rtl] .fd-menu__addon-after,
[dir=rtl] .fd-menu--compact .fd-menu__link .fd-menu__addon-after {
  margin: 0 0 0 -.5rem
}
.fd-menu--mobile {
  max-width: 100%
}
.fd-menu--mobile .fd-menu__list,
.fd-menu--mobile .fd-menu__sublist {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: static;
  margin: 0
}
.fd-menu--mobile .fd-menu__list .fd-menu__item,
.fd-menu--mobile .fd-menu__sublist .fd-menu__item {
  border-radius: 0
}
.fd-menu--mobile .fd-menu__list .fd-menu__link,
.fd-menu--mobile .fd-menu__sublist .fd-menu__link {
  padding: .75rem 1rem
}
.fd-menu--mobile .fd-menu__list .fd-menu__addon-after,
.fd-menu--mobile .fd-menu__list .fd-menu__addon-before,
.fd-menu--mobile .fd-menu__sublist .fd-menu__addon-after,
.fd-menu--mobile .fd-menu__sublist .fd-menu__addon-before {
  min-width: 2.75rem;
  width: 2.75rem
}
.fd-menu--mobile .fd-menu__list .fd-menu__addon-before,
.fd-menu--mobile .fd-menu__sublist .fd-menu__addon-before {
  margin: 0 0 0 -1rem
}
.fd-menu--mobile .fd-menu__list .fd-menu__addon-after,
.fd-menu--mobile .fd-menu__sublist .fd-menu__addon-after {
  margin: 0 -1rem 0 0
}
.fd-menu--mobile .fd-menu__list[dir=rtl] .fd-menu__addon-before,
.fd-menu--mobile .fd-menu__sublist[dir=rtl] .fd-menu__addon-before,
[dir=rtl] .fd-menu--mobile .fd-menu__list .fd-menu__addon-before,
[dir=rtl] .fd-menu--mobile .fd-menu__sublist .fd-menu__addon-before {
  margin: 0 -1rem 0 0
}
.fd-menu--mobile .fd-menu__list[dir=rtl] .fd-menu__addon-after,
.fd-menu--mobile .fd-menu__sublist[dir=rtl] .fd-menu__addon-after,
[dir=rtl] .fd-menu--mobile .fd-menu__list .fd-menu__addon-after,
[dir=rtl] .fd-menu--mobile .fd-menu__sublist .fd-menu__addon-after {
  margin: 0 0 0 -1rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-localization-editor__language {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  padding: .5rem
}
.fd-localization-editor__language::after,
.fd-localization-editor__language::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-message-strip+(--information, --success, --warning, --error, --no-icon)
    .fd-message__close
*/
.fd-message-strip {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  position: relative;
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  background-color: #f4f4f4;
  background-color: var(--sapNeutralBackground,#f4f4f4);
  border: 1px solid;
  border-color: #6a6d70;
  border-color: var(--sapNeutralBorderColor,#6a6d70);
  border-radius: .25rem;
  padding: .4375rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2rem
}
.fd-message-strip::after,
.fd-message-strip::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-message-strip__close {
  position: absolute;
  top: .125rem;
  right: .125rem
}
.fd-message-strip__close::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip__close::before {
  content: ""
}
.fd-message-strip__close[dir=rtl],
[dir=rtl] .fd-message-strip__close {
  left: .125rem;
  right: auto
}
.fd-message-strip--dismissible {
  padding-right: 2.5rem
}
.fd-message-strip--dismissible[dir=rtl],
[dir=rtl] .fd-message-strip--dismissible {
  padding-right: 1rem;
  padding-left: 2.5rem
}
.fd-message-strip--error,
.fd-message-strip--information,
.fd-message-strip--success,
.fd-message-strip--warning {
  padding-left: 2.5rem
}
.fd-message-strip--error::after,
.fd-message-strip--error::before,
.fd-message-strip--information::after,
.fd-message-strip--information::before,
.fd-message-strip--success::after,
.fd-message-strip--success::before,
.fd-message-strip--warning::after,
.fd-message-strip--warning::before {
  position: absolute;
  width: 2.5rem;
  top: .4375rem;
  left: 0
}
.fd-message-strip--error[dir=rtl],
.fd-message-strip--information[dir=rtl],
.fd-message-strip--success[dir=rtl],
.fd-message-strip--warning[dir=rtl],
[dir=rtl] .fd-message-strip--error,
[dir=rtl] .fd-message-strip--information,
[dir=rtl] .fd-message-strip--success,
[dir=rtl] .fd-message-strip--warning {
  padding-right: 2.5rem;
  padding-left: 1rem
}
.fd-message-strip--error[dir=rtl]::before,
.fd-message-strip--information[dir=rtl]::before,
.fd-message-strip--success[dir=rtl]::before,
.fd-message-strip--warning[dir=rtl]::before,
[dir=rtl] .fd-message-strip--error::before,
[dir=rtl] .fd-message-strip--information::before,
[dir=rtl] .fd-message-strip--success::before,
[dir=rtl] .fd-message-strip--warning::before {
  display: none
}
.fd-message-strip--error[dir=rtl]::after,
.fd-message-strip--information[dir=rtl]::after,
.fd-message-strip--success[dir=rtl]::after,
.fd-message-strip--warning[dir=rtl]::after,
[dir=rtl] .fd-message-strip--error::after,
[dir=rtl] .fd-message-strip--information::after,
[dir=rtl] .fd-message-strip--success::after,
[dir=rtl] .fd-message-strip--warning::after {
  display: none
}
.fd-message-strip--error.fd-message-strip--dismissible,
.fd-message-strip--information.fd-message-strip--dismissible,
.fd-message-strip--success.fd-message-strip--dismissible,
.fd-message-strip--warning.fd-message-strip--dismissible {
  padding-right: 2.5rem
}
.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],
.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],
.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],
.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],
[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,
[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,
[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,
[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible {
  padding-left: 2.5rem
}
.fd-message-strip--error[dir=rtl]::after,
.fd-message-strip--information[dir=rtl]::after,
.fd-message-strip--success[dir=rtl]::after,
.fd-message-strip--warning[dir=rtl]::after,
[dir=rtl] .fd-message-strip--error::after,
[dir=rtl] .fd-message-strip--information::after,
[dir=rtl] .fd-message-strip--success::after,
[dir=rtl] .fd-message-strip--warning::after {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0
}
.fd-message-strip--warning {
  background-color: #fef7f1;
  background-color: var(--sapWarningBackground,#fef7f1);
  border-color: #e9730c;
  border-color: var(--sapWarningBorderColor,#e9730c)
}
.fd-message-strip--warning::after,
.fd-message-strip--warning::before {
  color: #e9730c;
  color: var(--sapWarningBorderColor,#e9730c)
}
.fd-message-strip--warning::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip--warning::before {
  content: ""
}
.fd-message-strip--warning[dir=rtl]::after,
[dir=rtl] .fd-message-strip--warning::after {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip--warning[dir=rtl]::after,
[dir=rtl] .fd-message-strip--warning::after {
  content: ""
}
.fd-message-strip--error {
  background-color: #ffebeb;
  background-color: var(--sapErrorBackground,#ffebeb);
  border-color: #b00;
  border-color: var(--sapErrorBorderColor,#b00)
}
.fd-message-strip--error::after,
.fd-message-strip--error::before {
  color: #b00;
  color: var(--sapErrorBorderColor,#b00)
}
.fd-message-strip--error::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip--error::before {
  content: ""
}
.fd-message-strip--error[dir=rtl]::after,
[dir=rtl] .fd-message-strip--error::after {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip--error[dir=rtl]::after,
[dir=rtl] .fd-message-strip--error::after {
  content: ""
}
.fd-message-strip--success {
  background-color: #f1fdf6;
  background-color: var(--sapSuccessBackground,#f1fdf6);
  border-color: #107e3e;
  border-color: var(--sapSuccessBorderColor,#107e3e)
}
.fd-message-strip--success::after,
.fd-message-strip--success::before {
  color: #107e3e;
  color: var(--sapSuccessBorderColor,#107e3e)
}
.fd-message-strip--success::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip--success::before {
  content: ""
}
.fd-message-strip--success[dir=rtl]::after,
[dir=rtl] .fd-message-strip--success::after {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip--success[dir=rtl]::after,
[dir=rtl] .fd-message-strip--success::after {
  content: ""
}
.fd-message-strip--information {
  background-color: #f5faff;
  background-color: var(--sapInformationBackground,#f5faff);
  border-color: #0a6ed1;
  border-color: var(--sapInformationBorderColor,#0a6ed1)
}
.fd-message-strip--information::after,
.fd-message-strip--information::before {
  color: #0a6ed1;
  color: var(--sapInformationBorderColor,#0a6ed1)
}
.fd-message-strip--information::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip--information::before {
  content: ""
}
.fd-message-strip--information[dir=rtl]::after,
[dir=rtl] .fd-message-strip--information::after {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-message-strip--information[dir=rtl]::after,
[dir=rtl] .fd-message-strip--information::after {
  content: ""
}
.fd-message-strip--no-icon {
  padding-left: 1rem
}
.fd-message-strip--no-icon::before {
  display: none
}
.fd-message-strip--no-icon[dir=rtl],
[dir=rtl] .fd-message-strip--no-icon {
  padding-right: 1rem
}
.fd-message-strip--no-icon[dir=rtl]::after,
[dir=rtl] .fd-message-strip--no-icon::after {
  display: none
}
.fd-message-strip__text {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1rem
}
.fd-message-strip__text::after,
.fd-message-strip__text::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-token {
  cursor: default;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #fafafa;
  background-color: var(--sapButton_TokenBackground,#fafafa);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: .25rem 0 .25rem .3125rem;
  border-radius: .25rem;
  white-space: nowrap;
  max-width: 100%;
  min-width: 3.625rem;
  text-overflow: clip;
  height: 1.625rem;
  line-height: 1.5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  border: .0625rem solid #c2c2c2;
  border: var(--sapButton_BorderWidth,.0625rem) solid var(--sapButton_TokenBorderColor,#c2c2c2)
}
.fd-token::after,
.fd-token::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-token[dir=rtl],
[dir=rtl] .fd-token {
  padding-left: 0;
  padding-right: .3125rem
}
.fd-token__text {
  overflow: hidden;
  max-width: 100%;
  min-width: auto;
  width: 100%;
  text-overflow: ellipsis
}
.fd-token__close {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0);
  padding: .25rem .5rem;
  width: 1.75rem;
  min-width: 1.75rem;
  height: 1.625rem;
  background-color: transparent;
  line-height: 1.25rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fd-token__close::after,
.fd-token__close::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-token__close::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-token__close::before {
  content: ""
}
.fd-token__close.is-focus,
.fd-token__close:focus {
  z-index: 5;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-token:hover {
  background-color: #ebf5fe;
  background-color: var(--sapButton_Hover_Background,#ebf5fe);
  border-color: #0854a0;
  border-color: var(--sapButton_Hover_BorderColor,#0854a0)
}
.fd-token.is-focus,
.fd-token:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-token--compact {
  padding: 0 0 .1rem .25rem;
  height: 1.25rem;
  min-width: 3rem;
  line-height: 1.125rem
}
.fd-token--compact .fd-token__close {
  padding: .1rem .25rem;
  vertical-align: baseline;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem
}
.fd-token--compact[dir=rtl],
[dir=rtl] .fd-token--compact {
  padding-left: 0;
  padding-right: .25rem
}
.fd-token--selected {
  color: #fff;
  color: var(--sapButton_Selected_TextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapButton_Selected_Background,#0854a0);
  border-color: #0854a0;
  border-color: var(--sapButton_Selected_BorderColor,#0854a0)
}
.fd-token--selected .fd-token__close {
  color: #fff;
  color: var(--sapButton_Selected_TextColor,#fff)
}
.fd-token--selected:hover {
  background-color: #095caf;
  background-color: var(--sapButton_Selected_Hover_Background,#095caf);
  border-color: #095caf;
  border-color: var(--sapButton_Selected_Hover_BorderColor,#095caf)
}
.fd-token--selected.is-focus,
.fd-token--selected:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted);
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-token--readonly {
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  padding: .25rem .375rem
}
.fd-token--readonly.fd-token--compact {
  padding: .1rem .25rem
}
.fd-token--readonly.fd-token--compact[dir=rtl],
[dir=rtl] .fd-token--readonly.fd-token--compact {
  padding-left: .25rem
}
.fd-token--readonly[dir=rtl],
[dir=rtl] .fd-token--readonly {
  padding-left: .375rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-tokenizer {
  width: 100%;
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-tokenizer__inner {
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0 .3125rem;
  overflow: hidden;
  float: right;
  white-space: nowrap;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.fd-tokenizer__inner::-webkit-scrollbar {
  display: none
}
.fd-tokenizer .fd-token {
  margin-right: .3125rem
}
.fd-tokenizer .fd-token[dir=rtl],
[dir=rtl] .fd-tokenizer .fd-token {
  margin: 0 0 0 .3125rem
}
.fd-tokenizer__indicator {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: inline-block;
  cursor: pointer
}
.fd-tokenizer__indicator::after,
.fd-tokenizer__indicator::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tokenizer__input.fd-input {
  border: none;
  padding: 0;
  min-width: 3rem
}
.fd-tokenizer__input:first-child {
  padding: 0 .3125rem
}
.fd-tokenizer__input:last-child {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
.fd-tokenizer__input.is-focus,
.fd-tokenizer__input:focus {
  z-index: 5;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none
}
.fd-tokenizer.is-focus,
.fd-tokenizer:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  outline-offset: -.0625rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-tokenizer--compact .fd-tokenizer__inner {
  padding: 0 .25rem
}
.fd-tokenizer--compact .fd-tokenizer__input.fd-input {
  min-width: 2rem
}
.fd-tokenizer--compact .fd-tokenizer__input:first-child {
  padding: 0 .25rem
}
.fd-tokenizer--compact .fd-token {
  margin-right: .25rem
}
.fd-tokenizer--compact .fd-token[dir=rtl],
[dir=rtl] .fd-tokenizer--compact .fd-token {
  margin: 0 0 0 .3125rem
}
.fd-tokenizer--readonly {
  overflow: visible;
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5))
}
.fd-tokenizer--readonly .fd-tokenizer__inner {
  overflow: visible
}
.fd-tokenizer--scrollable .fd-tokenizer__inner {
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
  overflow: scroll
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-object-status+(--success | --warning | --error)
*/
.fd-object-status {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapNeutralTextColor,#6a6d70);
  max-width: 100%;
  word-break: break-word;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1
}
.fd-object-status::after,
.fd-object-status::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-object-status::before {
  font-size: 1rem;
  padding-right: .5rem;
  color: #6a6d70;
  color: var(--sapNeutralElementColor,#6a6d70)
}
.fd-object-status.is-empty,
.fd-object-status:empty {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 0;
  padding-left: 0
}
.fd-object-status.is-empty::before,
.fd-object-status:empty::before {
  padding-right: 0;
  padding-left: 0
}
.fd-object-status[dir=rtl]::before,
[dir=rtl] .fd-object-status::before {
  padding-right: 0;
  padding-left: .5rem
}
.fd-object-status[dir=rtl].is-empty::before,
.fd-object-status[dir=rtl]:empty::before,
[dir=rtl] .fd-object-status.is-empty::before,
[dir=rtl] .fd-object-status:empty::before {
  padding-right: 0;
  padding-left: 0
}
.fd-object-status--positive {
  color: #107e3e;
  color: var(--sapPositiveTextColor,#107e3e)
}
.fd-object-status--positive::before {
  color: #107e3e;
  color: var(--sapPositiveElementColor,#107e3e)
}
.fd-object-status--critical {
  color: #e9730c;
  color: var(--sapCriticalTextColor,#e9730c)
}
.fd-object-status--critical::before {
  color: #e9730c;
  color: var(--sapCriticalElementColor,#e9730c)
}
.fd-object-status--negative {
  color: #b00;
  color: var(--sapNegativeTextColor,#b00)
}
.fd-object-status--negative::before {
  color: #b00;
  color: var(--sapNegativeElementColor,#b00)
}
.fd-object-status--informative {
  color: #053b70;
  color: var(--sapInformativeTextColor,#053b70)
}
.fd-object-status--informative::before {
  color: #0a6ed1;
  color: var(--sapInformativeElementColor,#0a6ed1)
}
.fd-object-status--indication-1 {
  color: #800;
  color: var(--sapIndicationColor_1,#800)
}
.fd-object-status--indication-1:visited,
.fd-object-status--indication-1:visited::before {
  color: #800;
  color: var(--sapIndicationColor_1,#800)
}
.fd-object-status--indication-2 {
  color: #b00;
  color: var(--sapIndicationColor_2,#b00)
}
.fd-object-status--indication-2:visited,
.fd-object-status--indication-2:visited::before {
  color: #b00;
  color: var(--sapIndicationColor_2,#b00)
}
.fd-object-status--indication-3 {
  color: #e9730c;
  color: var(--sapIndicationColor_3,#e9730c)
}
.fd-object-status--indication-3:visited,
.fd-object-status--indication-3:visited::before {
  color: #e9730c;
  color: var(--sapIndicationColor_3,#e9730c)
}
.fd-object-status--indication-4 {
  color: #107e3e;
  color: var(--sapIndicationColor_4,#107e3e)
}
.fd-object-status--indication-4:visited,
.fd-object-status--indication-4:visited::before {
  color: #107e3e;
  color: var(--sapIndicationColor_4,#107e3e)
}
.fd-object-status--indication-5 {
  color: #0a6ed1;
  color: var(--sapIndicationColor_5,#0a6ed1)
}
.fd-object-status--indication-5:visited,
.fd-object-status--indication-5:visited::before {
  color: #0a6ed1;
  color: var(--sapIndicationColor_5,#0a6ed1)
}
.fd-object-status--indication-6 {
  color: #0f828f;
  color: var(--sapAccentColor7,#0f828f)
}
.fd-object-status--indication-6:visited,
.fd-object-status--indication-6:visited::before {
  color: #0f828f;
  color: var(--sapAccentColor7,#0f828f)
}
.fd-object-status--indication-7 {
  color: #925ace;
  color: var(--sapAccentColor9,#925ace)
}
.fd-object-status--indication-7:visited,
.fd-object-status--indication-7:visited::before {
  color: #925ace;
  color: var(--sapAccentColor9,#925ace)
}
.fd-object-status--indication-8 {
  color: #c0399f;
  color: var(--sapAccentColor4,#c0399f)
}
.fd-object-status--indication-8:visited,
.fd-object-status--indication-8:visited::before {
  color: #c0399f;
  color: var(--sapAccentColor4,#c0399f)
}
.fd-object-status--link {
  display: inline-block;
  text-decoration: none;
  cursor: pointer
}
.fd-object-status--link::before {
  position: relative;
  top: .125rem
}
.fd-object-status--link:hover {
  text-decoration: underline
}
.fd-object-status--link:hover::before {
  text-decoration: none
}
.fd-object-status--link:visited {
  text-decoration: none
}
.fd-object-status--large {
  font-size: 1.5rem
}
.fd-object-status--large::before {
  font-size: 1.5rem
}
.fd-object-status--inverted {
  height: auto;
  min-height: 1rem;
  width: auto;
  max-width: 100%;
  padding: .0625rem .25rem;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  font-weight: 700;
  color: #fff;
  color: var(--sapButton_Neutral_TextColor,#fff);
  background-color: #6a6d70;
  background-color: var(--sapButton_Neutral_Background,#6a6d70)
}
.fd-object-status--inverted::before {
  font-size: .75rem;
  padding-right: .25rem
}
.fd-object-status--inverted[dir=rtl]::before,
[dir=rtl] .fd-object-status--inverted::before {
  padding-right: 0;
  padding-left: .25rem
}
.fd-object-status--inverted.is-empty,
.fd-object-status--inverted:empty {
  height: 1rem;
  padding: 0 .25rem
}
.fd-object-status--inverted::before {
  color: #fff;
  color: var(--sapButton_Neutral_TextColor,#fff)
}
.fd-object-status--inverted:active,
.fd-object-status--inverted:hover,
.fd-object-status--inverted:visited {
  color: #fff;
  color: var(--sapButton_Neutral_TextColor,#fff);
  background-color: #6a6d70;
  background-color: var(--sapButton_Neutral_Background,#6a6d70)
}
.fd-object-status--inverted:active::before,
.fd-object-status--inverted:hover::before,
.fd-object-status--inverted:visited::before {
  color: #fff;
  color: var(--sapButton_Neutral_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--positive {
  color: #fff;
  color: var(--sapButton_Success_TextColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapButton_Success_Background,#107e3e)
}
.fd-object-status--inverted.fd-object-status--positive::before {
  color: #fff;
  color: var(--sapButton_Success_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--positive:active,
.fd-object-status--inverted.fd-object-status--positive:hover,
.fd-object-status--inverted.fd-object-status--positive:visited {
  color: #fff;
  color: var(--sapButton_Success_TextColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapButton_Success_Background,#107e3e)
}
.fd-object-status--inverted.fd-object-status--positive:active::before,
.fd-object-status--inverted.fd-object-status--positive:hover::before,
.fd-object-status--inverted.fd-object-status--positive:visited::before {
  color: #fff;
  color: var(--sapButton_Success_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--critical {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapButton_Critical_Background,#e9730c)
}
.fd-object-status--inverted.fd-object-status--critical::before {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--critical:active,
.fd-object-status--inverted.fd-object-status--critical:hover,
.fd-object-status--inverted.fd-object-status--critical:visited {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapButton_Critical_Background,#e9730c)
}
.fd-object-status--inverted.fd-object-status--critical:active::before,
.fd-object-status--inverted.fd-object-status--critical:hover::before,
.fd-object-status--inverted.fd-object-status--critical:visited::before {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--negative {
  color: #fff;
  color: var(--sapButton_Negative_TextColor,#fff);
  background-color: #b00;
  background-color: var(--sapButton_Negative_Background,#b00)
}
.fd-object-status--inverted.fd-object-status--negative::before {
  color: #fff;
  color: var(--sapButton_Negative_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--negative:active,
.fd-object-status--inverted.fd-object-status--negative:hover,
.fd-object-status--inverted.fd-object-status--negative:visited {
  color: #fff;
  color: var(--sapButton_Negative_TextColor,#fff);
  background-color: #b00;
  background-color: var(--sapButton_Negative_Background,#b00)
}
.fd-object-status--inverted.fd-object-status--negative:active::before,
.fd-object-status--inverted.fd-object-status--negative:hover::before,
.fd-object-status--inverted.fd-object-status--negative:visited::before {
  color: #fff;
  color: var(--sapButton_Negative_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--informative {
  color: #fff;
  color: var(--sapButton_Information_TextColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapInformativeElementColor,#0a6ed1)
}
.fd-object-status--inverted.fd-object-status--informative::before {
  color: #fff;
  color: var(--sapButton_Information_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--informative:active,
.fd-object-status--inverted.fd-object-status--informative:hover,
.fd-object-status--inverted.fd-object-status--informative:visited {
  color: #fff;
  color: var(--sapButton_Information_TextColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapInformativeElementColor,#0a6ed1)
}
.fd-object-status--inverted.fd-object-status--informative:active::before,
.fd-object-status--inverted.fd-object-status--informative:hover::before,
.fd-object-status--inverted.fd-object-status--informative:visited::before {
  color: #fff;
  color: var(--sapButton_Information_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-1 {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff);
  background-color: #800;
  background-color: var(--sapIndicationColor_1,#800)
}
.fd-object-status--inverted.fd-object-status--indication-1::before {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-1:active,
.fd-object-status--inverted.fd-object-status--indication-1:hover,
.fd-object-status--inverted.fd-object-status--indication-1:visited {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff);
  background-color: #800;
  background-color: var(--sapIndicationColor_1,#800)
}
.fd-object-status--inverted.fd-object-status--indication-1:active::before,
.fd-object-status--inverted.fd-object-status--indication-1:hover::before,
.fd-object-status--inverted.fd-object-status--indication-1:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-2 {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff);
  background-color: #b00;
  background-color: var(--sapIndicationColor_2,#b00)
}
.fd-object-status--inverted.fd-object-status--indication-2::before {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-2:active,
.fd-object-status--inverted.fd-object-status--indication-2:hover,
.fd-object-status--inverted.fd-object-status--indication-2:visited {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff);
  background-color: #b00;
  background-color: var(--sapIndicationColor_2,#b00)
}
.fd-object-status--inverted.fd-object-status--indication-2:active::before,
.fd-object-status--inverted.fd-object-status--indication-2:hover::before,
.fd-object-status--inverted.fd-object-status--indication-2:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-3 {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapIndicationColor_3,#e9730c)
}
.fd-object-status--inverted.fd-object-status--indication-3::before {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-3:active,
.fd-object-status--inverted.fd-object-status--indication-3:hover,
.fd-object-status--inverted.fd-object-status--indication-3:visited {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapIndicationColor_3,#e9730c)
}
.fd-object-status--inverted.fd-object-status--indication-3:active::before,
.fd-object-status--inverted.fd-object-status--indication-3:hover::before,
.fd-object-status--inverted.fd-object-status--indication-3:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-4 {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapIndicationColor_4,#107e3e)
}
.fd-object-status--inverted.fd-object-status--indication-4::before {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-4:active,
.fd-object-status--inverted.fd-object-status--indication-4:hover,
.fd-object-status--inverted.fd-object-status--indication-4:visited {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapIndicationColor_4,#107e3e)
}
.fd-object-status--inverted.fd-object-status--indication-4:active::before,
.fd-object-status--inverted.fd-object-status--indication-4:hover::before,
.fd-object-status--inverted.fd-object-status--indication-4:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-5 {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapIndicationColor_5,#0a6ed1)
}
.fd-object-status--inverted.fd-object-status--indication-5::before {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-5:active,
.fd-object-status--inverted.fd-object-status--indication-5:hover,
.fd-object-status--inverted.fd-object-status--indication-5:visited {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapIndicationColor_5,#0a6ed1)
}
.fd-object-status--inverted.fd-object-status--indication-5:active::before,
.fd-object-status--inverted.fd-object-status--indication-5:hover::before,
.fd-object-status--inverted.fd-object-status--indication-5:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-6 {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff);
  background-color: #0f828f;
  background-color: var(--sapIndicationColor_6,#0f828f)
}
.fd-object-status--inverted.fd-object-status--indication-6::before {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-6:active,
.fd-object-status--inverted.fd-object-status--indication-6:hover,
.fd-object-status--inverted.fd-object-status--indication-6:visited {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff);
  background-color: #0f828f;
  background-color: var(--sapIndicationColor_6,#0f828f)
}
.fd-object-status--inverted.fd-object-status--indication-6:active::before,
.fd-object-status--inverted.fd-object-status--indication-6:hover::before,
.fd-object-status--inverted.fd-object-status--indication-6:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-7 {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff);
  background-color: #925ace;
  background-color: var(--sapIndicationColor_7,#925ace)
}
.fd-object-status--inverted.fd-object-status--indication-7::before {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-7:active,
.fd-object-status--inverted.fd-object-status--indication-7:hover,
.fd-object-status--inverted.fd-object-status--indication-7:visited {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff);
  background-color: #925ace;
  background-color: var(--sapIndicationColor_7,#925ace)
}
.fd-object-status--inverted.fd-object-status--indication-7:active::before,
.fd-object-status--inverted.fd-object-status--indication-7:hover::before,
.fd-object-status--inverted.fd-object-status--indication-7:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-8 {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff);
  background-color: #c0399f;
  background-color: var(--sapIndicationColor_8,#c0399f)
}
.fd-object-status--inverted.fd-object-status--indication-8::before {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--indication-8:active,
.fd-object-status--inverted.fd-object-status--indication-8:hover,
.fd-object-status--inverted.fd-object-status--indication-8:visited {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff);
  background-color: #c0399f;
  background-color: var(--sapIndicationColor_8,#c0399f)
}
.fd-object-status--inverted.fd-object-status--indication-8:active::before,
.fd-object-status--inverted.fd-object-status--indication-8:hover::before,
.fd-object-status--inverted.fd-object-status--indication-8:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--large {
  font-size: 1.25rem;
  padding: .125rem .25rem
}
.fd-object-status--inverted.fd-object-status--large::before {
  font-size: 1.25rem
}
.fd-object-status--inverted.fd-object-status--large.is-empty,
.fd-object-status--inverted.fd-object-status--large:empty {
  height: 1.5rem;
  min-width: 1.75rem;
  padding: 0 .25rem
}
.fd-object-status--inverted.fd-object-status--link {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: #fff;
  color: var(--sapButton_Neutral_TextColor,#fff);
  background-color: #6a6d70;
  background-color: var(--sapButton_Neutral_Background,#6a6d70)
}
.fd-object-status--inverted.fd-object-status--link::before {
  position: initial;
  top: initial
}
.fd-object-status--inverted.fd-object-status--link:active,
.fd-object-status--inverted.fd-object-status--link:hover,
.fd-object-status--inverted.fd-object-status--link:visited {
  text-decoration: none
}
.fd-object-status--inverted.fd-object-status--link:visited {
  color: #fff;
  color: var(--sapButton_Neutral_TextColor,#fff);
  background-color: #6a6d70;
  background-color: var(--sapButton_Neutral_Background,#6a6d70)
}
.fd-object-status--inverted.fd-object-status--link:visited::before {
  color: #fff;
  color: var(--sapButton_Neutral_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.is-hover,
.fd-object-status--inverted.fd-object-status--link:hover {
  color: #fff;
  color: var(--sapButton_Neutral_Hover_TextColor,#fff);
  background-color: #595b5e;
  background-color: var(--sapButton_Neutral_Hover_Background,#595b5e)
}
.fd-object-status--inverted.fd-object-status--link.is-hover::before,
.fd-object-status--inverted.fd-object-status--link:hover::before {
  color: #fff;
  color: var(--sapButton_Neutral_Hover_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.is-active,
.fd-object-status--inverted.fd-object-status--link:active {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff);
  background-color: #515456;
  background-color: var(--sapButton_Neutral_Active_Background,#515456)
}
.fd-object-status--inverted.fd-object-status--link.is-active::before,
.fd-object-status--inverted.fd-object-status--link:active::before {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive {
  color: #fff;
  color: var(--sapButton_Success_TextColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapButton_Success_Background,#107e3e)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:visited {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapButton_Success_Background,#107e3e)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:visited::before {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:hover {
  color: #fff;
  color: var(--sapButton_Success_Hover_TextColor,#fff);
  background-color: #0c5e2e;
  background-color: var(--sapButton_Success_Hover_Background,#0c5e2e)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:hover::before {
  color: #fff;
  color: var(--sapButton_Success_Hover_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:active {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff);
  background-color: #0a5128;
  background-color: var(--sapButton_Success_Active_Background,#0a5128)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:active::before {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapButton_Critical_Background,#e9730c)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:visited {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapButton_Critical_Background,#e9730c)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:visited::before {
  color: #fff;
  color: var(--sapButton_Critical_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:hover {
  color: var(sapButton_Critical_Hover_TextColor);
  background-color: #c7620a;
  background-color: var(--sapButton_Critical_Hover_Background,#c7620a)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:hover::before {
  color: var(sapButton_Critical_Hover_TextColor)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:active {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff);
  background-color: #b85b0a;
  background-color: var(--sapButton_Critical_Active_Background,#b85b0a)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:active::before {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative {
  color: #fff;
  color: var(--sapButton_Negative_TextColor,#fff);
  background-color: #b00;
  background-color: var(--sapButton_Negative_Background,#b00)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:visited {
  color: #fff;
  color: var(--sapButton_Negative_TextColor,#fff);
  background-color: #b00;
  background-color: var(--sapButton_Negative_Background,#b00)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:visited::before {
  color: #fff;
  color: var(--sapButton_Negative_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:hover {
  color: #fff;
  color: var(--sapButton_Negative_Hover_TextColor,#fff);
  background-color: #970000;
  background-color: var(--sapButton_Negative_Hover_Background,#970000)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:hover::before {
  color: #fff;
  color: var(--sapButton_Negative_Hover_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:active {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff);
  background-color: #800;
  background-color: var(--sapButton_Negative_Active_Background,#800)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:active::before {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative {
  color: #fff;
  color: var(--sapButton_Information_TextColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapInformativeElementColor,#0a6ed1)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:visited {
  color: #fff;
  color: var(--sapButton_Information_TextColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapInformativeElementColor,#0a6ed1)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:visited::before {
  color: #fff;
  color: var(--sapButton_Information_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:hover {
  color: #fff;
  color: var(--sapButton_Information_Hover_TextColor,#fff);
  background-color: #0961b9;
  background-color: var(--sapButton_Information_Hover_Background,#0961b9)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:hover::before {
  color: #fff;
  color: var(--sapButton_Information_Hover_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:active {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapButton_Information_Active_Background,#0854a0)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:active::before {
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1 {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff);
  background-color: #800;
  background-color: var(--sapIndicationColor_1,#800)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:visited {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff);
  background-color: #800;
  background-color: var(--sapIndicationColor_1,#800)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:hover {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff);
  background-color: #6f0000;
  background-color: var(--sapIndicationColor_1_Hover_Background,#6f0000)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:hover::before {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:active {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff);
  background-color: #500;
  background-color: var(--sapIndicationColor_1_Active_Background,#500)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:active::before {
  color: #fff;
  color: var(--sapIndicationColor_1_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2 {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff);
  background-color: #b00;
  background-color: var(--sapIndicationColor_2,#b00)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:visited {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff);
  background-color: #b00;
  background-color: var(--sapIndicationColor_2,#b00)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:hover {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff);
  background-color: #a20000;
  background-color: var(--sapIndicationColor_2_Hover_Background,#a20000)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:hover::before {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:active {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff);
  background-color: #800;
  background-color: var(--sapIndicationColor_2_Active_Background,#800)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:active::before {
  color: #fff;
  color: var(--sapIndicationColor_2_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3 {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapIndicationColor_3,#e9730c)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:visited {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapIndicationColor_3,#e9730c)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:hover {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff);
  background-color: #da6c0b;
  background-color: var(--sapIndicationColor_3_Hover_Background,#da6c0b)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:hover::before {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:active {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff);
  background-color: #cc650b;
  background-color: var(--sapIndicationColor_3_Active_Background,#cc650b)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:active::before {
  color: #fff;
  color: var(--sapIndicationColor_3_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4 {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapIndicationColor_4,#107e3e)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:visited {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapIndicationColor_4,#107e3e)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:hover {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff);
  background-color: #0d6733;
  background-color: var(--sapIndicationColor_4_Hover_Background,#0d6733)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:hover::before {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:active {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff);
  background-color: #0a5128;
  background-color: var(--sapIndicationColor_4_Active_Background,#0a5128)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:active::before {
  color: #fff;
  color: var(--sapIndicationColor_4_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5 {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapIndicationColor_5,#0a6ed1)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:visited {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapIndicationColor_5,#0a6ed1)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:hover {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff);
  background-color: #0961b9;
  background-color: var(--sapIndicationColor_5_Hover_Background,#0961b9)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:hover::before {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:active {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapIndicationColor_5_Active_Background,#0854a0)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:active::before {
  color: #fff;
  color: var(--sapIndicationColor_5_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6 {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff);
  background-color: #0f828f;
  background-color: var(--sapIndicationColor_6,#0f828f)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:visited {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff);
  background-color: #0f828f;
  background-color: var(--sapIndicationColor_6,#0f828f)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:hover {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff);
  background-color: #0d6d78;
  background-color: var(--sapIndicationColor_6_Hover_Background,#0d6d78)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:hover::before {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:active {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff);
  background-color: #0a5861;
  background-color: var(--sapIndicationColor_6_Active_Background,#0a5861)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:active::before {
  color: #fff;
  color: var(--sapIndicationColor_6_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7 {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff);
  background-color: #925ace;
  background-color: var(--sapIndicationColor_7,#925ace)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:visited {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff);
  background-color: #925ace;
  background-color: var(--sapIndicationColor_7,#925ace)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:hover {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff);
  background-color: #8546c8;
  background-color: var(--sapIndicationColor_7_Hover_Background,#8546c8)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:hover::before {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:active {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff);
  background-color: #7838bd;
  background-color: var(--sapIndicationColor_7_Active_Background,#7838bd)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:active::before {
  color: #fff;
  color: var(--sapIndicationColor_7_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8 {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff);
  background-color: #c0399f;
  background-color: var(--sapIndicationColor_8,#c0399f)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:visited {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff);
  background-color: #c0399f;
  background-color: var(--sapIndicationColor_8,#c0399f)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:visited::before {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-hover,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:hover {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff);
  background-color: #ac338f;
  background-color: var(--sapIndicationColor_8_Hover_Background,#ac338f)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-hover::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:hover::before {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-active,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:active {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff);
  background-color: #992d7e;
  background-color: var(--sapIndicationColor_8_Active_Background,#992d7e)
}
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-active::before,
.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:active::before {
  color: #fff;
  color: var(--sapIndicationColor_8_TextColor,#fff)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-pagination
*/
.fd-pagination {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem)
}
.fd-pagination::after,
.fd-pagination::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-pagination__total {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  margin-right: .5rem
}
.fd-pagination__total::after,
.fd-pagination__total::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-pagination__total[dir=rtl],
[dir=rtl] .fd-pagination__total {
  margin-right: 0;
  margin-left: .5rem
}
.fd-pagination__nav {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: inline-block;
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  margin-bottom: 0
}
.fd-pagination__nav::after,
.fd-pagination__nav::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-pagination__more {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-pagination__more::after,
.fd-pagination__more::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-pagination__more::before {
  content: "...";
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  font-weight: 700
}
.fd-pagination__link {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 125ms ease-in;
  transition: all 125ms ease-in;
  line-height: inherit;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  background-color: transparent;
  padding-left: .25rem;
  padding-right: .25rem;
  position: relative;
  text-decoration: none
}
.fd-pagination__link::after,
.fd-pagination__link::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-pagination__link--emphasized {
  font-weight: 700
}
.fd-pagination__link:visited {
  color: #0a6ed1;
  color: var(--sapLink_Visited_Color,#0a6ed1)
}
.fd-pagination__link.is-hover,
.fd-pagination__link:hover {
  color: #0854a0;
  color: var(--sapLink_Hover_Color,#0854a0);
  text-decoration: underline
}
.fd-pagination__link.is-focus,
.fd-pagination__link:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.0625rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-pagination__link.is-active,
.fd-pagination__link:active {
  color: #0a6ed1;
  color: var(--sapLink_Active_Color,#0a6ed1)
}
.fd-pagination__link--inverted {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-pagination__link--inverted.is-hover,
.fd-pagination__link--inverted:hover {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-pagination__link--subtle {
  color: #074888;
  color: var(--sapLink_SubtleColor,#074888)
}
.fd-pagination__link.is-disabled,
.fd-pagination__link:disabled,
.fd-pagination__link[aria-disabled=true] {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  pointer-events: none
}
.fd-pagination__link.is-selected,
.fd-pagination__link[aria-selected=true] {
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  text-decoration: none;
  cursor: default;
  font-weight: 700
}
.fd-pagination__link--next,
.fd-pagination__link--previous {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 125ms ease-in;
  transition: all 125ms ease-in;
  line-height: inherit;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  padding-left: .5rem;
  padding-right: .5rem
}
.fd-pagination__link--next::after,
.fd-pagination__link--next::before,
.fd-pagination__link--previous::after,
.fd-pagination__link--previous::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-pagination__link--next--emphasized,
.fd-pagination__link--previous--emphasized {
  font-weight: 700
}
.fd-pagination__link--next:visited,
.fd-pagination__link--previous:visited {
  color: #0a6ed1;
  color: var(--sapLink_Visited_Color,#0a6ed1)
}
.fd-pagination__link--next.is-hover,
.fd-pagination__link--next:hover,
.fd-pagination__link--previous.is-hover,
.fd-pagination__link--previous:hover {
  color: #0854a0;
  color: var(--sapLink_Hover_Color,#0854a0);
  text-decoration: underline
}
.fd-pagination__link--next.is-focus,
.fd-pagination__link--next:focus,
.fd-pagination__link--previous.is-focus,
.fd-pagination__link--previous:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.0625rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-pagination__link--next.is-active,
.fd-pagination__link--next:active,
.fd-pagination__link--previous.is-active,
.fd-pagination__link--previous:active {
  color: #0a6ed1;
  color: var(--sapLink_Active_Color,#0a6ed1)
}
.fd-pagination__link--next--inverted,
.fd-pagination__link--previous--inverted {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-pagination__link--next--inverted.is-hover,
.fd-pagination__link--next--inverted:hover,
.fd-pagination__link--previous--inverted.is-hover,
.fd-pagination__link--previous--inverted:hover {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-pagination__link--next--subtle,
.fd-pagination__link--previous--subtle {
  color: #074888;
  color: var(--sapLink_SubtleColor,#074888)
}
.fd-pagination__link--next.is-disabled,
.fd-pagination__link--next:disabled,
.fd-pagination__link--next[aria-disabled=true],
.fd-pagination__link--previous.is-disabled,
.fd-pagination__link--previous:disabled,
.fd-pagination__link--previous[aria-disabled=true] {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  pointer-events: none
}
.fd-pagination__link--previous {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-pagination__link--previous::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-pagination__link--previous::before {
  content: ""
}
.fd-pagination__link--previous[dir=rtl]::before,
[dir=rtl] .fd-pagination__link--previous::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-pagination__link--previous[dir=rtl]::before,
[dir=rtl] .fd-pagination__link--previous::before {
  content: ""
}
.fd-pagination__link--next {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-pagination__link--next::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-pagination__link--next::before {
  content: ""
}
.fd-pagination__link--next[dir=rtl]::before,
[dir=rtl] .fd-pagination__link--next::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-pagination__link--next[dir=rtl]::before,
[dir=rtl] .fd-pagination__link--next::before {
  content: ""
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-select {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
  padding-right: 0
}
.fd-select::after,
.fd-select::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-select__control {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #32363a;
  color: var(--sapField_TextColor,#32363a);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapField_BorderWidth,.0625rem);
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem);
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 2.25rem;
  width: 100%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 0;
  padding-left: .625rem
}
.fd-select__control::after,
.fd-select__control::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-select__control::-webkit-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-select__control::-moz-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-select__control:-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-select__control::-ms-input-placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-select__control::placeholder {
  font-style: italic;
  color: #74777a;
  color: var(--sapField_PlaceholderTextColor,#74777a)
}
.fd-select__control::-moz-selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-select__control::selection {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-select__control.is-hover,
.fd-select__control:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-select__control.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-select__control.is-success.is-hover,
.fd-select__control.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-select__control.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-select__control.is-error.is-hover,
.fd-select__control.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-select__control.is-alert,
.fd-select__control.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-select__control.is-alert.is-hover,
.fd-select__control.is-alert:hover,
.fd-select__control.is-warning.is-hover,
.fd-select__control.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-select__control.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-select__control.is-information.is-hover,
.fd-select__control.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-select__control.is-focus,
.fd-select__control:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-select__control.is-alert,
.fd-select__control.is-error,
.fd-select__control.is-information,
.fd-select__control.is-warning {
  border-width: .125rem
}
.fd-select__control.is-alert.is-focus,
.fd-select__control.is-alert:focus,
.fd-select__control.is-error.is-focus,
.fd-select__control.is-error:focus,
.fd-select__control.is-information.is-focus,
.fd-select__control.is-information:focus,
.fd-select__control.is-warning.is-focus,
.fd-select__control.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-select__control.is-disabled,
.fd-select__control:disabled,
.fd-select__control[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-select__control.is-disabled::-webkit-input-placeholder,
.fd-select__control:disabled::-webkit-input-placeholder,
.fd-select__control[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-select__control.is-disabled::-moz-placeholder,
.fd-select__control:disabled::-moz-placeholder,
.fd-select__control[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-select__control.is-disabled:-ms-input-placeholder,
.fd-select__control:disabled:-ms-input-placeholder,
.fd-select__control[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-select__control.is-disabled::-ms-input-placeholder,
.fd-select__control:disabled::-ms-input-placeholder,
.fd-select__control[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-select__control.is-disabled::placeholder,
.fd-select__control:disabled::placeholder,
.fd-select__control[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-select__control.is-readonly,
.fd-select__control[aria-readonly=true],
.fd-select__control[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-select__control.is-readonly::-webkit-input-placeholder,
.fd-select__control[aria-readonly=true]::-webkit-input-placeholder,
.fd-select__control[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-select__control.is-readonly::-moz-placeholder,
.fd-select__control[aria-readonly=true]::-moz-placeholder,
.fd-select__control[readonly]::-moz-placeholder {
  color: transparent
}
.fd-select__control.is-readonly:-ms-input-placeholder,
.fd-select__control[aria-readonly=true]:-ms-input-placeholder,
.fd-select__control[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-select__control.is-readonly::-ms-input-placeholder,
.fd-select__control[aria-readonly=true]::-ms-input-placeholder,
.fd-select__control[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-select__control.is-readonly::placeholder,
.fd-select__control[aria-readonly=true]::placeholder,
.fd-select__control[readonly]::placeholder {
  color: transparent
}
.fd-select__control .fd-select__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: .5rem;
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0);
  border: none
}
.fd-select__control .fd-select__button.is-hover,
.fd-select__control .fd-select__button:hover {
  border: none
}
.fd-select__control.is-focus,
.fd-select__control:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-select__control.is-hover,
.fd-select__control:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-select__control.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-select__control.is-success.is-hover,
.fd-select__control.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-select__control.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-select__control.is-error.is-hover,
.fd-select__control.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-select__control.is-alert,
.fd-select__control.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-select__control.is-alert.is-hover,
.fd-select__control.is-alert:hover,
.fd-select__control.is-warning.is-hover,
.fd-select__control.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-select__control.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-select__control.is-information.is-hover,
.fd-select__control.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-select__control.is-focus,
.fd-select__control:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-select__control.is-alert,
.fd-select__control.is-error,
.fd-select__control.is-information,
.fd-select__control.is-warning {
  border-width: .125rem
}
.fd-select__control.is-alert.is-focus,
.fd-select__control.is-alert:focus,
.fd-select__control.is-error.is-focus,
.fd-select__control.is-error:focus,
.fd-select__control.is-information.is-focus,
.fd-select__control.is-information:focus,
.fd-select__control.is-warning.is-focus,
.fd-select__control.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-select__control.is-disabled,
.fd-select__control:disabled,
.fd-select__control[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-select__control.is-disabled::-webkit-input-placeholder,
.fd-select__control:disabled::-webkit-input-placeholder,
.fd-select__control[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-select__control.is-disabled::-moz-placeholder,
.fd-select__control:disabled::-moz-placeholder,
.fd-select__control[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-select__control.is-disabled:-ms-input-placeholder,
.fd-select__control:disabled:-ms-input-placeholder,
.fd-select__control[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-select__control.is-disabled::-ms-input-placeholder,
.fd-select__control:disabled::-ms-input-placeholder,
.fd-select__control[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-select__control.is-disabled::placeholder,
.fd-select__control:disabled::placeholder,
.fd-select__control[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-select__control.is-readonly,
.fd-select__control[aria-readonly=true],
.fd-select__control[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-select__control.is-readonly::-webkit-input-placeholder,
.fd-select__control[aria-readonly=true]::-webkit-input-placeholder,
.fd-select__control[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-select__control.is-readonly::-moz-placeholder,
.fd-select__control[aria-readonly=true]::-moz-placeholder,
.fd-select__control[readonly]::-moz-placeholder {
  color: transparent
}
.fd-select__control.is-readonly:-ms-input-placeholder,
.fd-select__control[aria-readonly=true]:-ms-input-placeholder,
.fd-select__control[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-select__control.is-readonly::-ms-input-placeholder,
.fd-select__control[aria-readonly=true]::-ms-input-placeholder,
.fd-select__control[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-select__control.is-readonly::placeholder,
.fd-select__control[aria-readonly=true]::placeholder,
.fd-select__control[readonly]::placeholder {
  color: transparent
}
.fd-select__control[dir=rtl],
[dir=rtl] .fd-select__control {
  text-align: right;
  padding-right: .625rem;
  padding-left: 0
}
.fd-select__control.is-hover .fd-select__button,
.fd-select__control:hover .fd-select__button {
  background-color: #ebf5fe;
  background-color: var(--sapButton_Lite_Hover_Background,#ebf5fe)
}
.fd-select__control.is-expanded .fd-select__button,
.fd-select__control[aria-expanded=true] .fd-select__button {
  background-color: #0854a0;
  background-color: var(--sapButton_Active_Background,#0854a0);
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff)
}
.fd-select__control.is-expanded .fd-select__button.is-focus,
.fd-select__control.is-expanded .fd-select__button:focus,
.fd-select__control[aria-expanded=true] .fd-select__button.is-focus,
.fd-select__control[aria-expanded=true] .fd-select__button:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted);
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-select__control.is-active .fd-select__button,
.fd-select__control:active .fd-select__button {
  background-color: #0854a0;
  background-color: var(--sapButton_Active_Background,#0854a0);
  color: #fff;
  color: var(--sapButton_Active_TextColor,#fff)
}
.fd-select__control.is-active .fd-select__button.is-focus,
.fd-select__control.is-active .fd-select__button:focus,
.fd-select__control:active .fd-select__button.is-focus,
.fd-select__control:active .fd-select__button:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted);
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-select__control.is-readonly {
  padding-right: .625rem;
  padding-left: .625rem;
  cursor: text
}
.fd-select__text {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem)
}
.fd-select__text-content {
  min-width: 5rem
}
.fd-select--compact .fd-select__control {
  height: 1.625rem;
  padding-left: .5rem
}
.fd-select--compact .fd-select__control[dir=rtl],
[dir=rtl] .fd-select--compact .fd-select__control {
  text-align: right;
  padding-right: .5rem;
  padding-left: 0
}
.fd-select--compact .fd-select__control.is-readonly {
  padding-right: .5rem;
  padding-left: .5rem
}
.fd-select[dir=rtl] .fd-select__control .fd-select__button,
[dir=rtl] .fd-select .fd-select__control .fd-select__button {
  margin-left: 0;
  margin-right: .5rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-nested-list {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  list-style: none;
  width: 100%;
  border-bottom: .0625rem solid #e4e4e4;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-nested-list::after,
.fd-nested-list::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-nested-list [class*=level] {
  border-bottom: none
}
.fd-nested-list [class*=level] .fd-nested-list__content,
.fd-nested-list [class*=level] .fd-nested-list__link {
  border-top: none
}
.fd-nested-list .level-2 .fd-nested-list__content,
.fd-nested-list .level-2 .fd-nested-list__link {
  padding-left: 2.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-2 .fd-nested-list__content.is-selected,
.fd-nested-list .level-2 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-2 .fd-nested-list__link.is-selected,
.fd-nested-list .level-2 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-2 .fd-nested-list__content.has-child,
.fd-nested-list .level-2 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-2 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 2.75rem;
  padding-right: 0
}
.fd-nested-list .level-3 .fd-nested-list__content,
.fd-nested-list .level-3 .fd-nested-list__link {
  padding-left: 3.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-3 .fd-nested-list__content.is-selected,
.fd-nested-list .level-3 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-3 .fd-nested-list__link.is-selected,
.fd-nested-list .level-3 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-3 .fd-nested-list__content.has-child,
.fd-nested-list .level-3 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-3 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 3.75rem;
  padding-right: 0
}
.fd-nested-list .level-4 .fd-nested-list__content,
.fd-nested-list .level-4 .fd-nested-list__link {
  padding-left: 4.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-4 .fd-nested-list__content.is-selected,
.fd-nested-list .level-4 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-4 .fd-nested-list__link.is-selected,
.fd-nested-list .level-4 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-4 .fd-nested-list__content.has-child,
.fd-nested-list .level-4 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-4 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 4.75rem;
  padding-right: 0
}
.fd-nested-list .level-5 .fd-nested-list__content,
.fd-nested-list .level-5 .fd-nested-list__link {
  padding-left: 5.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-5 .fd-nested-list__content.is-selected,
.fd-nested-list .level-5 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-5 .fd-nested-list__link.is-selected,
.fd-nested-list .level-5 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-5 .fd-nested-list__content.has-child,
.fd-nested-list .level-5 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-5 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 5.75rem;
  padding-right: 0
}
.fd-nested-list .level-6 .fd-nested-list__content,
.fd-nested-list .level-6 .fd-nested-list__link {
  padding-left: 6.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-6 .fd-nested-list__content.is-selected,
.fd-nested-list .level-6 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-6 .fd-nested-list__link.is-selected,
.fd-nested-list .level-6 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-6 .fd-nested-list__content.has-child,
.fd-nested-list .level-6 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-6 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 6.75rem;
  padding-right: 0
}
.fd-nested-list .level-7 .fd-nested-list__content,
.fd-nested-list .level-7 .fd-nested-list__link {
  padding-left: 7.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-7 .fd-nested-list__content.is-selected,
.fd-nested-list .level-7 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-7 .fd-nested-list__link.is-selected,
.fd-nested-list .level-7 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-7 .fd-nested-list__content.has-child,
.fd-nested-list .level-7 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-7 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 7.75rem;
  padding-right: 0
}
.fd-nested-list .level-8 .fd-nested-list__content,
.fd-nested-list .level-8 .fd-nested-list__link {
  padding-left: 8.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-8 .fd-nested-list__content.is-selected,
.fd-nested-list .level-8 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-8 .fd-nested-list__link.is-selected,
.fd-nested-list .level-8 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-8 .fd-nested-list__content.has-child,
.fd-nested-list .level-8 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-8 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 8.75rem;
  padding-right: 0
}
.fd-nested-list .level-9 .fd-nested-list__content,
.fd-nested-list .level-9 .fd-nested-list__link {
  padding-left: 9.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-9 .fd-nested-list__content.is-selected,
.fd-nested-list .level-9 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-9 .fd-nested-list__link.is-selected,
.fd-nested-list .level-9 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-9 .fd-nested-list__content.has-child,
.fd-nested-list .level-9 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-9 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 9.75rem;
  padding-right: 0
}
.fd-nested-list .level-10 .fd-nested-list__content,
.fd-nested-list .level-10 .fd-nested-list__link {
  padding-left: 10.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list .level-10 .fd-nested-list__content.is-selected,
.fd-nested-list .level-10 .fd-nested-list__content[aria-selected=true],
.fd-nested-list .level-10 .fd-nested-list__link.is-selected,
.fd-nested-list .level-10 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list .level-10 .fd-nested-list__content.has-child,
.fd-nested-list .level-10 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list .level-10 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 10.75rem;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 2.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-2 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-2 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 2.75rem
}
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 3.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-3 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-3 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 3.75rem
}
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 4.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-4 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-4 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 4.75rem
}
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 5.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-5 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-5 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 5.75rem
}
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 6.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-6 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-6 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 6.75rem
}
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 7.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-7 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-7 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 7.75rem
}
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 8.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-8 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-8 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 8.75rem
}
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 9.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-9 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-9 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 9.75rem
}
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content,
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__link,
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content,
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 10.75rem;
  border-bottom: none
}
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content.is-selected,
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content[aria-selected=true],
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__link.is-selected,
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content.has-child,
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list[dir=rtl] .level-10 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list .level-10 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 10.75rem
}
.fd-nested-list[aria-hidden=true] {
  display: none
}
.fd-nested-list__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background: #fff;
  background: var(--sapList_Background,#fff)
}
.fd-nested-list__item::after,
.fd-nested-list__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-nested-list__item:first-child .fd-nested-list__content,
.fd-nested-list__item:first-child .fd-nested-list__link {
  border-top: none
}
.fd-nested-list__content,
.fd-nested-list__link {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.75rem;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: .0625rem solid #e4e4e4;
  border-top: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-nested-list__content::after,
.fd-nested-list__content::before,
.fd-nested-list__link::after,
.fd-nested-list__link::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-nested-list__content.is-hover,
.fd-nested-list__content:hover,
.fd-nested-list__link.is-hover,
.fd-nested-list__link:hover {
  background: #f5f5f5;
  background: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-nested-list__content.is-hover .fd-nested-list__button,
.fd-nested-list__content:hover .fd-nested-list__button,
.fd-nested-list__link.is-hover .fd-nested-list__button,
.fd-nested-list__link:hover .fd-nested-list__button {
  background: #f5f5f5;
  background: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-nested-list__content.is-focus,
.fd-nested-list__content:focus,
.fd-nested-list__link.is-focus,
.fd-nested-list__link:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-nested-list__content.is-selected,
.fd-nested-list__content[aria-selected=true],
.fd-nested-list__link.is-selected,
.fd-nested-list__link[aria-selected=true] {
  background: #e5f0fa;
  background: var(--sapList_SelectionBackgroundColor,#e5f0fa);
  border-bottom: .0625rem solid;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid;
  border-bottom-color: #0854a0;
  border-bottom-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list__content.is-selected .fd-nested-list__button,
.fd-nested-list__content[aria-selected=true] .fd-nested-list__button,
.fd-nested-list__link.is-selected .fd-nested-list__button,
.fd-nested-list__link[aria-selected=true] .fd-nested-list__button {
  background: #e5f0fa;
  background: var(--sapList_SelectionBackgroundColor,#e5f0fa)
}
.fd-nested-list__content.is-selected.is-hover,
.fd-nested-list__content.is-selected:hover,
.fd-nested-list__content[aria-selected=true].is-hover,
.fd-nested-list__content[aria-selected=true]:hover,
.fd-nested-list__link.is-selected.is-hover,
.fd-nested-list__link.is-selected:hover,
.fd-nested-list__link[aria-selected=true].is-hover,
.fd-nested-list__link[aria-selected=true]:hover {
  background: #d8e9f8;
  background: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-nested-list__content.is-selected.is-hover .fd-nested-list__button,
.fd-nested-list__content.is-selected:hover .fd-nested-list__button,
.fd-nested-list__content[aria-selected=true].is-hover .fd-nested-list__button,
.fd-nested-list__content[aria-selected=true]:hover .fd-nested-list__button,
.fd-nested-list__link.is-selected.is-hover .fd-nested-list__button,
.fd-nested-list__link.is-selected:hover .fd-nested-list__button,
.fd-nested-list__link[aria-selected=true].is-hover .fd-nested-list__button,
.fd-nested-list__link[aria-selected=true]:hover .fd-nested-list__button {
  background: #d8e9f8;
  background: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-nested-list__content.is-active,
.fd-nested-list__content:active,
.fd-nested-list__link.is-active,
.fd-nested-list__link:active {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-nested-list__content.is-active .fd-nested-list__button,
.fd-nested-list__content:active .fd-nested-list__button,
.fd-nested-list__link.is-active .fd-nested-list__button,
.fd-nested-list__link:active .fd-nested-list__button {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-nested-list__content.is-active.is-selected,
.fd-nested-list__content.is-active[aria-selected=true],
.fd-nested-list__content:active.is-selected,
.fd-nested-list__content:active[aria-selected=true],
.fd-nested-list__link.is-active.is-selected,
.fd-nested-list__link.is-active[aria-selected=true],
.fd-nested-list__link:active.is-selected,
.fd-nested-list__link:active[aria-selected=true] {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-nested-list__content.is-active.is-selected .fd-nested-list__button,
.fd-nested-list__content.is-active[aria-selected=true] .fd-nested-list__button,
.fd-nested-list__content:active.is-selected .fd-nested-list__button,
.fd-nested-list__content:active[aria-selected=true] .fd-nested-list__button,
.fd-nested-list__link.is-active.is-selected .fd-nested-list__button,
.fd-nested-list__link.is-active[aria-selected=true] .fd-nested-list__button,
.fd-nested-list__link:active.is-selected .fd-nested-list__button,
.fd-nested-list__link:active[aria-selected=true] .fd-nested-list__button {
  background: #0854a0;
  background: var(--sapList_Active_Background,#0854a0)
}
.fd-nested-list__content.is-active .fd-nested-list__button,
.fd-nested-list__content.is-active .fd-nested-list__icon,
.fd-nested-list__content.is-active .fd-nested-list__title,
.fd-nested-list__content:active .fd-nested-list__button,
.fd-nested-list__content:active .fd-nested-list__icon,
.fd-nested-list__content:active .fd-nested-list__title,
.fd-nested-list__link.is-active .fd-nested-list__button,
.fd-nested-list__link.is-active .fd-nested-list__icon,
.fd-nested-list__link.is-active .fd-nested-list__title,
.fd-nested-list__link:active .fd-nested-list__button,
.fd-nested-list__link:active .fd-nested-list__icon,
.fd-nested-list__link:active .fd-nested-list__title {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-nested-list__content.has-child,
.fd-nested-list__link.has-child {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0
}
.fd-nested-list__content.has-child > .fd-nested-list__item,
.fd-nested-list__content.has-child > .fd-nested-list__link,
.fd-nested-list__link.has-child > .fd-nested-list__item,
.fd-nested-list__link.has-child > .fd-nested-list__link {
  border: none
}
.fd-nested-list__content.has-child > .fd-nested-list__link,
.fd-nested-list__link.has-child > .fd-nested-list__link {
  background: 0 0;
  border: none;
  height: 100%
}
.fd-nested-list__content.has-child > .fd-nested-list__link > .fd-nested-list__title,
.fd-nested-list__link.has-child > .fd-nested-list__link > .fd-nested-list__title {
  padding-right: 0
}
.fd-nested-list__content.has-child > .fd-nested-list__link > .fd-nested-list__title[dir=rtl],
.fd-nested-list__link.has-child > .fd-nested-list__link > .fd-nested-list__title[dir=rtl],
[dir=rtl] .fd-nested-list__content.has-child > .fd-nested-list__link > .fd-nested-list__title,
[dir=rtl] .fd-nested-list__link.has-child > .fd-nested-list__link > .fd-nested-list__title {
  padding-left: 0
}
.fd-nested-list__content.has-child > .fd-nested-list__button.is-focus,
.fd-nested-list__content.has-child > .fd-nested-list__button:focus,
.fd-nested-list__content.has-child > .fd-nested-list__link.is-focus,
.fd-nested-list__content.has-child > .fd-nested-list__link:focus,
.fd-nested-list__link.has-child > .fd-nested-list__button.is-focus,
.fd-nested-list__link.has-child > .fd-nested-list__button:focus,
.fd-nested-list__link.has-child > .fd-nested-list__link.is-focus,
.fd-nested-list__link.has-child > .fd-nested-list__link:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-nested-list__button.fd-button {
  text-decoration: none;
  height: 100%;
  min-width: 2.5rem;
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none
}
.fd-nested-list__button.fd-button.is-focus,
.fd-nested-list__button.fd-button:focus {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-nested-list__button.fd-button::after {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-nested-list__button.fd-button::after {
  content: ""
}
.fd-nested-list__button.fd-button::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem)
}
.fd-nested-list__button.fd-button[dir=rtl]::after,
[dir=rtl] .fd-nested-list__button.fd-button::after {
  content: "\e067"
}
.fd-nested-list__button.fd-button.is-expanded,
.fd-nested-list__button.fd-button[aria-expanded=true] {
  border-bottom: none
}
.fd-nested-list__button.fd-button.is-expanded::after,
.fd-nested-list__button.fd-button[aria-expanded=true]::after {
  content: "\e1e2"
}
.fd-nested-list__icon {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-width: 2.75rem;
  color: #32363a;
  color: var(--sapList_TextColor,#32363a);
  font-size: 1.125rem;
  font-size: var(--sapFontHeader4Size,1.125rem)
}
.fd-nested-list__icon::after,
.fd-nested-list__icon::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-nested-list__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%;
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem);
  color: #32363a;
  color: var(--sapList_TextColor,#32363a);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-nested-list__title::after,
.fd-nested-list__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-nested-list__title:first-child {
  padding-left: 2.75rem
}
.fd-nested-list__title[dir=rtl],
[dir=rtl] .fd-nested-list__title {
  text-align: right;
  padding-right: 0;
  padding-left: 1rem
}
.fd-nested-list__title[dir=rtl]:first-child,
[dir=rtl] .fd-nested-list__title:first-child {
  padding-right: 2.75rem;
  padding-left: 0
}
.fd-nested-list__group-header {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 2.75rem;
  background: #fff;
  background: var(--sapList_GroupHeaderBackground,#fff);
  border-bottom: .0625rem solid #d8d8d8;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_GroupHeaderBorderColor,#d8d8d8);
  color: #32363a;
  color: var(--sapList_GroupHeaderTextColor,#32363a);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  font-weight: 700;
  line-height: 2rem;
  padding-right: 1rem;
  padding-left: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-nested-list__group-header::after,
.fd-nested-list__group-header::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-nested-list--no-border .fd-nested-list__group-header,
.fd-nested-list--no-border .fd-nested-list__item,
.fd-nested-list--no-border .fd-nested-list__link {
  border-top: none
}
.fd-nested-list--text-only .fd-nested-list__content,
.fd-nested-list--text-only .fd-nested-list__link {
  padding-left: 1rem
}
.fd-nested-list--text-only .fd-nested-list__content.has-child,
.fd-nested-list--text-only .fd-nested-list__link.has-child {
  padding: 0
}
.fd-nested-list--text-only .fd-nested-list__title:first-child {
  padding-left: 0
}
.fd-nested-list--text-only .level-2 .fd-nested-list__content,
.fd-nested-list--text-only .level-2 .fd-nested-list__link {
  padding-left: 2rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-2 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-2 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-2 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-2 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-2 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-2 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-2 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 2rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-2 .fd-nested-list__content,
.fd-nested-list--text-only.level-2 .fd-nested-list__link {
  padding-left: 2.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-2 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-2 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-2 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-2 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-2 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-2 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-2 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 2.75rem;
  padding-right: 0
}
.fd-nested-list--text-only .level-3 .fd-nested-list__content,
.fd-nested-list--text-only .level-3 .fd-nested-list__link {
  padding-left: 3rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-3 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-3 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-3 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-3 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-3 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-3 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-3 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 3rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-3 .fd-nested-list__content,
.fd-nested-list--text-only.level-3 .fd-nested-list__link {
  padding-left: 3.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-3 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-3 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-3 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-3 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-3 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-3 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-3 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 3.75rem;
  padding-right: 0
}
.fd-nested-list--text-only .level-4 .fd-nested-list__content,
.fd-nested-list--text-only .level-4 .fd-nested-list__link {
  padding-left: 4rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-4 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-4 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-4 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-4 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-4 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-4 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-4 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 4rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-4 .fd-nested-list__content,
.fd-nested-list--text-only.level-4 .fd-nested-list__link {
  padding-left: 4.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-4 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-4 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-4 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-4 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-4 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-4 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-4 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 4.75rem;
  padding-right: 0
}
.fd-nested-list--text-only .level-5 .fd-nested-list__content,
.fd-nested-list--text-only .level-5 .fd-nested-list__link {
  padding-left: 5rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-5 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-5 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-5 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-5 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-5 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-5 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-5 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 5rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-5 .fd-nested-list__content,
.fd-nested-list--text-only.level-5 .fd-nested-list__link {
  padding-left: 5.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-5 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-5 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-5 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-5 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-5 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-5 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-5 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 5.75rem;
  padding-right: 0
}
.fd-nested-list--text-only .level-6 .fd-nested-list__content,
.fd-nested-list--text-only .level-6 .fd-nested-list__link {
  padding-left: 6rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-6 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-6 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-6 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-6 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-6 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-6 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-6 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 6rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-6 .fd-nested-list__content,
.fd-nested-list--text-only.level-6 .fd-nested-list__link {
  padding-left: 6.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-6 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-6 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-6 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-6 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-6 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-6 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-6 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 6.75rem;
  padding-right: 0
}
.fd-nested-list--text-only .level-7 .fd-nested-list__content,
.fd-nested-list--text-only .level-7 .fd-nested-list__link {
  padding-left: 7rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-7 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-7 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-7 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-7 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-7 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-7 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-7 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 7rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-7 .fd-nested-list__content,
.fd-nested-list--text-only.level-7 .fd-nested-list__link {
  padding-left: 7.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-7 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-7 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-7 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-7 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-7 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-7 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-7 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 7.75rem;
  padding-right: 0
}
.fd-nested-list--text-only .level-8 .fd-nested-list__content,
.fd-nested-list--text-only .level-8 .fd-nested-list__link {
  padding-left: 8rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-8 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-8 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-8 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-8 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-8 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-8 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-8 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 8rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-8 .fd-nested-list__content,
.fd-nested-list--text-only.level-8 .fd-nested-list__link {
  padding-left: 8.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-8 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-8 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-8 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-8 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-8 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-8 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-8 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 8.75rem;
  padding-right: 0
}
.fd-nested-list--text-only .level-9 .fd-nested-list__content,
.fd-nested-list--text-only .level-9 .fd-nested-list__link {
  padding-left: 9rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-9 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-9 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-9 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-9 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-9 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-9 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-9 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 9rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-9 .fd-nested-list__content,
.fd-nested-list--text-only.level-9 .fd-nested-list__link {
  padding-left: 9.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-9 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-9 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-9 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-9 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-9 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-9 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-9 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 9.75rem;
  padding-right: 0
}
.fd-nested-list--text-only .level-10 .fd-nested-list__content,
.fd-nested-list--text-only .level-10 .fd-nested-list__link {
  padding-left: 10rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only .level-10 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only .level-10 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only .level-10 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only .level-10 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only .level-10 .fd-nested-list__content.has-child,
.fd-nested-list--text-only .level-10 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only .level-10 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 10rem;
  padding-right: 0
}
.fd-nested-list--text-only.level-10 .fd-nested-list__content,
.fd-nested-list--text-only.level-10 .fd-nested-list__link {
  padding-left: 10.75rem;
  padding-right: 0;
  border-bottom: none
}
.fd-nested-list--text-only.level-10 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only.level-10 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only.level-10 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only.level-10 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only.level-10 .fd-nested-list__content.has-child,
.fd-nested-list--text-only.level-10 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only.level-10 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 10.75rem;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link {
  padding-right: 1rem;
  padding-left: 0
}
.fd-nested-list--text-only[dir=rtl] .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .fd-nested-list__link.has-child {
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .fd-nested-list__title:first-child,
[dir=rtl] .fd-nested-list--text-only .fd-nested-list__title:first-child {
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 2rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-2 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-2 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 2rem
}
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 2.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-2 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-2 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 2.75rem
}
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 3rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-3 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-3 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 3rem
}
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 3.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-3 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-3 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 3.75rem
}
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 4rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-4 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-4 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 4rem
}
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 4.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-4 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-4 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 4.75rem
}
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 5rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-5 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-5 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 5rem
}
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 5.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-5 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-5 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 5.75rem
}
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 6rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-6 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-6 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 6rem
}
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 6.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-6 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-6 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 6.75rem
}
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 7rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-7 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-7 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 7rem
}
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 7.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-7 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-7 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 7.75rem
}
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 8rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-8 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-8 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 8rem
}
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 8.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-8 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-8 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 8.75rem
}
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 9rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-9 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-9 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 9rem
}
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 9.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-9 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-9 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 9.75rem
}
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 10rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl] .level-10 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only .level-10 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 10rem
}
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content,
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__link,
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content,
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__link {
  padding-left: 0;
  padding-right: 10.75rem;
  border-bottom: none
}
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content.is-selected,
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content[aria-selected=true],
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__link.is-selected,
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__link[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content[aria-selected=true],
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__link.is-selected,
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content.has-child,
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__link.has-child,
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content.has-child,
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__link.has-child {
  padding-left: 0;
  padding-right: 0
}
.fd-nested-list--text-only[dir=rtl].level-10 .fd-nested-list__content.has-child > .fd-nested-list__title,
[dir=rtl] .fd-nested-list--text-only.level-10 .fd-nested-list__content.has-child > .fd-nested-list__title {
  padding-left: 0;
  padding-right: 10.75rem
}
.fd-nested-list--compact .fd-nested-list__content,
.fd-nested-list--compact .fd-nested-list__link {
  height: 2rem
}
.fd-nested-list--compact .fd-nested-list__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem)
}
.fd-nested-list--compact .fd-nested-list__icon {
  font-size: 1rem;
  font-size: var(--sapFontLargeSize,1rem)
}
/*!
.fd-side-nav
    .fd-side-nav__skip-link
    .fd-side-nav__group
        .fd-side-nav__title
        .fd-side-nav__list
            .fd-side-nav__item
                .fd-side-nav__link (.has-child, .is-active, .is-expanded)
                .fd-side-nav__sublist
                    .fd-side-nav__subitem
                    .fd-side-nav__sublink (.is-active)
*/
.fd-side-nav {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff);
  width: 15rem;
  border-right: .0625rem solid;
  border-right: var(--sapList_BorderWidth,.0625rem) solid;
  border-right-color: #d9d9d9;
  border-right-color: var(--sapGroup_ContentBorderColor,#d9d9d9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.fd-side-nav::after,
.fd-side-nav::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-side-nav__skip-link {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap
}
.fd-side-nav__skip-link::after,
.fd-side-nav__skip-link::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-side-nav__skip-link:focus {
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  text-decoration: none;
  display: inline-block;
  -webkit-transition: all 125ms ease-in;
  transition: all 125ms ease-in;
  line-height: inherit;
  position: static;
  width: auto;
  height: auto
}
.fd-side-nav__skip-link:focus--emphasized {
  font-weight: 700
}
.fd-side-nav__skip-link:focus:visited {
  color: #0a6ed1;
  color: var(--sapLink_Visited_Color,#0a6ed1)
}
.fd-side-nav__skip-link:focus.is-hover,
.fd-side-nav__skip-link:focus:hover {
  color: #0854a0;
  color: var(--sapLink_Hover_Color,#0854a0);
  text-decoration: underline
}
.fd-side-nav__skip-link:focus.is-focus,
.fd-side-nav__skip-link:focus:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.0625rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-side-nav__skip-link:focus.is-active,
.fd-side-nav__skip-link:focus:active {
  color: #0a6ed1;
  color: var(--sapLink_Active_Color,#0a6ed1)
}
.fd-side-nav__skip-link:focus--inverted {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-side-nav__skip-link:focus--inverted.is-hover,
.fd-side-nav__skip-link:focus--inverted:hover {
  color: #d3e8fd;
  color: var(--sapLink_InvertedColor,#d3e8fd)
}
.fd-side-nav__skip-link:focus--subtle {
  color: #074888;
  color: var(--sapLink_SubtleColor,#074888)
}
.fd-side-nav__skip-link:focus.is-disabled,
.fd-side-nav__skip-link:focus:disabled,
.fd-side-nav__skip-link:focus[aria-disabled=true] {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4);
  color: #0a6ed1;
  color: var(--sapLinkColor,#0a6ed1);
  pointer-events: none
}
.fd-side-nav__group-header {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 2.75rem;
  background: #fff;
  background: var(--sapList_GroupHeaderBackground,#fff);
  border-bottom: .0625rem solid #d8d8d8;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_GroupHeaderBorderColor,#d8d8d8);
  color: #32363a;
  color: var(--sapList_GroupHeaderTextColor,#32363a);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  font-weight: 700;
  line-height: 2rem;
  padding-right: 1rem;
  padding-left: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-side-nav__group-header::after,
.fd-side-nav__group-header::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-side-nav__main-navigation {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-side-nav__main-navigation::after,
.fd-side-nav__main-navigation::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-side-nav__utility {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  margin-top: 3rem
}
.fd-side-nav__utility::after,
.fd-side-nav__utility::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-side-nav__utility::before {
  content: " ";
  display: block;
  border-top: .125rem solid;
  border-top-color: #d8d8d8;
  border-top-color: var(--sapList_GroupHeaderBorderColor,#d8d8d8);
  margin: .25rem .5rem
}
.fd-side-nav--condensed {
  width: 2.75rem
}
.fd-side-nav--condensed .fd-nested-list__button,
.fd-side-nav--condensed .fd-nested-list__group-header,
.fd-side-nav--condensed .fd-nested-list__title {
  display: none
}
.fd-side-nav--condensed .fd-nested-list__content,
.fd-side-nav--condensed .fd-nested-list__link {
  border-bottom: none
}
.fd-side-nav--condensed .fd-nested-list__content.is-selected,
.fd-side-nav--condensed .fd-nested-list__content[aria-selected=true],
.fd-side-nav--condensed .fd-nested-list__link.is-selected,
.fd-side-nav--condensed .fd-nested-list__link[aria-selected=true] {
  border-bottom: .0625rem solid;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid;
  border-bottom-color: #0854a0;
  border-bottom-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-side-nav--condensed .fd-nested-list__content.has-child,
.fd-side-nav--condensed .fd-nested-list__link.has-child {
  position: relative
}
.fd-side-nav--condensed .fd-nested-list__content.has-child::after,
.fd-side-nav--condensed .fd-nested-list__link.has-child::after {
  content: "";
  min-width: 0;
  min-height: 0;
  margin-right: .125rem;
  margin-bottom: .0625rem;
  border-style: solid;
  border-width: .375rem .375rem 0 0;
  border-color: transparent #0854a0 transparent transparent;
  border-color: transparent var(--sapContent_IconColor,#0854a0) transparent transparent;
  right: 0;
  bottom: 0;
  position: absolute
}
.fd-side-nav .fd-nested-list__icon {
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0)
}
.fd-side-nav .fd-nested-list__link.has-child::after {
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0)
}
.fd-side-nav .fd-nested-list__link.has-child:active::after {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-side-nav[dir=rtl],
[dir=rtl] .fd-side-nav {
  border-right: none;
  border-left: .0625rem solid;
  border-left: var(--sapList_BorderWidth,.0625rem) solid;
  border-left-color: #d9d9d9;
  border-left-color: var(--sapGroup_ContentBorderColor,#d9d9d9)
}
.fd-side-nav[dir=rtl].fd-side-nav--condensed,
[dir=rtl] .fd-side-nav.fd-side-nav--condensed {
  width: 2.75rem
}
.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child::after,
.fd-side-nav[dir=rtl].fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child::after,
[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__content.has-child::after,
[dir=rtl] .fd-side-nav.fd-side-nav--condensed .fd-nested-list__item .fd-nested-list__link.has-child::after {
  margin-right: 0;
  margin-left: .125rem;
  right: auto;
  left: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,
.fd-side-nav[dir=rtl].fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link,
[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__content,
[dir=rtl] .fd-side-nav.fd-side-nav--condensed__item .fd-nested-list__item .fd-nested-list__link {
  padding-right: 1rem;
  padding-left: 1rem
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-switch+(--no-border)
    .fd-switch__content+()
    .fd-switch__title+()
*/
.fd-switch {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: .375rem 0
}
.fd-switch::after,
.fd-switch::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-switch__label {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  max-width: 100%;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  margin-right: .5rem;
  cursor: text;
  -ms-flex-item-align: start;
  align-self: flex-start;
  overflow: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 0
}
.fd-switch__label::after,
.fd-switch__label::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-switch__label[dir=rtl],
[dir=rtl] .fd-switch__label {
  margin-left: .5rem;
  margin-right: 0
}
.fd-switch__label.is-disabled {
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-switch__wrapper {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #ededed;
  background-color: var(--sapButton_Track_Background,#ededed);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 3.125rem;
  height: 1.25rem;
  border: .0625rem solid #89919a;
  border: var(--sapButton_BorderWidth,.0625rem) solid var(--sapContent_ForegroundBorderColor,#89919a);
  -webkit-transition: all .1s;
  transition: all .1s;
  border-radius: .75rem
}
.fd-switch__wrapper::after,
.fd-switch__wrapper::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-switch__track {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
  -webkit-transform: translate(-1.1875rem,-50%);
  transform: translate(-1.1875rem,-50%);
  -webkit-transition: all .1s;
  transition: all .1s;
  min-width: 4.25rem
}
.fd-switch__track::after,
.fd-switch__track::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-switch__text {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  max-width: 100%;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  margin-right: .5rem;
  cursor: text;
  -ms-flex-item-align: start;
  align-self: flex-start;
  cursor: pointer
}
.fd-switch__text::after,
.fd-switch__text::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-switch__text[dir=rtl],
[dir=rtl] .fd-switch__text {
  margin-left: .5rem;
  margin-right: 0
}
.fd-switch__icon {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 1.75rem;
  min-width: 1.75rem;
  font-size: .75rem;
  line-height: 1.375rem;
  text-align: center;
  -webkit-transition: visibility 0s ease 30ms,opacity 0s ease 30ms;
  transition: visibility 0s ease 30ms,opacity 0s ease 30ms
}
.fd-switch__icon::after,
.fd-switch__icon::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-switch__icon--off {
  color: #b00;
  color: var(--sapNegativeElementColor,#b00);
  margin: 0 .125rem 0 0
}
.fd-switch__icon--on {
  color: #107e3e;
  color: var(--sapPositiveElementColor,#107e3e);
  margin: 0 0 0 .125rem;
  visibility: hidden;
  opacity: 0
}
.fd-switch__handle {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: .0625rem solid #89919a;
  border: var(--sapButton_BorderWidth,.0625rem) solid var(--sapContent_ForegroundBorderColor,#89919a);
  background-color: #fff;
  background-color: var(--sapButton_Background,#fff);
  min-width: 1.875rem;
  min-height: 1.875rem;
  border-radius: 1rem;
  background-clip: padding-box
}
.fd-switch__handle::after,
.fd-switch__handle::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-switch__input {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute
}
.fd-switch__input::after,
.fd-switch__input::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-switch__input::after,
.fd-switch__input::before {
  display: none
}
.fd-switch__input:active,
.fd-switch__input:hover {
  border-color: transparent
}
.fd-switch.is-disabled,
.fd-switch:disabled,
.fd-switch[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-switch__input:focus + .fd-switch__wrapper::before {
  position: absolute;
  display: block;
  outline-offset: -.0625rem;
  border-width: .0625rem;
  border-width: var(--sapContent_FocusWidth,.0625rem);
  border-color: #000;
  border-color: var(--sapContent_FocusColor,#000);
  border-style: dotted;
  border-style: var(--sapContent_FocusStyle,dotted);
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.fd-switch__input:checked + .fd-switch__wrapper {
  background-color: #ebf5fe;
  background-color: var(--sapButton_Track_Selected_Background,#ebf5fe);
  border-color: #0854a0;
  border-color: var(--sapButton_Selected_BorderColor,#0854a0)
}
.fd-switch__input:checked + .fd-switch__wrapper .fd-switch__handle {
  background-color: #0854a0;
  background-color: var(--sapButton_Selected_Background,#0854a0);
  border-color: #0854a0;
  border-color: var(--sapButton_Selected_BorderColor,#0854a0)
}
.fd-switch__input:checked + .fd-switch__wrapper .fd-switch__track {
  -webkit-transform: translate(.0625rem,-50%);
  transform: translate(.0625rem,-50%)
}
.fd-switch__input:checked + .fd-switch__wrapper .fd-switch__icon--off {
  opacity: 0;
  visibility: hidden
}
.fd-switch__input:checked + .fd-switch__wrapper .fd-switch__icon--on {
  opacity: 1;
  visibility: visible
}
.fd-switch[dir=rtl] .fd-switch__icon--on,
[dir=rtl] .fd-switch .fd-switch__icon--on {
  margin: 0 .125rem 0 0
}
.fd-switch[dir=rtl] .fd-switch__icon--off,
[dir=rtl] .fd-switch .fd-switch__icon--off {
  margin: 0 0 0 .125rem
}
.fd-switch[dir=rtl] .fd-switch__track,
[dir=rtl] .fd-switch .fd-switch__track {
  -webkit-transform: translate(1.1875rem,-50%);
  transform: translate(1.1875rem,-50%)
}
.fd-switch[dir=rtl] .fd-switch__input:checked + .fd-switch__wrapper .fd-switch__track,
[dir=rtl] .fd-switch .fd-switch__input:checked + .fd-switch__wrapper .fd-switch__track {
  -webkit-transform: translate(-.0625rem,-50%);
  transform: translate(-.0625rem,-50%)
}
.fd-switch.is-hover .fd-switch__wrapper,
.fd-switch:hover .fd-switch__wrapper {
  border-color: #0854a0;
  border-color: var(--sapButton_Hover_BorderColor,#0854a0)
}
.fd-switch.is-hover .fd-switch__handle,
.fd-switch:hover .fd-switch__handle {
  border-color: #0854a0;
  border-color: var(--sapButton_Hover_BorderColor,#0854a0);
  background-color: #ebf5fe;
  background-color: var(--sapButton_Hover_Background,#ebf5fe)
}
.fd-switch.is-hover .fd-switch:checked + .fd-switch__wrapper,
.fd-switch:hover .fd-switch:checked + .fd-switch__wrapper {
  border-color: #095caf;
  border-color: var(--sapButton_Selected_Hover_BorderColor,#095caf)
}
.fd-switch.is-hover .fd-switch:checked + .fd-switch__wrapper .fd-switch__handle,
.fd-switch:hover .fd-switch:checked + .fd-switch__wrapper .fd-switch__handle {
  border-color: #095caf;
  border-color: var(--sapButton_Selected_Hover_BorderColor,#095caf);
  background-color: #095caf;
  background-color: var(--sapButton_Selected_Hover_Background,#095caf)
}
.fd-switch--compact {
  padding: .25rem 0
}
.fd-switch--compact .fd-switch__handle {
  min-width: 1.5rem;
  min-height: 1.5rem
}
.fd-switch--compact .fd-switch__wrapper {
  width: 2.375rem;
  height: 1rem
}
.fd-switch--compact .fd-switch__track {
  -webkit-transform: translate(-.8125rem,-50%);
  transform: translate(-.8125rem,-50%);
  min-width: 3.125rem
}
.fd-switch--compact[dir=rtl] .fd-switch__track,
[dir=rtl] .fd-switch--compact .fd-switch__track {
  -webkit-transform: translate(.8125rem,-50%);
  transform: translate(.8125rem,-50%)
}
.fd-switch--semantic .fd-switch__wrapper {
  width: 3.75rem;
  height: 1.25rem;
  border-color: #b00;
  border-color: var(--sapErrorBorderColor,#b00);
  background-color: #ffebeb;
  background-color: var(--sapErrorBackground,#ffebeb)
}
.fd-switch--semantic .fd-switch__track {
  -webkit-transform: translate(-1.9375rem,-50%);
  transform: translate(-1.9375rem,-50%)
}
.fd-switch--semantic .fd-switch__handle {
  background-color: #fff;
  background-color: var(--sapButton_Background,#fff);
  border-color: #b00;
  border-color: var(--sapErrorBorderColor,#b00)
}
.fd-switch--semantic .fd-switch__input:checked + .fd-switch__wrapper {
  background-color: #f1fdf6;
  background-color: var(--sapSuccessBackground,#f1fdf6);
  border-color: #107e3e;
  border-color: var(--sapSuccessBorderColor,#107e3e)
}
.fd-switch--semantic .fd-switch__input:checked + .fd-switch__wrapper .fd-switch__track {
  -webkit-transform: translate(-.0625rem,-50%);
  transform: translate(-.0625rem,-50%)
}
.fd-switch--semantic .fd-switch__input:checked + .fd-switch__wrapper .fd-switch__handle {
  border-color: #107e3e;
  border-color: var(--sapSuccessBorderColor,#107e3e);
  background-color: #fff;
  background-color: var(--sapButton_Background,#fff)
}
.fd-switch--semantic.fd-switch--compact {
  padding: .1875rem 0
}
.fd-switch--semantic.fd-switch--compact .fd-switch__wrapper {
  width: 3.375rem;
  height: 1.25rem
}
.fd-switch--semantic.is-hover .fd-switch__wrapper,
.fd-switch--semantic:hover .fd-switch__wrapper {
  border-color: #b00;
  border-color: var(--sapErrorBorderColor,#b00)
}
.fd-switch--semantic.is-hover .fd-switch__handle,
.fd-switch--semantic:hover .fd-switch__handle {
  background-color: #ffebeb;
  background-color: var(--sapErrorBackground,#ffebeb);
  border-color: #b00;
  border-color: var(--sapErrorBorderColor,#b00)
}
.fd-switch--semantic.is-hover .fd-switch__input:checked + .fd-switch__wrapper .fd-switch__handle,
.fd-switch--semantic:hover .fd-switch__input:checked + .fd-switch__wrapper .fd-switch__handle {
  background-color: #f1fdf6;
  background-color: var(--sapSuccessBackground,#f1fdf6)
}
.fd-switch--semantic[dir=rtl] .fd-switch__track,
[dir=rtl] .fd-switch--semantic .fd-switch__track {
  -webkit-transform: translate(1.9375rem,-50%);
  transform: translate(1.9375rem,-50%)
}
.fd-switch--semantic[dir=rtl] .fd-switch__input:checked + .fd-switch__wrapper .fd-switch__track,
[dir=rtl] .fd-switch--semantic .fd-switch__input:checked + .fd-switch__wrapper .fd-switch__track {
  -webkit-transform: translate(.0625rem,-50%);
  transform: translate(.0625rem,-50%)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-tabs+()
    .fd-tabs__item?
    .fd-tabs__link+((.is-selected|[aria-selected=true]),)
.fd-tabs__panel+([aria-expanded]|.is-expanded)
*/
.fd-tabs {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  -webkit-box-shadow: 0 0 .25rem 0 fade(#000,15),inset 0 -.0625rem 0 0 #d9d9d9;
  -webkit-box-shadow: 0 0 .25rem 0 fade(var(--sapContent_ShadowColor,#000),15),inset 0 -.0625rem 0 0 var(--sapObjectHeader_BorderColor,#d9d9d9);
  box-shadow: 0 0 .25rem 0 fade(#000,15),inset 0 -.0625rem 0 0 #d9d9d9;
  box-shadow: 0 0 .25rem 0 fade(var(--sapContent_ShadowColor,#000),15),inset 0 -.0625rem 0 0 var(--sapObjectHeader_BorderColor,#d9d9d9);
  background-color: #fff;
  background-color: var(--sapObjectHeader_Background,#fff);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  border-color: #d9d9d9;
  border-color: var(--sapObjectHeader_BorderColor,#d9d9d9)
}
.fd-tabs .fd-tabs__link.is-focus .fd-tabs__icon,
.fd-tabs .fd-tabs__link.is-focus .fd-tabs__tag,
.fd-tabs .fd-tabs__link:focus .fd-tabs__icon,
.fd-tabs .fd-tabs__link:focus .fd-tabs__tag,
.fd-tabs__link.is-focus .fd-tabs .fd-tabs__icon,
.fd-tabs__link.is-focus .fd-tabs .fd-tabs__tag,
.fd-tabs__link:focus .fd-tabs .fd-tabs__icon,
.fd-tabs__link:focus .fd-tabs .fd-tabs__tag {
  outline-offset: -.0625rem;
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted);
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000)
}
.fd-tabs::after,
.fd-tabs::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__count {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1rem;
  padding-bottom: .125rem;
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70)
}
.fd-tabs__count::after,
.fd-tabs__count::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__link {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  -webkit-transition: 0s;
  transition: 0s;
  display: block;
  position: relative;
  text-decoration: none;
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  line-height: 1rem;
  padding: .875rem .75rem
}
.fd-tabs__link::after,
.fd-tabs__link::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__link.is-selected .fd-tabs__tag,
.fd-tabs__link[aria-selected=true] .fd-tabs__tag {
  color: #0854a0;
  color: var(--sapSelectedColor,#0854a0)
}
.fd-tabs__link.is-selected .fd-tabs__icon,
.fd-tabs__link[aria-selected=true] .fd-tabs__icon {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff);
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-tabs__link.is-selected .fd-tabs__icon::after,
.fd-tabs__link.is-selected .fd-tabs__tag::after,
.fd-tabs__link.is-selected::after,
.fd-tabs__link[aria-selected=true] .fd-tabs__icon::after,
.fd-tabs__link[aria-selected=true] .fd-tabs__tag::after,
.fd-tabs__link[aria-selected=true]::after {
  background-color: #0854a0;
  background-color: var(--sapSelectedColor,#0854a0)
}
.fd-tabs__link.is-focus,
.fd-tabs__link:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0
}
.fd-tabs__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  padding: 0;
  margin: 0 .25rem
}
.fd-tabs__item::after,
.fd-tabs__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__item--error .fd-tabs__icon {
  color: #b00;
  color: var(--sapErrorColor,#b00);
  border-color: #b00;
  border-color: var(--sapErrorColor,#b00)
}
.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag {
  color: #b00;
  color: var(--sapErrorColor,#b00)
}
.fd-tabs__item--error .fd-tabs__link.is-selected .fd-tabs__icon,
.fd-tabs__item--error .fd-tabs__link[aria-selected=true] .fd-tabs__icon {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff);
  background-color: #b00;
  background-color: var(--sapErrorColor,#b00)
}
.fd-tabs__item--error .fd-tabs__link.is-selected .fd-tabs__icon::after,
.fd-tabs__item--error .fd-tabs__link.is-selected .fd-tabs__tag::after,
.fd-tabs__item--error .fd-tabs__link.is-selected::after,
.fd-tabs__item--error .fd-tabs__link[aria-selected=true] .fd-tabs__icon::after,
.fd-tabs__item--error .fd-tabs__link[aria-selected=true] .fd-tabs__tag::after,
.fd-tabs__item--error .fd-tabs__link[aria-selected=true]::after {
  background-color: #b00;
  background-color: var(--sapErrorColor,#b00)
}
.fd-tabs__item--warning .fd-tabs__icon {
  color: #e9730c;
  color: var(--sapWarningColor,#e9730c);
  border-color: #e9730c;
  border-color: var(--sapWarningColor,#e9730c)
}
.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag {
  color: #e9730c;
  color: var(--sapWarningColor,#e9730c)
}
.fd-tabs__item--warning .fd-tabs__link.is-selected .fd-tabs__icon,
.fd-tabs__item--warning .fd-tabs__link[aria-selected=true] .fd-tabs__icon {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff);
  background-color: #e9730c;
  background-color: var(--sapWarningColor,#e9730c)
}
.fd-tabs__item--warning .fd-tabs__link.is-selected .fd-tabs__icon::after,
.fd-tabs__item--warning .fd-tabs__link.is-selected .fd-tabs__tag::after,
.fd-tabs__item--warning .fd-tabs__link.is-selected::after,
.fd-tabs__item--warning .fd-tabs__link[aria-selected=true] .fd-tabs__icon::after,
.fd-tabs__item--warning .fd-tabs__link[aria-selected=true] .fd-tabs__tag::after,
.fd-tabs__item--warning .fd-tabs__link[aria-selected=true]::after {
  background-color: #e9730c;
  background-color: var(--sapWarningColor,#e9730c)
}
.fd-tabs__item--success .fd-tabs__icon {
  color: #107e3e;
  color: var(--sapSuccessColor,#107e3e);
  border-color: #107e3e;
  border-color: var(--sapSuccessColor,#107e3e)
}
.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag {
  color: #107e3e;
  color: var(--sapSuccessColor,#107e3e)
}
.fd-tabs__item--success .fd-tabs__link.is-selected .fd-tabs__icon,
.fd-tabs__item--success .fd-tabs__link[aria-selected=true] .fd-tabs__icon {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff);
  background-color: #107e3e;
  background-color: var(--sapSuccessColor,#107e3e)
}
.fd-tabs__item--success .fd-tabs__link.is-selected .fd-tabs__icon::after,
.fd-tabs__item--success .fd-tabs__link.is-selected .fd-tabs__tag::after,
.fd-tabs__item--success .fd-tabs__link.is-selected::after,
.fd-tabs__item--success .fd-tabs__link[aria-selected=true] .fd-tabs__icon::after,
.fd-tabs__item--success .fd-tabs__link[aria-selected=true] .fd-tabs__tag::after,
.fd-tabs__item--success .fd-tabs__link[aria-selected=true]::after {
  background-color: #107e3e;
  background-color: var(--sapSuccessColor,#107e3e)
}
.fd-tabs__item--information .fd-tabs__icon {
  color: #0a6ed1;
  color: var(--sapInformationColor,#0a6ed1);
  border-color: #0a6ed1;
  border-color: var(--sapInformationColor,#0a6ed1)
}
.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag {
  color: #0a6ed1;
  color: var(--sapInformationColor,#0a6ed1)
}
.fd-tabs__item--information .fd-tabs__link.is-selected .fd-tabs__icon,
.fd-tabs__item--information .fd-tabs__link[aria-selected=true] .fd-tabs__icon {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff);
  background-color: #0a6ed1;
  background-color: var(--sapInformationColor,#0a6ed1)
}
.fd-tabs__item--information .fd-tabs__link.is-selected .fd-tabs__icon::after,
.fd-tabs__item--information .fd-tabs__link.is-selected .fd-tabs__tag::after,
.fd-tabs__item--information .fd-tabs__link.is-selected::after,
.fd-tabs__item--information .fd-tabs__link[aria-selected=true] .fd-tabs__icon::after,
.fd-tabs__item--information .fd-tabs__link[aria-selected=true] .fd-tabs__tag::after,
.fd-tabs__item--information .fd-tabs__link[aria-selected=true]::after {
  background-color: #0a6ed1;
  background-color: var(--sapInformationColor,#0a6ed1)
}
.fd-tabs__item--neutral .fd-tabs__icon {
  color: #6a6d70;
  color: var(--sapNeutralColor,#6a6d70);
  border-color: #6a6d70;
  border-color: var(--sapNeutralColor,#6a6d70)
}
.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag {
  color: #6a6d70;
  color: var(--sapNeutralColor,#6a6d70)
}
.fd-tabs__item--neutral .fd-tabs__link.is-selected .fd-tabs__icon,
.fd-tabs__item--neutral .fd-tabs__link[aria-selected=true] .fd-tabs__icon {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff);
  background-color: #6a6d70;
  background-color: var(--sapNeutralColor,#6a6d70)
}
.fd-tabs__item--neutral .fd-tabs__link.is-selected .fd-tabs__icon::after,
.fd-tabs__item--neutral .fd-tabs__link.is-selected .fd-tabs__tag::after,
.fd-tabs__item--neutral .fd-tabs__link.is-selected::after,
.fd-tabs__item--neutral .fd-tabs__link[aria-selected=true] .fd-tabs__icon::after,
.fd-tabs__item--neutral .fd-tabs__link[aria-selected=true] .fd-tabs__tag::after,
.fd-tabs__item--neutral .fd-tabs__link[aria-selected=true]::after {
  background-color: #6a6d70;
  background-color: var(--sapNeutralColor,#6a6d70)
}
.fd-tabs__item:first-child {
  margin-left: 0
}
.fd-tabs__item:first-child .fd-tabs__link {
  padding-left: 0
}
.fd-tabs__item[dir=rtl]:first-child,
[dir=rtl] .fd-tabs__item:first-child {
  margin-right: 0;
  margin-left: .25rem
}
.fd-tabs__item[dir=rtl]:first-child .fd-tabs__link,
[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link {
  padding-right: 0;
  padding-left: .875rem
}
.fd-tabs__icon {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.625rem;
  height: 2.625rem;
  border: .0625rem solid #0854a0;
  border: .0625rem solid var(--sapSelectedColor,#0854a0);
  color: #0854a0;
  color: var(--sapSelectedColor,#0854a0);
  border-radius: 50%;
  background-color: transparent;
  position: relative;
  margin: 0 .188rem;
  position: relative
}
.fd-tabs__icon::after,
.fd-tabs__icon::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__icon::before {
  font-size: 1.125rem
}
.fd-tabs__icon::after {
  -webkit-transition: all 125ms ease-in;
  transition: all 125ms ease-in;
  content: "";
  position: absolute;
  bottom: -.875rem;
  left: -.1875rem;
  display: inline-block;
  height: .1875rem;
  width: calc(100% + .375rem);
  border-radius: .125rem .125rem 0 0
}
.fd-tabs__tag {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  display: inline-block;
  line-height: 1rem
}
.fd-tabs__tag::after,
.fd-tabs__tag::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__tag::after {
  -webkit-transition: all 125ms ease-in;
  transition: all 125ms ease-in;
  content: "";
  position: absolute;
  bottom: -.875rem;
  left: -.1875rem;
  display: inline-block;
  height: .1875rem;
  width: calc(100% + .375rem);
  border-radius: .125rem .125rem 0 0
}
.fd-tabs__panel {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-tabs__panel::after,
.fd-tabs__panel::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__panel[aria-expanded=false] {
  display: none
}
.fd-tabs__panel.is-expanded,
.fd-tabs__panel[aria-expanded=true] {
  display: block
}
.fd-tabs__counter-header {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  padding-right: .5rem
}
.fd-tabs__counter-header::after,
.fd-tabs__counter-header::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__overflow {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  margin-left: auto
}
.fd-tabs__overflow::after,
.fd-tabs__overflow::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__overflow::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-tabs__overflow::before {
  content: ""
}
.fd-tabs__process-icon {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70);
  padding: 0 .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  line-height: 1
}
.fd-tabs__process-icon::after,
.fd-tabs__process-icon::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__process-icon::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-tabs__process-icon::before {
  content: ""
}
.fd-tabs__label {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
  padding-left: .125rem;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  max-width: 100%
}
.fd-tabs__label::after,
.fd-tabs__label::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__label:first-child {
  padding-bottom: .375rem
}
.fd-tabs__separator {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 2rem;
  border-right: solid #d9d9d9;
  border-right: solid var(--sapGroup_TitleBorderColor,#d9d9d9);
  border-right-width: .0625rem;
  line-height: 2rem;
  margin: 0 .25rem
}
.fd-tabs__separator::after,
.fd-tabs__separator::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__header {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-tabs__header::after,
.fd-tabs__header::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tabs__header .fd-tabs__label {
  max-width: 4rem
}
.fd-tabs--filter .fd-tabs__count,
.fd-tabs--icon-only .fd-tabs__count,
.fd-tabs--process .fd-tabs__count {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-tabs--icon-only .fd-tabs__link,
.fd-tabs--process .fd-tabs__link {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.fd-tabs--icon-only .fd-tabs__icon::after,
.fd-tabs--process .fd-tabs__icon::after {
  bottom: -1.0625rem
}
.fd-tabs--filter .fd-tabs__count,
.fd-tabs--icon-only .fd-tabs__count {
  position: absolute;
  left: calc(100% + .1875rem);
  top: 0
}
.fd-tabs--filter[dir=rtl] .fd-tabs__count,
.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,
[dir=rtl] .fd-tabs--filter .fd-tabs__count,
[dir=rtl] .fd-tabs--icon-only .fd-tabs__count {
  left: initial;
  right: calc(100% + .1875rem)
}
.fd-tabs--process .fd-tabs__item {
  margin: 0 .25rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-tabs--process .fd-tabs__link {
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-tabs--process .fd-tabs__icon {
  margin: 0 .1875rem
}
.fd-tabs--process .fd-tabs__overflow::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-tabs--process .fd-tabs__overflow::before {
  content: ""
}
.fd-tabs--process .fd-tabs__label {
  white-space: nowrap;
  max-width: 7.5rem;
  line-height: .875rem;
  overflow: hidden
}
.fd-tabs--process[dir=rtl] .fd-tabs__item,
[dir=rtl] .fd-tabs--process .fd-tabs__item {
  margin: 0 0 0 .25rem
}
.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,
[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link {
  padding-right: 0;
  padding-left: 0
}
.fd-tabs--process[dir=rtl] .fd-tabs__overflow,
[dir=rtl] .fd-tabs--process .fd-tabs__overflow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.fd-tabs--filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-tabs--filter .fd-tabs__item {
  width: 5.375rem;
  padding: 0 .25rem;
  margin: 0
}
.fd-tabs--filter .fd-tabs__item[dir=rtl],
[dir=rtl] .fd-tabs--filter .fd-tabs__item {
  margin: 0
}
.fd-tabs--filter .fd-tabs__item--header {
  width: auto
}
.fd-tabs--filter .fd-tabs__icon {
  margin-bottom: .375rem
}
.fd-tabs--filter .fd-tabs__icon::after {
  content: none
}
.fd-tabs--filter .fd-tabs__label {
  line-height: .875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-tabs--filter .fd-tabs__link {
  height: 5.5rem;
  padding: .875rem .188rem .625rem .188rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}
.fd-tabs--filter .fd-tabs__link::after {
  -webkit-transition: all 125ms ease-in;
  transition: all 125ms ease-in;
  content: "";
  position: absolute;
  bottom: -.875rem;
  left: -.1875rem;
  display: inline-block;
  height: .1875rem;
  width: calc(100% + .375rem);
  border-radius: .125rem .125rem 0 0;
  bottom: 0
}
.fd-tabs--filter .fd-tabs__link.is-focus,
.fd-tabs--filter .fd-tabs__link:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0
}
.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__header,
.fd-tabs--filter .fd-tabs__link.is-focus .fd-tabs__icon,
.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__header,
.fd-tabs--filter .fd-tabs__link:focus .fd-tabs__icon {
  outline-offset: 0;
  outline: .0625rem dotted #000;
  outline: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000)
}
.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,
[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link {
  padding-right: .188rem;
  padding-left: .188rem
}
.fd-tabs--compact .fd-tabs__icon {
  font-size: 1rem;
  width: 1.875rem;
  height: 1.875rem
}
.fd-tabs--compact .fd-tabs__icon::before {
  font-size: 1rem
}
.fd-tabs--compact .fd-tabs__label:first-child {
  padding-bottom: .25rem
}
.fd-tabs--compact.fd-tabs--filter .fd-tabs__link {
  height: 4.75rem
}
.fd-tabs--s {
  padding: 0 1rem
}
.fd-tabs--l,
.fd-tabs--m {
  padding: 0 2rem
}
.fd-tabs--xl,
.fd-tabs--xxl {
  padding: 0 3rem
}
.fd-tabs[dir=rtl] .fd-tabs__process-icon,
[dir=rtl] .fd-tabs .fd-tabs__process-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.fd-tabs[dir=rtl] .fd-tabs__counter-header,
[dir=rtl] .fd-tabs .fd-tabs__counter-header {
  padding-right: 0;
  padding-left: .5rem
}
.fd-tabs[dir=rtl] .fd-tabs__overflow,
[dir=rtl] .fd-tabs .fd-tabs__overflow {
  margin-left: 0;
  margin-right: auto
}
.fd-tabs__process {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-tabs__process::after,
.fd-tabs__process::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-table(--compact, --condensed, --no-horizontal-borders, --no-vertical-borders)
    thead(.fd-table__header(--no-horizontal-borders, --no-vertical-borders))
    tbody(.fd-table__body(--no-horizontal-borders, --no-vertical-borders))
    tfoot(.fd-table__footer)
        tr(.fd-table__row)([aria-selected])
          td(.fd-table__cell(--status-indicator, --checkbox, --fit-content)) + semantic
*/
.fd-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse
}
.fd-table,
.fd-table__body,
.fd-table__cell,
.fd-table__footer,
.fd-table__header,
.fd-table__icon,
.fd-table__row,
.fd-table__text {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-table::after,
.fd-table::before,
.fd-table__body::after,
.fd-table__body::before,
.fd-table__cell::after,
.fd-table__cell::before,
.fd-table__footer::after,
.fd-table__footer::before,
.fd-table__header::after,
.fd-table__header::before,
.fd-table__icon::after,
.fd-table__icon::before,
.fd-table__row::after,
.fd-table__row::before,
.fd-table__text::after,
.fd-table__text::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-table__icon {
  color: #6a6d70;
  color: var(--sapContent_NonInteractiveIconColor,#6a6d70);
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-table__icon--navigation {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  width: 2rem;
  min-width: 2rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-table__header {
  border-top: .0625rem solid #e4e4e4;
  border-top: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4);
  border-left: .0625rem solid #e4e4e4;
  border-left: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4);
  border-right: .0625rem solid #e4e4e4;
  border-right: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-table__header .fd-table__row {
  border-bottom: .0625rem solid #e4e4e4;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-table__header .fd-table__cell {
  height: 2.75rem;
  background-color: #f2f2f2;
  background-color: var(--sapList_HeaderBackground,#f2f2f2);
  color: #32363a;
  color: var(--sapList_HeaderTextColor,#32363a)
}
.fd-table__cell {
  text-align: left;
  height: 2.75rem;
  padding: 0 .5rem;
  color: inherit;
  border-right: .0625rem solid #e4e4e4;
  border-right: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-table__cell--valid {
  color: #107e3e;
  color: var(--sapSuccessColor,#107e3e)
}
.fd-table__cell--warning {
  color: #e9730c;
  color: var(--sapWarningColor,#e9730c)
}
.fd-table__cell--error {
  color: #b00;
  color: var(--sapErrorColor,#b00)
}
.fd-table__cell--information {
  color: #0a6ed1;
  color: var(--sapInformationColor,#0a6ed1)
}
.fd-table__cell--checkbox {
  width: .5rem;
  vertical-align: baseline;
  padding: 0;
  margin: 0
}
.fd-table__cell--fit-content {
  width: .5rem;
  word-break: keep-all;
  white-space: nowrap
}
.fd-table__cell--no-padding {
  padding: 0;
  margin: 0
}
.fd-table__cell--status-indicator {
  width: .375rem;
  padding: 0
}
.fd-table__cell--status-indicator--valid {
  background-color: #107e3e;
  background-color: var(--sapSuccessBorderColor,#107e3e)
}
.fd-table__cell--status-indicator--warning {
  background-color: #e9730c;
  background-color: var(--sapWarningBorderColor,#e9730c)
}
.fd-table__cell--status-indicator--error {
  background-color: #b00;
  background-color: var(--sapErrorBorderColor,#b00)
}
.fd-table__cell--status-indicator--information {
  background-color: #0a6ed1;
  background-color: var(--sapInformationBorderColor,#0a6ed1)
}
.fd-table__cell--fixed {
  left: 0;
  position: absolute;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff);
  border-bottom: .0625rem solid #e4e4e4;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-table__cell--fixed.is-hover,
.fd-table__cell--fixed:hover {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-table__cell--fixed:last-of-type {
  border-right: .125rem #d8d8d8 solid;
  border-right: .125rem var(--sapList_TableFixedBorderColor,#d8d8d8) solid
}
.fd-table__cell--fixed[dir=rtl],
[dir=rtl] .fd-table__cell--fixed {
  left: auto;
  right: 0
}
.fd-table__cell--fixed[dir=rtl]:last-of-type,
[dir=rtl] .fd-table__cell--fixed:last-of-type {
  border-right: none;
  border-left: .125rem #d8d8d8 solid;
  border-left: .125rem var(--sapList_TableFixedBorderColor,#d8d8d8) solid
}
.fd-table__cell:first-child {
  margin-left: 0;
  padding-left: 1rem
}
.fd-table__cell:first-child.fd-table__cell--checkbox,
.fd-table__cell:first-child.fd-table__cell--status-indicator {
  padding: 0
}
.fd-table__cell:first-child[dir=rtl],
[dir=rtl] .fd-table__cell:first-child {
  padding-left: .5rem;
  padding-right: 1rem
}
.fd-table__cell:first-child[dir=rtl].fd-table__cell--checkbox,
.fd-table__cell:first-child[dir=rtl].fd-table__cell--status-indicator,
[dir=rtl] .fd-table__cell:first-child.fd-table__cell--checkbox,
[dir=rtl] .fd-table__cell:first-child.fd-table__cell--status-indicator {
  padding: 0
}
.fd-table__cell--navigated {
  -webkit-box-shadow: inset -.1875rem 0 #0854a0;
  -webkit-box-shadow: inset -.1875rem 0 var(--sapSelectedColor,#0854a0);
  box-shadow: inset -.1875rem 0 #0854a0;
  box-shadow: inset -.1875rem 0 var(--sapSelectedColor,#0854a0)
}
.fd-table__cell--navigated[dir=rtl],
[dir=rtl] .fd-table__cell--navigated {
  -webkit-box-shadow: inset .1875rem 0 #0854a0;
  -webkit-box-shadow: inset .1875rem 0 var(--sapSelectedColor,#0854a0);
  box-shadow: inset .1875rem 0 #0854a0;
  box-shadow: inset .1875rem 0 var(--sapSelectedColor,#0854a0)
}
.fd-table__body {
  border-left: .0625rem solid #e4e4e4;
  border-left: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4);
  border-right: .0625rem solid #e4e4e4;
  border-right: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4);
  border-bottom: .0625rem solid #e4e4e4;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-table__body .fd-table__cell {
  border-bottom: .0625rem solid #e4e4e4;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-table__body .fd-table__cell--no-vertical-border {
  border-bottom-color: transparent
}
.fd-table__body .fd-table__cell--no-horizontal-border {
  border-right-color: transparent
}
.fd-table__body .fd-table__row {
  border-left: none;
  border-right: none;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-table__body .fd-table__row.is-selected,
.fd-table__body .fd-table__row[aria-selected=true] {
  background-color: #e5f0fa;
  background-color: var(--sapList_SelectionBackgroundColor,#e5f0fa)
}
.fd-table__body .fd-table__row.is-selected .fd-table__cell,
.fd-table__body .fd-table__row[aria-selected=true] .fd-table__cell {
  border-bottom-color: #0854a0;
  border-bottom-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-table__body .fd-table__row.is-selected.is-hover,
.fd-table__body .fd-table__row.is-selected:hover,
.fd-table__body .fd-table__row[aria-selected=true].is-hover,
.fd-table__body .fd-table__row[aria-selected=true]:hover {
  background-color: #d8e9f8;
  background-color: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-table__cell--hoverable .fd-table__cell.is-hover,
.fd-table__cell--hoverable .fd-table__cell:hover,
.fd-table__cell--hoverable.is-hover,
.fd-table__cell--hoverable:hover,
.fd-table__row--hoverable .fd-table__cell.is-hover,
.fd-table__row--hoverable .fd-table__cell:hover,
.fd-table__row--hoverable.is-hover,
.fd-table__row--hoverable:hover {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-table__cell--activable,
.fd-table__row--activable {
  cursor: pointer
}
.fd-table__cell--activable.is-active,
.fd-table__cell--activable:active,
.fd-table__row--activable.is-active,
.fd-table__row--activable:active {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0);
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-table__cell--activable.is-active .fd-table__cell,
.fd-table__cell--activable:active .fd-table__cell,
.fd-table__row--activable.is-active .fd-table__cell,
.fd-table__row--activable:active .fd-table__cell {
  border-bottom-color: #0854a0;
  border-bottom-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-table__cell--activable.is-active .fd-table__cell.is-hover,
.fd-table__cell--activable.is-active .fd-table__cell:hover,
.fd-table__cell--activable:active .fd-table__cell.is-hover,
.fd-table__cell--activable:active .fd-table__cell:hover,
.fd-table__row--activable.is-active .fd-table__cell.is-hover,
.fd-table__row--activable.is-active .fd-table__cell:hover,
.fd-table__row--activable:active .fd-table__cell.is-hover,
.fd-table__row--activable:active .fd-table__cell:hover {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-table__cell--activable.is-active .fd-table__icon,
.fd-table__cell--activable:active .fd-table__icon,
.fd-table__row--activable.is-active .fd-table__icon,
.fd-table__row--activable:active .fd-table__icon {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff)
}
.fd-table__cell--activable.is-active .fd-form-label,
.fd-table__cell--activable.is-active .fd-link,
.fd-table__cell--activable.is-active .fd-object-status,
.fd-table__cell--activable:active .fd-form-label,
.fd-table__cell--activable:active .fd-link,
.fd-table__cell--activable:active .fd-object-status,
.fd-table__row--activable.is-active .fd-form-label,
.fd-table__row--activable.is-active .fd-link,
.fd-table__row--activable.is-active .fd-object-status,
.fd-table__row--activable:active .fd-form-label,
.fd-table__row--activable:active .fd-link,
.fd-table__row--activable:active .fd-object-status {
  color: inherit
}
.fd-table__footer .fd-table__row {
  border-top: .125rem solid #d8d8d8;
  border-top: .125rem solid var(--sapList_TableFooterBorder,#d8d8d8);
  vertical-align: middle
}
.fd-table__footer .fd-table__cell {
  font-weight: 700;
  border-right: none
}
.fd-table__inner {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.fd-table__inner::after,
.fd-table__inner::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-table__popover.fd-popover {
  height: 100%;
  display: block;
  color: inherit
}
.fd-table__popover.fd-popover .fd-popover__control {
  width: 100%;
  height: 100%;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-table--fixed {
  overflow-x: scroll
}
.fd-table--pop-in .fd-table__text {
  color: inherit;
  margin-bottom: .5rem
}
.fd-table--pop-in .fd-table__text--title {
  font-weight: 700
}
.fd-table--pop-in .fd-table__text:last-child {
  margin-bottom: 0
}
.fd-table--pop-in .fd-table__cell--checkbox + .fd-table__cell {
  padding-left: 0
}
.fd-table--pop-in .fd-table__cell--checkbox + .fd-table__cell[dir=rtl],
[dir=rtl] .fd-table--pop-in .fd-table__cell--checkbox + .fd-table__cell {
  padding-right: 0;
  padding-left: .5rem
}
.fd-table--pop-in .fd-table__body .fd-table__cell {
  height: auto
}
.fd-table--pop-in .fd-table__row .fd-table__cell:last-child {
  margin-bottom: 0;
  margin-right: 0;
  border-right: .0625rem solid #e4e4e4;
  border-right: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-table--pop-in .fd-table__row .fd-table__cell:last-child[dir=rtl],
[dir=rtl] .fd-table--pop-in .fd-table__row .fd-table__cell:last-child {
  border-left: .0625rem solid #e4e4e4;
  border-left: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4);
  border-right: none
}
.fd-table--pop-in .fd-table__row--main {
  border: none
}
.fd-table--pop-in .fd-table__row--main .fd-table__cell {
  padding-top: .25rem;
  padding-bottom: .25rem
}
.fd-table--pop-in .fd-table__row--main.fd-table__row--hoverable.is-hover + .fd-table__row--secondary,
.fd-table--pop-in .fd-table__row--main.fd-table__row--hoverable:hover + .fd-table__row--secondary {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable.is-active + .fd-table__row--secondary,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable:active + .fd-table__row--secondary {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0);
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable.is-active + .fd-table__row--secondary .fd-table__cell,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable:active + .fd-table__row--secondary .fd-table__cell {
  border-bottom-color: #0854a0;
  border-bottom-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable.is-active + .fd-table__row--secondary .fd-table__cell.is-hover,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable.is-active + .fd-table__row--secondary .fd-table__cell:hover,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable:active + .fd-table__row--secondary .fd-table__cell.is-hover,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable:active + .fd-table__row--secondary .fd-table__cell:hover {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable.is-active + .fd-table__row--secondary .fd-table__icon,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable:active + .fd-table__row--secondary .fd-table__icon {
  color: #fff;
  color: var(--sapContent_ContrastIconColor,#fff)
}
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable.is-active + .fd-table__row--secondary .fd-form-label,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable.is-active + .fd-table__row--secondary .fd-link,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable.is-active + .fd-table__row--secondary .fd-object-status,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable:active + .fd-table__row--secondary .fd-form-label,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable:active + .fd-table__row--secondary .fd-link,
.fd-table--pop-in .fd-table__row--main.fd-table__row--activable:active + .fd-table__row--secondary .fd-object-status {
  color: inherit
}
.fd-table--pop-in .fd-table__row--main.is-selected.is-hover + .fd-table__row--secondary,
.fd-table--pop-in .fd-table__row--main.is-selected:hover + .fd-table__row--secondary,
.fd-table--pop-in .fd-table__row--main[aria-selected=true].is-hover + .fd-table__row--secondary,
.fd-table--pop-in .fd-table__row--main[aria-selected=true]:hover + .fd-table__row--secondary {
  background-color: #d8e9f8;
  background-color: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-table--pop-in .fd-table__row--secondary {
  background-color: #fff;
  background-color: var(--sapList_Background,#fff);
  border-bottom: .0625rem solid #e4e4e4;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#e4e4e4)
}
.fd-table--pop-in .fd-table__row--secondary.is-hover,
.fd-table--pop-in .fd-table__row--secondary:hover {
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-table--pop-in .fd-table__row--secondary .fd-table__cell {
  padding-top: .5rem;
  padding-bottom: .5rem
}
.fd-table--pop-in .fd-table__row--secondary.is-selected .fd-table__cell,
.fd-table--pop-in .fd-table__row--secondary[aria-selected=true] .fd-table__cell {
  border-bottom: .0625rem solid #0854a0;
  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-table--pop-in .fd-table__row--secondary.is-selected.is-hover,
.fd-table--pop-in .fd-table__row--secondary.is-selected:hover,
.fd-table--pop-in .fd-table__row--secondary[aria-selected=true].is-hover,
.fd-table--pop-in .fd-table__row--secondary[aria-selected=true]:hover {
  background-color: #e5f0fa;
  background-color: var(--sapList_SelectionBackgroundColor,#e5f0fa)
}
.fd-table--no-vertical-borders .fd-table__row .fd-table__cell,
.fd-table__body--no-vertical-borders .fd-table__row .fd-table__cell,
.fd-table__header--no-vertical-borders .fd-table__row .fd-table__cell {
  border-bottom: none
}
.fd-table--no-horizontal-borders .fd-table__row .fd-table__cell,
.fd-table__body--no-horizontal-borders .fd-table__row .fd-table__cell,
.fd-table__header--no-horizontal-borders .fd-table__row .fd-table__cell {
  border-right: none
}
.fd-table--compact .fd-table__cell {
  height: 2rem
}
.fd-table--condensed .fd-table__cell {
  height: 1.5rem
}
.fd-table--condensed .fd-table__cell .fd-checkbox.is-focus,
.fd-table--condensed .fd-table__cell .fd-checkbox:focus {
  z-index: 5
}
.fd-table--condensed .fd-table__cell .fd-checkbox.is-focus + .fd-checkbox__label:empty::after,
.fd-table--condensed .fd-table__cell .fd-checkbox:focus + .fd-checkbox__label:empty::after {
  top: .125rem;
  bottom: .125rem
}
.fd-table--condensed .fd-table__cell .fd-checkbox + .fd-checkbox__label:empty {
  padding-bottom: .25rem;
  padding-top: .25rem
}
.fd-table--condensed .fd-table__header .fd-table__cell {
  height: 2rem
}
.fd-table[dir=rtl] .fd-table__cell,
[dir=rtl] .fd-table .fd-table__cell {
  text-align: right
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-tile {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 11rem;
  min-height: 11rem;
  max-height: 11rem;
  width: 11rem;
  min-width: 11rem;
  max-width: 11rem;
  position: relative;
  padding: calc(1rem - .0625rem);
  background: #fff;
  background: var(--sapTile_Background,#fff);
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.1),0 .125rem .5rem 0 rgba(0,0,0,.1);
  -webkit-box-shadow: var(--sapContent_Shadow0,0 0 0 .0625rem rgba(0,0,0,.1),0 .125rem .5rem 0 rgba(0,0,0,.1));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.1),0 .125rem .5rem 0 rgba(0,0,0,.1);
  box-shadow: var(--sapContent_Shadow0,0 0 0 .0625rem rgba(0,0,0,.1),0 .125rem .5rem 0 rgba(0,0,0,.1));
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border: .0625rem solid transparent;
  border: .0625rem solid var(--sapTile_BorderColor,transparent);
  cursor: pointer
}
.fd-tile::after,
.fd-tile::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile.is-active,
.fd-tile:active {
  background: #f5f5f5;
  background: var(--sapTile_Active_Background,#f5f5f5)
}
.fd-tile.is-hover,
.fd-tile:hover {
  background: #f5f5f5;
  background: var(--sapTile_Hover_Background,#f5f5f5)
}
.fd-tile.is-hover .fd-tile__toggle,
.fd-tile:hover .fd-tile__toggle {
  display: block
}
.fd-tile.is-focus,
.fd-tile:focus {
  outline: 0
}
.fd-tile.is-focus::before,
.fd-tile:focus::before {
  content: '';
  position: absolute;
  display: block;
  border: .0625rem dotted #000;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3
}
.fd-tile__content,
.fd-tile__footer,
.fd-tile__header,
.fd-tile__header-content {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden
}
.fd-tile__content::after,
.fd-tile__content::before,
.fd-tile__footer::after,
.fd-tile__footer::before,
.fd-tile__header-content::after,
.fd-tile__header-content::before,
.fd-tile__header::after,
.fd-tile__header::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile__content--2-col,
.fd-tile__footer--2-col,
.fd-tile__header--2-col,
.fd-tile__header-content--2-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.fd-tile__header {
  height: 3.625rem;
  min-height: 3.625rem;
  max-height: 3.625rem;
  margin-bottom: .25rem
}
.fd-tile__content {
  height: 3.875rem;
  min-height: 3.875rem;
  max-height: 3.875rem;
  margin-bottom: .25rem
}
.fd-tile__header-content {
  height: 7.75rem;
  min-height: 7.75rem;
  max-height: 7.75rem;
  margin-bottom: .25rem
}
.fd-tile__header-content .fd-tile__title {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.fd-tile__footer {
  height: 1rem;
  min-height: 1rem;
  max-height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.fd-tile__section {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  width: calc(50% - .125rem);
  height: 100%
}
.fd-tile__section::after,
.fd-tile__section::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile__footer-text,
.fd-tile__refresh,
.fd-tile__subtitle,
.fd-tile__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: normal;
  color: #6a6d70;
  color: var(--sapTile_TextColor,#6a6d70)
}
.fd-tile__footer-text::after,
.fd-tile__footer-text::before,
.fd-tile__refresh::after,
.fd-tile__refresh::before,
.fd-tile__subtitle::after,
.fd-tile__subtitle::before,
.fd-tile__title::after,
.fd-tile__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #32363a;
  color: var(--sapTile_TitleTextColor,#32363a);
  font-size: 1rem;
  font-size: var(--sapFontHeader5Size,1rem)
}
.fd-tile__footer-text,
.fd-tile__subtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-tile__refresh {
  color: #0854a0;
  color: var(--sapButton_IconColor,#0854a0);
  min-width: .875rem;
  text-align: center;
  margin-right: .5rem
}
.fd-tile__refresh[dir=rtl],
[dir=rtl] .fd-tile__refresh {
  margin-right: 0;
  margin-left: .5rem
}
.fd-tile__profile-img {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 3.5rem;
  min-width: 3.5rem;
  max-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
  max-height: 3.5rem;
  border-radius: 50%
}
.fd-tile__profile-img::after,
.fd-tile__profile-img::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile__logo {
  width: 3.625rem;
  min-width: 3.625rem;
  max-width: 3.625rem;
  height: 1.75rem;
  min-height: 1.75rem;
  max-height: 1.75rem
}
.fd-tile__action-close,
.fd-tile__action-indicator,
.fd-tile__overlay {
  display: none
}
.fd-tile--double {
  width: 22.5rem;
  min-width: 22.5rem;
  max-width: 22.5rem
}
.fd-tile--s {
  height: 9.25rem;
  min-height: 9.25rem;
  max-height: 9.25rem;
  width: 9.25rem;
  min-width: 9.25rem;
  max-width: 9.25rem;
  padding: calc(.5rem - .0625rem)
}
.fd-tile--s.fd-tile--double {
  width: 19rem;
  min-width: 19rem;
  max-width: 19rem
}
.fd-tile--s .fd-tile__header {
  height: 3.25rem;
  min-height: 3.25rem;
  max-height: 3.25rem
}
.fd-tile--s .fd-tile__content {
  height: 3.438rem;
  min-height: 3.438rem;
  max-height: 3.438rem
}
.fd-tile--s .fd-tile__header-content {
  height: 6.938rem;
  min-height: 6.938rem;
  max-height: 6.938rem
}
.fd-tile--s .fd-tile__footer {
  height: 1.063rem;
  min-height: 1.063rem;
  max-height: 1.063rem
}
.fd-tile--s .fd-tile__title {
  font-size: .875rem;
  font-size: var(--sapFontHeader6Size,.875rem)
}
.fd-tile--s .fd-tile__footer-text {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-tile--s .fd-tile__profile-img {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  max-height: 3rem
}
.fd-tile--s .fd-tile__logo {
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  height: 1.438rem;
  min-height: 1.438rem;
  max-height: 1.438rem
}
.fd-tile--feed .fd-tile__content,
.fd-tile--kpi .fd-tile__content,
.fd-tile--launch .fd-tile__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,
.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,
.fd-tile--launch .fd-tile__content--2-col .fd-tile__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.fd-tile--feed .fd-tile__footer,
.fd-tile--kpi .fd-tile__footer,
.fd-tile--launch .fd-tile__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,
.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,
.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,
.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,
.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.fd-tile--feed .fd-tile__content .fd-tile__section {
  width: auto
}
.fd-tile--feed .fd-tile__content .fd-tile__section:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  margin-right: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.fd-tile--feed .fd-tile__content .fd-tile__section:first-child[dir=rtl],
[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:first-child {
  margin-left: .25rem;
  margin-right: 0
}
.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2) {
  max-width: 10.25rem;
  padding-left: .5rem
}
.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2)[dir=rtl],
[dir=rtl] .fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2) {
  padding-right: .5rem;
  padding-left: 0
}
.fd-tile--feed .fd-tile__content-byline,
.fd-tile--feed .fd-tile__content-text {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  max-width: 100%;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  line-height: 1.063rem;
  color: #32363a;
  color: var(--sapTile_TitleTextColor,#32363a)
}
.fd-tile--feed .fd-tile__content-byline::after,
.fd-tile--feed .fd-tile__content-byline::before,
.fd-tile--feed .fd-tile__content-text::after,
.fd-tile--feed .fd-tile__content-text::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--feed .fd-tile__content-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.fd-tile--feed .fd-tile__content-byline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6a6d70;
  color: var(--sapTile_TextColor,#6a6d70)
}
.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2) {
  max-width: 8.25rem
}
.fd-tile--slide {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.fd-tile--slide .fd-tile__background-img {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-tile--slide .fd-tile__background-img::after,
.fd-tile--slide .fd-tile__background-img::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--slide .fd-tile__background-img.is-hover,
.fd-tile--slide .fd-tile__background-img:hover {
  opacity: .9
}
.fd-tile--slide .fd-tile__background-img.is-active,
.fd-tile--slide .fd-tile__background-img:active {
  opacity: .8
}
.fd-tile--slide .fd-tile__toggle {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 3rem;
  min-height: 3rem;
  max-height: 3rem;
  width: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  display: none;
  padding: .5rem;
  position: absolute;
  background: 0 0;
  top: -.0625rem;
  right: -.0625rem
}
.fd-tile--slide .fd-tile__toggle::after,
.fd-tile--slide .fd-tile__toggle::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--slide .fd-tile__toggle[dir=rtl],
[dir=rtl] .fd-tile--slide .fd-tile__toggle {
  right: initial;
  left: -.0625rem
}
.fd-tile--slide .fd-tile__toggle::before {
  height: 2rem;
  min-height: 2rem;
  max-height: 2rem;
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  background-color: var(--sapBlockLayer_Background,#000);
  opacity: .6;
  border-radius: 50%;
  font-family: SAP-icons;
  font-size: 1rem;
  color: #fff;
  color: var(--sapButton_Emphasized_TextColor,#fff);
  text-shadow: transparent;
  text-shadow: var(--sapButton_Emphasized_TextShadow,transparent);
  content: "\e14b"
}
.fd-tile--slide .fd-tile__toggle--pause::before {
  content: "\e14c"
}
.fd-tile--slide .fd-tile__toggle.is-focus,
.fd-tile--slide .fd-tile__toggle:focus {
  z-index: 5;
  outline: 0
}
.fd-tile--slide .fd-tile__toggle.is-hover::before,
.fd-tile--slide .fd-tile__toggle:hover::before {
  opacity: .8
}
.fd-tile--slide .fd-tile__toggle.is-active::before,
.fd-tile--slide .fd-tile__toggle:active::before {
  opacity: 1
}
.fd-tile--slide .fd-tile__container {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: 6.125rem;
  min-height: 6.125rem;
  max-height: 6.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  background-color: #000;
  background-color: var(--sapBlockLayer_Background,#000);
  opacity: .8;
  padding-top: .25rem;
  padding-left: calc(1rem - .0625rem);
  padding-right: calc(1rem - .0625rem);
  border-bottom-left-radius: .25rem;
  border-bottom-left-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border-bottom-right-radius: .25rem;
  border-bottom-right-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-tile--slide .fd-tile__container::after,
.fd-tile--slide .fd-tile__container::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--slide .fd-tile__footer-text,
.fd-tile--slide .fd-tile__subtitle,
.fd-tile--slide .fd-tile__title {
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff);
  text-shadow: #fff;
  text-shadow: var(--sapContent_ContrastShadowColor,#fff);
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: normal
}
.fd-tile--slide .fd-tile__page-indicator {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: .5rem;
  min-height: .5rem;
  max-height: .5rem;
  margin-bottom: .125rem;
  margin-top: .375rem
}
.fd-tile--slide .fd-tile__page-indicator::after,
.fd-tile--slide .fd-tile__page-indicator::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--slide .fd-tile__dot {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  height: .188rem;
  min-height: .188rem;
  max-height: .188rem;
  width: .188rem;
  min-width: .188rem;
  max-width: .188rem;
  border-radius: 50%;
  background-color: #fff;
  background-color: var(--sapContent_ContrastTextColor,#fff);
  -webkit-box-shadow: 0 0 .25rem #000;
  -webkit-box-shadow: 0 0 .25rem var(--sapContent_ShadowColor,#000);
  box-shadow: 0 0 .25rem #000;
  box-shadow: 0 0 .25rem var(--sapContent_ShadowColor,#000);
  margin-right: .375rem
}
.fd-tile--slide .fd-tile__dot::after,
.fd-tile--slide .fd-tile__dot::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--slide .fd-tile__dot[dir=rtl],
[dir=rtl] .fd-tile--slide .fd-tile__dot {
  margin-right: 0;
  margin-left: .375rem
}
.fd-tile--slide .fd-tile__dot--active {
  height: .313rem;
  min-height: .313rem;
  max-height: .313rem;
  width: .313rem;
  min-width: .313rem;
  max-width: .313rem;
  color: #fff;
  color: var(--sapContent_ContrastTextColor,#fff)
}
.fd-tile--slide .fd-tile__dot:last-child {
  margin: 0
}
.fd-tile--slide.fd-tile--s .fd-tile__container {
  height: 5.25rem;
  min-height: 5.25rem;
  max-height: 5.25rem;
  padding-top: .1875rem;
  padding-right: calc(.5rem - .0625rem);
  padding-left: calc(.5rem - .0625rem)
}
.fd-tile--slide.fd-tile--s .fd-tile__footer-text,
.fd-tile--slide.fd-tile--s .fd-tile__subtitle,
.fd-tile--slide.fd-tile--s .fd-tile__title {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem)
}
.fd-tile--slide.fd-tile--s .fd-tile__page-indicator {
  margin-bottom: 0;
  margin-top: 0
}
.fd-tile--action .fd-tile__action-close,
.fd-tile--action .fd-tile__action-indicator,
.fd-tile--action .fd-tile__overlay {
  display: block
}
.fd-tile--action .fd-tile__overlay {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  background: var(--sapTile_Background,#fff);
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  opacity: .7;
  z-index: 4
}
.fd-tile--action .fd-tile__overlay::after,
.fd-tile--action .fd-tile__overlay::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--action .fd-tile__footer {
  display: none
}
.fd-tile--action .fd-badge {
  display: none
}
.fd-tile--action .fd-tile__action-close {
  height: 2rem;
  min-height: 2rem;
  max-height: 2rem;
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
  position: absolute;
  padding: 0;
  top: -.375rem;
  right: -.375rem;
  z-index: 5
}
.fd-tile--action .fd-tile__action-close.is-focus,
.fd-tile--action .fd-tile__action-close:focus {
  outline: 0
}
.fd-tile--action .fd-tile__action-close.is-focus::after,
.fd-tile--action .fd-tile__action-close:focus::after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  display: block;
  border: .0625rem dotted #000;
  border: var(--sapContent_FocusWidth,.0625rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#000);
  top: -.0625rem;
  left: .4375rem;
  right: 0;
  bottom: 0;
  z-index: 3
}
.fd-tile--action .fd-tile__action-close.is-focus[dir=rtl]::after,
.fd-tile--action .fd-tile__action-close:focus[dir=rtl]::after,
[dir=rtl] .fd-tile--action .fd-tile__action-close.is-focus::after,
[dir=rtl] .fd-tile--action .fd-tile__action-close:focus::after {
  left: 0;
  right: .4375rem
}
.fd-tile--action .fd-tile__action-close[dir=rtl],
[dir=rtl] .fd-tile--action .fd-tile__action-close {
  right: initial;
  left: -.375rem
}
.fd-tile--action .fd-tile__action-close[dir=rtl]::before,
[dir=rtl] .fd-tile--action .fd-tile__action-close::before {
  margin-left: initial;
  margin-right: .5rem
}
.fd-tile--action .fd-tile__action-close::before {
  height: 1.375rem;
  min-height: 1.375rem;
  max-height: 1.375rem;
  width: 1.375rem;
  min-width: 1.375rem;
  max-width: 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  margin-bottom: .5rem;
  margin-left: .5rem;
  font-family: SAP-icons;
  font-size: .75rem;
  background: #fff;
  background: var(--sapButton_Background,#fff);
  border: .0625rem solid #0854a0;
  border: .0625rem solid var(--sapButton_BorderColor,#0854a0);
  color: #0854a0;
  color: var(--sapButton_IconColor,#0854a0);
  content: "\e03e"
}
.fd-tile--action .fd-tile__action-close.is-focus,
.fd-tile--action .fd-tile__action-close:focus {
  z-index: 5;
  outline: 0
}
.fd-tile--action .fd-tile__action-close::-moz-focus-inner {
  border: 0
}
.fd-tile--action .fd-tile__action-indicator {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: .25rem;
  margin-right: .25rem;
  z-index: 5
}
.fd-tile--action .fd-tile__action-indicator[dir=rtl],
[dir=rtl] .fd-tile--action .fd-tile__action-indicator {
  right: initial;
  left: 0;
  margin-right: initial;
  margin-left: .25rem
}
.fd-tile--action .fd-tile__action-indicator::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: SAP-icons;
  font-size: 1rem;
  color: #0854a0;
  color: var(--sapButton_IconColor,#0854a0);
  content: "\e1f2"
}
.fd-tile--action .fd-tile__action-close.is-hover,
.fd-tile--action .fd-tile__action-close:hover,
.fd-tile--action .fd-tile__action-indicator.is-hover,
.fd-tile--action .fd-tile__action-indicator:hover {
  background: 0 0;
  border-color: transparent
}
.fd-tile--action .fd-tile__action-close.is-active,
.fd-tile--action .fd-tile__action-close:active,
.fd-tile--action .fd-tile__action-indicator.is-active,
.fd-tile--action .fd-tile__action-indicator:active {
  background: 0 0;
  border-color: transparent
}
.fd-tile--action .fd-tile__action-close.is-active.is-focus,
.fd-tile--action .fd-tile__action-close.is-active:focus,
.fd-tile--action .fd-tile__action-close:active.is-focus,
.fd-tile--action .fd-tile__action-close:active:focus,
.fd-tile--action .fd-tile__action-indicator.is-active.is-focus,
.fd-tile--action .fd-tile__action-indicator.is-active:focus,
.fd-tile--action .fd-tile__action-indicator:active.is-focus,
.fd-tile--action .fd-tile__action-indicator:active:focus {
  z-index: 5;
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000)
}
.fd-tile--action.fd-tile--slide .fd-tile__action-indicator::before {
  color: #fff;
  color: var(--sapShell_Active_TextColor,#fff)
}
.fd-tile-container {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem);
  border: .0625rem solid transparent;
  border: .0625rem solid var(--sapTile_BorderColor,transparent);
  background-color: #fff;
  background-color: var(--sapTile_Background,#fff);
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.1),0 .125rem .5rem 0 rgba(0,0,0,.1);
  -webkit-box-shadow: var(--sapContent_Shadow0,0 0 0 .0625rem rgba(0,0,0,.1),0 .125rem .5rem 0 rgba(0,0,0,.1));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.1),0 .125rem .5rem 0 rgba(0,0,0,.1);
  box-shadow: var(--sapContent_Shadow0,0 0 0 .0625rem rgba(0,0,0,.1),0 .125rem .5rem 0 rgba(0,0,0,.1));
  padding: .5rem
}
.fd-tile-container::after,
.fd-tile-container::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile-container--list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  background-color: var(--sapGroup_ContentBackground,#fff)
}
.fd-tile-container--list .fd-tile--line {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
  max-height: 3.25rem
}
.fd-tile-container--list .fd-tile--line.fd-tile--compact {
  max-height: 2.875rem
}
.fd-tile-container--list .fd-tile--action .fd-tile__header {
  mask-image: -webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));
  mask-image: linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));
  -webkit-mask-image: -webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))
}
.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],
[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header {
  mask-image: -webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));
  mask-image: linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));
  -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))
}
.fd-tile-container--list .fd-tile__header {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.fd-tile--line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 2.25rem;
  max-height: 2.25rem;
  height: 100%;
  min-width: 2rem;
  max-width: 100%;
  width: auto;
  padding: 0 .5rem;
  margin-right: 1.25rem;
  margin-top: .125rem;
  margin-bottom: .125rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: 0 0
}
.fd-tile--line.is-hover,
.fd-tile--line:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-tile--line.is-active,
.fd-tile--line:active {
  -webkit-box-shadow: none;
  box-shadow: none
}
.fd-tile--line.is-disabled,
.fd-tile--line:disabled,
.fd-tile--line[aria-disabled=true] {
  opacity: .5;
  background: 0 0;
  pointer-events: none
}
.fd-tile--line[dir=rtl],
[dir=rtl] .fd-tile--line {
  margin-right: 0;
  margin-left: 1.25rem
}
.fd-tile--line:last-child {
  margin-right: 0
}
.fd-tile--line .fd-tile__header {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0
}
.fd-tile--line .fd-tile__title-container {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%
}
.fd-tile--line .fd-tile__title-container::after,
.fd-tile--line .fd-tile__title-container::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--line .fd-tile__subtitle,
.fd-tile--line .fd-tile__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  text-shadow: 0 0 .125rem #fff;
  text-shadow: var(--sapContent_TextShadow,0 0 .125rem #fff);
  color: #6a6d70;
  color: var(--sapTile_TextColor,#6a6d70);
  line-height: 1.625rem;
  min-width: 2rem
}
.fd-tile--line .fd-tile__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: .625rem;
  color: #0854a0;
  color: var(--sapButton_TextColor,#0854a0);
  display: inline;
  -webkit-line-clamp: initial
}
.fd-tile--line .fd-tile__title[dir=rtl],
[dir=rtl] .fd-tile--line .fd-tile__title {
  margin-right: 0;
  margin-left: .625rem
}
.fd-tile--line.fd-tile--compact {
  min-height: 1.625rem;
  max-height: 1.625rem
}
.fd-tile--line.fd-tile--compact .fd-tile__subtitle,
.fd-tile--line.fd-tile--compact .fd-tile__title {
  line-height: 1.4375rem
}
.fd-tile--line.fd-tile--compact .fd-tile__title {
  margin-right: .5rem
}
.fd-tile--line.fd-tile--compact .fd-tile__title[dir=rtl],
[dir=rtl] .fd-tile--line.fd-tile--compact .fd-tile__title {
  margin-right: 0;
  margin-left: .5rem
}
.fd-tile--line.fd-tile--action {
  padding-right: 0
}
.fd-tile--line.fd-tile--action[dir=rtl],
[dir=rtl] .fd-tile--line.fd-tile--action {
  padding-left: 0;
  padding-right: .5rem
}
.fd-tile--line.fd-tile--action .fd-tile__action-container {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: .25rem
}
.fd-tile--line.fd-tile--action .fd-tile__action-container::after,
.fd-tile--line.fd-tile--action .fd-tile__action-container::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tile--line.fd-tile--action .fd-tile__action-container[dir=rtl],
[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-container {
  margin-left: 0;
  margin-right: .25rem
}
.fd-tile--line.fd-tile--action .fd-tile__action-indicator {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0
}
.fd-tile--line.fd-tile--action .fd-tile__action-close {
  height: 1.625rem;
  min-height: 1.625rem;
  max-height: 1.625rem;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 .25rem
}
.fd-tile--line.fd-tile--action .fd-tile__action-close::before {
  margin: 0
}
.fd-tile--line.fd-tile--action .fd-tile__action-close::after {
  content: none
}
.fd-tile--line.fd-tile--action .fd-tile__action-close.is-focus,
.fd-tile--line.fd-tile--action .fd-tile__action-close:focus {
  z-index: 5;
  outline-style: dotted;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-offset: -.1875rem
}
.fd-tile--line .fd-badge {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: .375rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.fd-tile--line .fd-badge[dir=rtl],
[dir=rtl] .fd-tile--line .fd-badge {
  margin-left: .375rem;
  margin-right: 0
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

/*!
.fd-tree+(--header)
    .fd-tree__group+(--sublevel-1...-6, ([aria-hidden] | .is-hidden))
    .fd-tree__item
        .fd-tree__row+(--header, ([aria-selected] | .is-selected))
            .fd-tree__col+(--control, --actions)
                .fd-tree__control+([aria-pressed] | .is-pressed)
*/
.fd-tree {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-bottom-color: #eeeeef;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 12px;
  margin-left: 0
}
.fd-tree::after,
.fd-tree::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tree:last-child {
  margin-bottom: 0;
  margin-right: 0
}
.fd-tree:last-child {
  margin-bottom: 0
}
.fd-tree--header {
  border-bottom: 0;
  border-top-style: solid;
  border-top-width: 0;
  border-top-color: #eeeeef;
  margin-bottom: 0;
  background-color: #eeeeef
}
.fd-tree__group {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-transition: opacity 125ms linear;
  transition: opacity 125ms linear;
  max-height: auto;
  opacity: 1;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0
}
.fd-tree__group::after,
.fd-tree__group::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tree__group.is-hidden {
  display: none
}
.fd-tree__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border-top-style: solid;
  border-top-width: 0;
  border-top-color: #eeeeef;
  margin-bottom: 0;
  list-style: none
}
.fd-tree__item::after,
.fd-tree__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tree__row {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: background-color 125ms ease-in;
  transition: background-color 125ms ease-in
}
.fd-tree__row::after,
.fd-tree__row::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tree__row.is-hover,
.fd-tree__row:hover {
  background-color: #fafafa
}
.fd-tree__row--header {
  color: #6a6d70;
  background-color: #eeeeef;
  text-transform: uppercase
}
.fd-tree__row--header.is-hover,
.fd-tree__row--header:hover {
  background-color: initial
}
.fd-tree__row.is-selected,
.fd-tree__row[aria-selected=true] {
  background-color: rgba(10,110,209,.07)
}
.fd-tree__col {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 12px 0;
  padding-left: 30px
}
.fd-tree__col::after,
.fd-tree__col::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tree__col[dir=rtl],
[dir=rtl] .fd-tree__col {
  padding-left: 0;
  padding-right: 30px
}
.fd-tree__col--control {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: 20%
}
.fd-tree__group--sublevel-1 .fd-tree__col--control {
  padding-left: 60px
}
.fd-tree__group--sublevel-1 .fd-tree__col--control[dir=rtl],
[dir=rtl] .fd-tree__group--sublevel-1 .fd-tree__col--control {
  padding-left: 0;
  padding-right: 60px
}
.fd-tree__group--sublevel-2 .fd-tree__col--control {
  padding-left: 90px
}
.fd-tree__group--sublevel-2 .fd-tree__col--control[dir=rtl],
[dir=rtl] .fd-tree__group--sublevel-2 .fd-tree__col--control {
  padding-left: 0;
  padding-right: 90px
}
.fd-tree__group--sublevel-3 .fd-tree__col--control {
  padding-left: 120px
}
.fd-tree__group--sublevel-3 .fd-tree__col--control[dir=rtl],
[dir=rtl] .fd-tree__group--sublevel-3 .fd-tree__col--control {
  padding-left: 0;
  padding-right: 120px
}
.fd-tree__group--sublevel-4 .fd-tree__col--control {
  padding-left: 150px
}
.fd-tree__group--sublevel-4 .fd-tree__col--control[dir=rtl],
[dir=rtl] .fd-tree__group--sublevel-4 .fd-tree__col--control {
  padding-left: 0;
  padding-right: 150px
}
.fd-tree__group--sublevel-5 .fd-tree__col--control {
  padding-left: 180px
}
.fd-tree__group--sublevel-5 .fd-tree__col--control[dir=rtl],
[dir=rtl] .fd-tree__group--sublevel-5 .fd-tree__col--control {
  padding-left: 0;
  padding-right: 180px
}
.fd-tree__group--sublevel-6 .fd-tree__col--control {
  padding-left: 210px
}
.fd-tree__group--sublevel-6 .fd-tree__col--control[dir=rtl],
[dir=rtl] .fd-tree__group--sublevel-6 .fd-tree__col--control {
  padding-left: 0;
  padding-right: 210px
}
.fd-tree__group--sublevel-7 .fd-tree__col--control {
  padding-left: 240px
}
.fd-tree__group--sublevel-7 .fd-tree__col--control[dir=rtl],
[dir=rtl] .fd-tree__group--sublevel-7 .fd-tree__col--control {
  padding-left: 0;
  padding-right: 240px
}
.fd-tree__group--sublevel-8 .fd-tree__col--control {
  padding-left: 270px
}
.fd-tree__group--sublevel-8 .fd-tree__col--control[dir=rtl],
[dir=rtl] .fd-tree__group--sublevel-8 .fd-tree__col--control {
  padding-left: 0;
  padding-right: 270px
}
.fd-tree__col--actions {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: right
}
.fd-tree__col--actions::after,
.fd-tree__col--actions::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tree__col--actions[dir=rtl],
[dir=rtl] .fd-tree__col--actions {
  text-align: left
}
.fd-tree__control {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background-image: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  background-color: transparent;
  border-radius: .25rem;
  border-radius: var(--sapButton_BorderCornerRadius,.25rem);
  position: absolute;
  top: calc(50% - 18px / 2);
  margin: -8px 12px 0 -36px;
  width: 34px;
  height: 34px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: middle;
  -webkit-transition: -webkit-transform 125ms linear;
  transition: -webkit-transform 125ms linear;
  transition: transform 125ms linear;
  transition: transform 125ms linear,-webkit-transform 125ms linear;
  color: #0a6ed1
}
.fd-tree__control::after,
.fd-tree__control::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-tree__control::-moz-focus-inner {
  border: 0
}
.fd-tree__control::before {
  font-family: SAP-icons;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fd-tree__control::before {
  content: ""
}
.fd-tree__control.is-focus,
.fd-tree__control:focus {
  z-index: 5
}
.fd-tree__control[dir=rtl],
[dir=rtl] .fd-tree__control {
  margin-right: -40px;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
.fd-tree__control.is-pressed {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-time {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem
}
.fd-time::after,
.fd-time::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time__col {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: .5rem
}
.fd-time__col::after,
.fd-time__col::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time__col:last-child {
  margin-right: 0
}
.fd-time__current-indicator {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  width: 3rem;
  height: 2.875rem;
  border: .0625rem solid #0854a0;
  border: .0625rem solid var(--sapList_SelectionBorderColor,#0854a0);
  border-radius: .25rem;
  border-radius: var(--sapButton_BorderCornerRadius,.25rem)
}
.fd-time__current-indicator::after,
.fd-time__current-indicator::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time__wrapper {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 3rem
}
.fd-time__wrapper::after,
.fd-time__wrapper::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time__wrapper--active {
  max-height: 20.125rem;
  height: 20.125rem;
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: initial
}
.fd-time__wrapper--meridian .fd-time__item:first-child {
  margin-top: 8.625rem
}
.fd-time__wrapper--meridian .fd-time__item:last-child {
  margin-bottom: 8.625rem
}
.fd-time__wrapper--meridian .fd-time__list {
  height: 20.125rem
}
.fd-time__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  width: 3rem;
  height: 2.875rem;
  min-height: 2.875rem;
  border-radius: .25rem;
  border-radius: var(--sapButton_BorderCornerRadius,.25rem);
  background-color: #fafafa;
  background-color: var(--sapLegend_WorkingBackground,#fafafa);
  border: .0625rem solid #fff;
  border: .0625rem solid var(--sapList_Background,#fff)
}
.fd-time__item::after,
.fd-time__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time__item:hover {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-time__item:active {
  background-color: #0854a0;
  background-color: var(--sapContent_Selected_Background,#0854a0);
  border-color: transparent;
  color: #fff;
  color: var(--sapContent_Selected_TextColor,#fff)
}
.fd-time__item--current {
  border-color: #0854a0;
  border-color: var(--sapList_SelectionBorderColor,#0854a0);
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-time__item--current:hover {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-time__item--current:active {
  background-color: #0854a0;
  background-color: var(--sapContent_Selected_Background,#0854a0);
  border-color: transparent;
  color: #fff;
  color: var(--sapContent_Selected_TextColor,#fff)
}
.fd-time__item--collapsed {
  background-color: #0854a0;
  background-color: var(--sapContent_Selected_Background,#0854a0);
  color: #fff;
  color: var(--sapContent_Selected_TextColor,#fff);
  border-color: transparent
}
.fd-time__item--collapsed:hover {
  background-color: #095caf;
  background-color: var(--sapContent_Selected_Hover_Background,#095caf)
}
.fd-time__item--hidden {
  visibility: hidden
}
.fd-time__unit {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: inherit;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  line-height: 2.875rem
}
.fd-time__unit::after,
.fd-time__unit::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time__list {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: hidden
}
.fd-time__list::after,
.fd-time__list::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time__list::-webkit-scrollbar {
  display: none
}
.fd-time__slider-label {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  max-width: 100%;
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70);
  margin-right: .5rem;
  cursor: text;
  -ms-flex-item-align: start;
  align-self: flex-start;
  line-height: 2rem;
  height: 2rem;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  max-width: 3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  padding: 0;
  margin: 0;
  -ms-flex-item-align: auto;
  align-self: auto
}
.fd-time__slider-label::after,
.fd-time__slider-label::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time__slider-label[dir=rtl],
[dir=rtl] .fd-time__slider-label {
  margin-left: .5rem;
  margin-right: 0
}
.fd-time__slider-label[dir=rtl],
[dir=rtl] .fd-time__slider-label {
  padding: 0;
  margin: 0
}
.fd-time__control {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-time__control::after,
.fd-time__control::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-time--tablet {
  padding: .5rem
}
.fd-time--tablet .fd-time__item {
  height: 2.875rem;
  min-height: 2.875rem
}
.fd-time--compact {
  padding: .5rem
}
.fd-time--compact .fd-time__item {
  height: 2rem;
  min-height: 2rem
}
.fd-time--compact .fd-time__wrapper .fd-time__current-indicator {
  height: 2rem
}
.fd-time--compact .fd-time__wrapper.fd-time__wrapper--active {
  max-height: 14rem;
  height: 14rem
}
.fd-time--compact .fd-time__wrapper.fd-time__wrapper--meridian .fd-time__item:first-child {
  margin-top: 6rem
}
.fd-time--compact .fd-time__wrapper.fd-time__wrapper--meridian .fd-time__item:last-child {
  margin-bottom: 6rem
}
.fd-time--compact .fd-time__wrapper.fd-time__wrapper--meridian .fd-time__list {
  height: 14rem
}
.fd-time--compact .fd-time__unit {
  line-height: 2rem
}
.fd-time--scrollable .fd-time__list {
  overflow: auto
}
.fd-time[dir=rtl] .fd-time__col,
[dir=rtl] .fd-time .fd-time__col {
  margin-right: 0;
  margin-left: .5rem
}
.fd-time[dir=rtl] .fd-time__col:last-child,
[dir=rtl] .fd-time .fd-time__col:last-child {
  margin-left: 0
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-shellbar {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #354a5f;
  background-color: var(--sapShellColor,#354a5f);
  -webkit-box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  -webkit-box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  box-shadow: 0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9;
  box-shadow: var(--sapContent_HeaderShadow,0 0 .25rem 0 rgba(0,0,0,.15),inset 0 -.0625rem 0 0 #d9d9d9);
  height: 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  color: var(--sapShell_TextColor,#fff);
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem
}
.fd-shellbar::after,
.fd-shellbar::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-shellbar__group {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0
}
.fd-shellbar__group::after,
.fd-shellbar__group::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-shellbar__group--product {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}
.fd-shellbar__group--copilot {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}
.fd-shellbar__group--copilot .fd-shellbar__button {
  padding-left: 0
}
.fd-shellbar__group--actions {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}
.fd-shellbar__group .fd-shellbar__avatar--circle {
  background-color: #286eb4;
  background-color: var(--sapAccentColor6,#286eb4)
}
.fd-shellbar__subtitle,
.fd-shellbar__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #fff;
  color: var(--sapShell_TextColor,#fff);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none
}
.fd-shellbar__subtitle::after,
.fd-shellbar__subtitle::before,
.fd-shellbar__title::after,
.fd-shellbar__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
@media (min-width:600px) {
  .fd-shellbar__subtitle,
  .fd-shellbar__title {
    display: inline-block
  }
}
.fd-shellbar__subtitle {
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  margin-left: .5rem
}
.fd-shellbar__subtitle[dir=rtl],
[dir=rtl] .fd-shellbar__subtitle {
  margin-left: 0;
  margin-right: .5rem
}
@media (min-width:320px) {
  .fd-shellbar__subtitle {
    display: none
  }
}
@media (min-width:600px) {
  .fd-shellbar__subtitle {
    display: none
  }
}
@media (min-width:1024px) {
  .fd-shellbar__subtitle {
    display: inline-block
  }
}
.fd-shellbar__logo,
.fd-shellbar__product,
.fd-shellbar__subtitle {
  display: inline-block;
  vertical-align: middle
}
.fd-shellbar__title {
  font-weight: 700;
  padding-right: 0;
  vertical-align: middle
}
.fd-shellbar__title[dir=rtl],
[dir=rtl] .fd-shellbar__title {
  padding-right: .5rem;
  padding-left: 0
}
.fd-shellbar__logo {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  padding-left: 0;
  margin-right: .5rem;
  max-height: 2rem;
  background-repeat: no-repeat;
  background-size: contain
}
.fd-shellbar__logo::after,
.fd-shellbar__logo::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-shellbar__logo[dir=rtl],
[dir=rtl] .fd-shellbar__logo {
  padding-right: 0;
  margin-right: 0;
  margin-left: .5rem
}
.fd-shellbar__logo > * {
  line-height: 0;
  max-height: 2.5rem;
  width: auto;
  display: block
}
.fd-shellbar__logo--image-replaced {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTIuMzggMjA0Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMntmaWxsLXJ1bGU6ZXZlbm9kZH0uY2xzLTF7ZmlsbDp1cmwoI2xpbmVhci1ncmFkaWVudCl9LmNscy0ye2ZpbGw6I2ZmZn08L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMjA2LjE5IiB4Mj0iMjA2LjE5IiB5Mj0iMjA0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDBiOGYxIi8+PHN0b3Agb2Zmc2V0PSIuMDIiIHN0b3AtY29sb3I9IiMwMWI2ZjAiLz48c3RvcCBvZmZzZXQ9Ii4zMSIgc3RvcC1jb2xvcj0iIzBkOTBkOSIvPjxzdG9wIG9mZnNldD0iLjU4IiBzdG9wLWNvbG9yPSIjMTc3NWM4Ii8+PHN0b3Agb2Zmc2V0PSIuODIiIHN0b3AtY29sb3I9IiMxYzY1YmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxZTVmYmIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+U0FQX2dyYWRfUl9zY3JuX1plaWNoZW5mbMOkY2hlIDE8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTI0NC43MyAzOC4zNmgtNDAuNnY5Ni41MmwtMzUuNDYtOTYuNTVoLTM1LjE2bC0zMC4yNyA4MC43MkMxMDAgOTguNyA3OSA5MS42NyA2Mi40IDg2LjQgNTEuNDYgODIuODkgMzkuODUgNzcuNzIgNDAgNzJjLjA5LTQuNjggNi4yMy05IDE4LjM4LTguMzggOC4xNy40MyAxNS4zNyAxLjA5IDI5LjcxIDhsMTQuMS0yNC41NUM4OS4wNiA0MC40MiA3MSAzNi4yMSA1Ni4xNyAzNi4xOWgtLjA5Yy0xNy4yOCAwLTMxLjY4IDUuNi00MC42IDE0LjgzQTM0LjIzIDM0LjIzIDAgMCAwIDUuNzcgNzQuN0M1LjU0IDg3LjE1IDEwLjExIDk2IDE5LjcxIDEwM2M4LjEgNS45NCAxOC40NiA5Ljc5IDI3LjYgMTIuNjIgMTEuMjcgMy40OSAyMC40NyA2LjUzIDIwLjM2IDEzQTkuNTcgOS41NyAwIDAgMSA2NSAxMzVjLTIuODEgMi45LTcuMTMgNC0xMy4wOSA0LjEtMTEuNDkuMjQtMjAtMS41Ni0zMy42MS05LjU5TDUuNzcgMTU0LjQyYTkzLjc3IDkzLjc3IDAgMCAwIDQ2IDEyLjIyaDIuMTFjMTQuMjQtLjI1IDI1Ljc0LTQuMzEgMzQuOTItMTEuNzEuNTMtLjQxIDEtLjg0IDEuNDktMS4yOGwtNC4xMiAxMC44NUgxMjNsNi4xOS0xOC44MmE2Ny40NiA2Ny40NiAwIDAgMCAyMS42OCAzLjQzIDY4LjMzIDY4LjMzIDAgMCAwIDIxLjE2LTMuMjVsNiAxOC42NGg2MC4xNHYtMzloMTMuMTFjMzEuNzEgMCA1MC40Ni0xNi4xNSA1MC40Ni00My4yIDAtMzAuMTEtMTguMjItNDMuOTQtNTcuMDEtNDMuOTR6TTE1MC45MSAxMjFhMzYuOTMgMzYuOTMgMCAwIDEtMTMtMi4yOGwxMi44Ny00MC41OWguMjJsMTIuNjUgNDAuNzFhMzguNSAzOC41IDAgMCAxLTEyLjc0IDIuMTZ6bTk2LjItMjMuMzNoLTguOTRWNjQuOTFoOC45NGMxMS45MyAwIDIxLjQ0IDQgMjEuNDQgMTYuMTQgMCAxMi42LTkuNTEgMTYuNTctMjEuNDQgMTYuNTciLz48L3N2Zz4=);
  width: 48px;
  height: 24px
}
.fd-shellbar__action {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  padding-right: 0;
  padding-left: .5rem
}
.fd-shellbar__action::after,
.fd-shellbar__action::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-shellbar__action[dir=rtl],
[dir=rtl] .fd-shellbar__action {
  padding-right: .5rem;
  padding-left: 0
}
.fd-shellbar__action > * {
  vertical-align: middle
}
@media (min-width:320px) {
  .fd-shellbar__action--mobile {
    display: inline-block
  }
}
@media (min-width:600px) {
  .fd-shellbar__action--mobile {
    display: inline-block
  }
}
@media (min-width:1024px) {
  .fd-shellbar__action--mobile {
    display: none
  }
}
@media (min-width:320px) {
  .fd-shellbar__action--desktop {
    display: none
  }
}
@media (min-width:600px) {
  .fd-shellbar__action--desktop {
    display: none
  }
}
@media (min-width:1024px) {
  .fd-shellbar__action--desktop {
    display: inline-block
  }
}
.fd-shellbar__action .fd-shellbar__counter--notification {
  max-width: 2.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  background: #d04343;
  background: var(--sapContent_BadgeBackground,#d04343);
  border: #d04343;
  border: var(--sapContent_BadgeBackground,#d04343);
  color: #fff;
  color: var(--sapShell_TextColor,#fff);
  line-height: .8;
  max-height: 1rem;
  overflow: hidden;
  right: -.25rem;
  top: -.25rem;
  -webkit-transform: none;
  transform: none
}
.fd-shellbar__action .fd-shellbar__counter--notification[dir=rtl],
[dir=rtl] .fd-shellbar__action .fd-shellbar__counter--notification {
  -webkit-transform: none;
  transform: none;
  right: initial;
  left: -.25rem
}
.fd-shellbar__action .fd-shellbar__input-group__addon {
  background-color: transparent
}
.fd-shellbar__action .fd-shellbar__input-group__addon .fd-shellbar__button {
  border-radius: 0
}
.fd-shellbar__action .fd-shellbar__input-group {
  background-color: transparent;
  cursor: text
}
.fd-shellbar__action .fd-shellbar__input-group:hover {
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a)
}
.fd-shellbar__action .fd-shellbar__input-group .fd-shellbar__input-group__input {
  border: none;
  color: #fff;
  color: var(--sapShell_TextColor,#fff)
}
.fd-shellbar__action .fd-shellbar__input-group .fd-shellbar__input-group__input:hover {
  background-color: #283848;
  background-color: var(--sapShell_Hover_Background,#283848)
}
.fd-shellbar__popover__body--right::after,
.fd-shellbar__popover__body--right::before {
  right: 14px
}
.fd-shellbar .fd-button.fd-shellbar__button {
  position: relative;
  border-color: transparent;
  background: 0 0;
  color: #d1e8ff;
  color: var(--sapShell_InteractiveTextColor,#d1e8ff);
  overflow: visible;
  padding: 0;
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-shellbar .fd-button.fd-shellbar__button:hover {
  background: #283848;
  background: var(--sapShell_Hover_Background,#283848)
}
.fd-shellbar .fd-button.fd-shellbar__button:active {
  background: #23303e;
  background: var(--sapShell_Active_Background,#23303e);
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-shellbar .fd-button.fd-shellbar__button:active,
.fd-shellbar .fd-button.fd-shellbar__button:hover {
  color: #fff;
  color: var(--sapShell_Active_TextColor,#fff)
}
.fd-shellbar .fd-button.fd-shellbar__button.is-hover.is-disabled,
.fd-shellbar .fd-button.fd-shellbar__button.is-hover:disabled,
.fd-shellbar .fd-button.fd-shellbar__button.is-hover[aria-disabled=true],
.fd-shellbar .fd-button.fd-shellbar__button:hover.is-disabled,
.fd-shellbar .fd-button.fd-shellbar__button:hover:disabled,
.fd-shellbar .fd-button.fd-shellbar__button:hover[aria-disabled=true] {
  background: 0 0
}
.fd-shellbar .fd-button.fd-shellbar__button.sap-icon--bell::before {
  margin-right: 0
}
.fd-shellbar .fd-button.fd-shellbar__button.sap-icon--bell[dir=rtl]::before,
[dir=rtl] .fd-shellbar .fd-button.fd-shellbar__button.sap-icon--bell::before {
  margin-left: 0
}
.fd-shellbar .fd-button.fd-shellbar__button.fd-shellbar__button--user-menu {
  outline-offset: .1px
}
.fd-shellbar .fd-button.fd-shellbar__button--menu {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
.fd-shellbar .fd-button.fd-shellbar__button--menu::after {
  color: #d1e8ff;
  color: var(--sapShell_InteractiveTextColor,#d1e8ff);
  content: "\e287"
}
.fd-shellbar .fd-button.fd-shellbar__button--menu:hover {
  background: #283848;
  background: var(--sapShell_Hover_Background,#283848);
  border-color: transparent
}
.fd-shellbar .fd-button.fd-shellbar__button--menu:active,
.fd-shellbar .fd-button.fd-shellbar__button--menu:focus {
  background: #23303e;
  background: var(--sapShell_Active_Background,#23303e);
  color: #fff;
  color: var(--sapShell_Active_TextColor,#fff);
  outline-color: #fff;
  outline-color: var(--sapContent_ContrastFocusColor,#fff)
}
@media only screen and (max-width:600px) {
  .fd-shellbar .fd-button.fd-button--menu.fd-shellbar__button--menu {
    padding: 0
  }
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.drag-placeholder {
  position: absolute;
  opacity: .3
}
/*!
.fd-product-switch
*/
.fd-product-switch {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0
}
.fd-product-switch::after,
.fd-product-switch::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch .fd-button.fd-product-switch__control {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  color: #d1e8ff;
  color: var(--sapShell_InteractiveTextColor,#d1e8ff)
}
.fd-product-switch .fd-button.fd-product-switch__control::after,
.fd-product-switch .fd-button.fd-product-switch__control::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch .fd-button.fd-product-switch__control::before {
  margin-right: 0
}
.fd-product-switch .fd-button.fd-product-switch__control.is-hover,
.fd-product-switch .fd-button.fd-product-switch__control:hover {
  color: #d1e8ff;
  color: var(--sapShell_InteractiveTextColor,#d1e8ff);
  background-color: #283848;
  background-color: var(--sapShell_Hover_Background,#283848)
}
.fd-product-switch .fd-button.fd-product-switch__control.is-hover.is-disabled,
.fd-product-switch .fd-button.fd-product-switch__control.is-hover:disabled,
.fd-product-switch .fd-button.fd-product-switch__control.is-hover[aria-disabled=true],
.fd-product-switch .fd-button.fd-product-switch__control:hover.is-disabled,
.fd-product-switch .fd-button.fd-product-switch__control:hover:disabled,
.fd-product-switch .fd-button.fd-product-switch__control:hover[aria-disabled=true] {
  color: #d1e8ff;
  color: var(--sapShell_InteractiveTextColor,#d1e8ff);
  opacity: .4%
}
.fd-product-switch .fd-button.fd-product-switch__control.is-disabled,
.fd-product-switch .fd-button.fd-product-switch__control:disabled,
.fd-product-switch .fd-button.fd-product-switch__control[aria-disabled=true] {
  opacity: .4%
}
.fd-product-switch .fd-button.fd-product-switch__control.is-active,
.fd-product-switch .fd-button.fd-product-switch__control.is-pressed,
.fd-product-switch .fd-button.fd-product-switch__control.is-selected,
.fd-product-switch .fd-button.fd-product-switch__control:active,
.fd-product-switch .fd-button.fd-product-switch__control[aria-pressed=true],
.fd-product-switch .fd-button.fd-product-switch__control[aria-selected=true] {
  color: #fff;
  color: var(--sapShell_Active_TextColor,#fff);
  background-color: #23303e;
  background-color: var(--sapShell_Active_Background,#23303e)
}
.fd-product-switch__list {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 47rem
}
.fd-product-switch__list::after,
.fd-product-switch__list::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: 7rem;
  max-width: 11.25rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
  padding: .5rem;
  margin-right: .5rem;
  margin-bottom: .5rem;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff);
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-product-switch__item::after,
.fd-product-switch__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch__item .fd-product-switch__title:not(:last-child) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-product-switch__item .fd-product-switch__title::after,
.fd-product-switch__item .fd-product-switch__title::before {
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-product-switch__item.selected {
  background-color: #e5f0fa;
  background-color: var(--sapList_SelectionBackgroundColor,#e5f0fa);
  border: .125rem solid;
  border-color: #0854a0;
  border-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-product-switch__item.selected .fd-product-switch__title::after,
.fd-product-switch__item.selected .fd-product-switch__title::before {
  background-color: #e5f0fa;
  background-color: var(--sapList_SelectionBackgroundColor,#e5f0fa)
}
.fd-product-switch__item.selected:hover {
  background-color: #d8e9f8;
  background-color: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-product-switch__item.selected:hover .fd-product-switch__title::after,
.fd-product-switch__item.selected:hover .fd-product-switch__title::before {
  background-color: #d8e9f8;
  background-color: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-product-switch__item.selected:active {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-product-switch__item.selected:active .fd-product-switch__title::after,
.fd-product-switch__item.selected:active .fd-product-switch__title::before {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-product-switch__item:focus {
  outline: 0;
  border: .0625rem dotted;
  border-color: #000;
  border-color: var(--sapContent_FocusColor,#000);
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-product-switch__item.dragged {
  background-color: #fff;
  background-color: var(--sapList_Background,#fff);
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow2,0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow2,0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3))
}
.fd-product-switch__item.dragged:active,
.fd-product-switch__item.dragged:hover {
  background-color: #fff;
  background-color: var(--sapList_Background,#fff)
}
.fd-product-switch__item.dragged:active .fd-product-switch__icon,
.fd-product-switch__item.dragged:hover .fd-product-switch__icon {
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0)
}
.fd-product-switch__item.dragged:active .fd-product-switch__title,
.fd-product-switch__item.dragged:hover .fd-product-switch__title {
  color: #32363a;
  color: var(--sapGroup_TitleTextColor,#32363a)
}
.fd-product-switch__item.dragged:active .fd-product-switch__subtitle,
.fd-product-switch__item.dragged:hover .fd-product-switch__subtitle {
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70)
}
.fd-product-switch__item.dragged.selected {
  border: none;
  -webkit-box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3);
  -webkit-box-shadow: var(--sapContent_Shadow2,0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3));
  box-shadow: 0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3);
  box-shadow: var(--sapContent_Shadow2,0 0 0 .0625rem rgba(0,0,0,.42),0 .625rem 1.875rem 0 rgba(0,0,0,.3))
}
.fd-product-switch__item.dragged:focus {
  outline: 0
}
.fd-product-switch__item:hover {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5);
  cursor: pointer
}
.fd-product-switch__item:hover .fd-product-switch__title::after,
.fd-product-switch__item:hover .fd-product-switch__title::before {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-product-switch__item:active {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-product-switch__item:active .fd-product-switch__icon,
.fd-product-switch__item:active .fd-product-switch__subtitle,
.fd-product-switch__item:active .fd-product-switch__title {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}
.fd-product-switch__item:active .fd-product-switch__title::after,
.fd-product-switch__item:active .fd-product-switch__title::before {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-product-switch__item:active:hover .fd-product-switch__title::after,
.fd-product-switch__item:active:hover .fd-product-switch__title::before {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-product-switch__icon {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 3rem;
  min-height: 3rem;
  font-size: 1.5rem;
  margin-bottom: .5rem;
  color: #0854a0;
  color: var(--sapContent_IconColor,#0854a0)
}
.fd-product-switch__icon::after,
.fd-product-switch__icon::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch__text {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  overflow: hidden;
  max-height: 2.5rem
}
.fd-product-switch__text::after,
.fd-product-switch__text::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch__title {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  max-height: 2.5rem;
  line-height: 1.25rem;
  font-size: .875rem;
  font-size: var(--sapFontHeader6Size,.875rem);
  color: #32363a;
  color: var(--sapGroup_TitleTextColor,#32363a);
  white-space: normal;
  z-index: 1;
  position: relative;
  line-height: 1.25rem;
  max-height: 2.5rem;
  overflow: hidden;
  margin-right: -1em;
  padding-right: 1em
}
.fd-product-switch__title::after,
.fd-product-switch__title::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch__title::before {
  position: absolute;
  content: "...";
  right: 0;
  bottom: 1px
}
.fd-product-switch__title::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: .2em;
  background: 0 0
}
.fd-product-switch__title::after,
.fd-product-switch__title::before {
  content: none
}
.fd-product-switch__title:last-child::after {
  content: ""
}
.fd-product-switch__title:last-child::before {
  content: "..."
}
.fd-product-switch__title::before {
  left: 9.4rem;
  width: 1rem;
  z-index: 2
}
.fd-product-switch__title::after {
  width: 1rem;
  left: 9.4rem;
  z-index: 3
}
.fd-product-switch__subtitle {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25rem;
  font-size: .75rem;
  font-size: var(--sapFontSmallSize,.75rem);
  color: #6a6d70;
  color: var(--sapContent_LabelColor,#6a6d70)
}
.fd-product-switch__subtitle::after,
.fd-product-switch__subtitle::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch__body {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: calc(100vh - 76px);
  overflow-y: auto;
  padding: 1.5rem .5rem 1rem 1rem;
  background-color: #fff;
  background-color: var(--sapList_Background,#fff);
  border-radius: .25rem;
  border-radius: var(--sapElement_BorderCornerRadius,.25rem)
}
.fd-product-switch__body::after,
.fd-product-switch__body::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch__body--col-3 .fd-product-switch__list {
  width: 35.25rem
}
.fd-product-switch__body--mobile {
  padding: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden
}
.fd-product-switch__body--mobile .fd-product-switch__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}
.fd-product-switch__body--mobile .fd-product-switch__item {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  max-width: 100%;
  max-height: 5rem;
  padding: 1rem;
  text-align: left;
  border-radius: 0;
  border: none;
  border-bottom: .0625rem solid;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  border-bottom-color: #d8d8d8;
  border-bottom-color: var(--sapList_GroupHeaderBorderColor,#d8d8d8)
}
.fd-product-switch__body--mobile .fd-product-switch__item::after,
.fd-product-switch__body--mobile .fd-product-switch__item::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title::after,
.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title::before {
  background-color: #fff;
  background-color: var(--sapTile_Background,#fff)
}
.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title::after,
.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title::before {
  background-color: #f5f5f5;
  background-color: var(--sapList_Hover_Background,#f5f5f5)
}
.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title::after,
.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title::before {
  background-color: #0854a0;
  background-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-product-switch__body--mobile .fd-product-switch__item.selected {
  border-bottom-color: #0854a0;
  border-bottom-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title::after,
.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title::before {
  background-color: #0854a0;
  background-color: var(--sapList_SelectionBorderColor,#0854a0)
}
.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title::after,
.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title::before {
  background-color: #d8e9f8;
  background-color: var(--sapList_Hover_SelectionBackground,#d8e9f8)
}
.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title::after,
.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title::before {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title::after,
.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title::before {
  background-color: #0854a0;
  background-color: var(--sapList_Active_Background,#0854a0)
}
.fd-product-switch__body--mobile .fd-product-switch__item:focus {
  outline: 0;
  border: .0625rem dotted;
  border-color: #000;
  border-color: var(--sapContent_FocusColor,#000);
  border-radius: 0
}
.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title::after,
.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title::before {
  left: 21.7rem;
  width: 1rem;
  z-index: 2
}
.fd-product-switch__body--mobile .fd-product-switch__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%
}
.fd-product-switch__body--mobile .fd-product-switch__icon {
  margin-bottom: 0;
  margin-right: .75rem
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon {
  margin-right: 0;
  margin-left: .75rem
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child),
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child)::after,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child)::after {
  display: none
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child)::before,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child)::before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__title::before,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title::before {
  right: 21.8rem;
  width: 2rem
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle {
  position: relative;
  line-height: 1.25rem;
  max-height: 1.25rem;
  overflow: hidden;
  margin-right: -1em;
  padding-right: 1em
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle::before,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle::before {
  position: absolute;
  content: "...";
  right: 0;
  bottom: 1px
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle::after,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: .2em;
  background: 0 0
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle::before,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle::before {
  right: 21.8rem;
  width: 2rem;
  text-align: right;
  z-index: 2
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle::after,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle::after {
  z-index: 3;
  display: none
}
.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item:active .fd-product-switch__subtitle,
[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__subtitle {
  color: #fff;
  color: var(--sapList_Active_TextColor,#fff)
}/*!
 * Fundamental Library Styles v0.11.3-rc.21
 * Copyright (c) 2020 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE)
 */

.fd-step-input {
  font-size: .875rem;
  font-size: var(--sapFontSize,.875rem);
  line-height: 1.4;
  line-height: var(--sapContent_LineHeight,1.4);
  color: #32363a;
  color: var(--sapTextColor,#32363a);
  font-family: "72", "72full", Arial, Helvetica, sans-serif;
  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
  border-style: solid;
  border-width: .0625rem;
  border-width: var(--sapField_BorderWidth,.0625rem);
  border-color: #89919a;
  border-color: var(--sapField_BorderColor,#89919a);
  border-radius: .125rem;
  border-radius: var(--sapField_BorderCornerRadius,.125rem);
  background-color: #fff;
  background-color: var(--sapField_Background,#fff);
  height: 2.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 0
}
.fd-step-input::after,
.fd-step-input::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font-size: inherit
}
.fd-step-input.is-hover,
.fd-step-input:hover {
  background-color: #fff;
  background-color: var(--sapField_Hover_Background,#fff);
  border-color: #0854a0;
  border-color: var(--sapField_Hover_BorderColor,#0854a0)
}
.fd-step-input.is-success {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e);
  border-width: .0625rem
}
.fd-step-input.is-success.is-hover,
.fd-step-input.is-success:hover {
  background-color: #fff;
  background-color: var(--sapField_SuccessBackground,#fff);
  border-color: #107e3e;
  border-color: var(--sapField_SuccessColor,#107e3e)
}
.fd-step-input.is-error {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-step-input.is-error.is-hover,
.fd-step-input.is-error:hover {
  background-color: #fff;
  background-color: var(--sapField_InvalidBackground,#fff);
  border-color: #b00;
  border-color: var(--sapField_InvalidColor,#b00)
}
.fd-step-input.is-alert,
.fd-step-input.is-warning {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-step-input.is-alert.is-hover,
.fd-step-input.is-alert:hover,
.fd-step-input.is-warning.is-hover,
.fd-step-input.is-warning:hover {
  background-color: #fff;
  background-color: var(--sapField_WarningBackground,#fff);
  border-color: #e9730c;
  border-color: var(--sapField_WarningColor,#e9730c)
}
.fd-step-input.is-information {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-step-input.is-information.is-hover,
.fd-step-input.is-information:hover {
  background-color: #fff;
  background-color: var(--sapField_InformationBackground,#fff);
  border-color: #0a6ed1;
  border-color: var(--sapField_InformationColor,#0a6ed1)
}
.fd-step-input.is-focus,
.fd-step-input:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-step-input.is-alert,
.fd-step-input.is-error,
.fd-step-input.is-information,
.fd-step-input.is-warning {
  border-width: .125rem
}
.fd-step-input.is-alert.is-focus,
.fd-step-input.is-alert:focus,
.fd-step-input.is-error.is-focus,
.fd-step-input.is-error:focus,
.fd-step-input.is-information.is-focus,
.fd-step-input.is-information:focus,
.fd-step-input.is-warning.is-focus,
.fd-step-input.is-warning:focus {
  z-index: 5;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline-offset: -.25rem
}
.fd-step-input.is-disabled,
.fd-step-input:disabled,
.fd-step-input[aria-disabled=true] {
  pointer-events: none;
  opacity: .4;
  opacity: var(--sapContent_DisabledOpacity,.4)
}
.fd-step-input.is-disabled::-webkit-input-placeholder,
.fd-step-input:disabled::-webkit-input-placeholder,
.fd-step-input[aria-disabled=true]::-webkit-input-placeholder {
  color: transparent
}
.fd-step-input.is-disabled::-moz-placeholder,
.fd-step-input:disabled::-moz-placeholder,
.fd-step-input[aria-disabled=true]::-moz-placeholder {
  color: transparent
}
.fd-step-input.is-disabled:-ms-input-placeholder,
.fd-step-input:disabled:-ms-input-placeholder,
.fd-step-input[aria-disabled=true]:-ms-input-placeholder {
  color: transparent
}
.fd-step-input.is-disabled::-ms-input-placeholder,
.fd-step-input:disabled::-ms-input-placeholder,
.fd-step-input[aria-disabled=true]::-ms-input-placeholder {
  color: transparent
}
.fd-step-input.is-disabled::placeholder,
.fd-step-input:disabled::placeholder,
.fd-step-input[aria-disabled=true]::placeholder {
  color: transparent
}
.fd-step-input.is-readonly,
.fd-step-input[aria-readonly=true],
.fd-step-input[readonly] {
  background-color: rgba(242,242,242,.5);
  background-color: rgba(242,242,242,.5);
  background-color: var(--sapField_ReadOnly_Background,rgba(242,242,242,.5));
  border-color: #89919a;
  border-color: var(--sapField_ReadOnly_BorderColor,#89919a)
}
.fd-step-input.is-readonly::-webkit-input-placeholder,
.fd-step-input[aria-readonly=true]::-webkit-input-placeholder,
.fd-step-input[readonly]::-webkit-input-placeholder {
  color: transparent
}
.fd-step-input.is-readonly::-moz-placeholder,
.fd-step-input[aria-readonly=true]::-moz-placeholder,
.fd-step-input[readonly]::-moz-placeholder {
  color: transparent
}
.fd-step-input.is-readonly:-ms-input-placeholder,
.fd-step-input[aria-readonly=true]:-ms-input-placeholder,
.fd-step-input[readonly]:-ms-input-placeholder {
  color: transparent
}
.fd-step-input.is-readonly::-ms-input-placeholder,
.fd-step-input[aria-readonly=true]::-ms-input-placeholder,
.fd-step-input[readonly]::-ms-input-placeholder {
  color: transparent
}
.fd-step-input.is-readonly::placeholder,
.fd-step-input[aria-readonly=true]::placeholder,
.fd-step-input[readonly]::placeholder {
  color: transparent
}
.fd-step-input:focus-within {
  outline-offset: -.1875rem;
  outline-width: .0625rem;
  outline-width: var(--sapContent_FocusWidth,.0625rem);
  outline-color: #000;
  outline-color: var(--sapContent_FocusColor,#000);
  outline-style: dotted;
  outline-style: var(--sapContent_FocusStyle,dotted)
}
.fd-step-input__button.fd-button {
  width: 2.125rem;
  min-width: 2.125rem;
  height: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.fd-step-input__button.fd-button::after,
.fd-step-input__button.fd-button::before {
  font-size: .875rem;
  margin: 0
}
.fd-step-input__button.fd-button.is-focus,
.fd-step-input__button.fd-button:focus {
  z-index: 5;
  outline: 0
}
.fd-step-input__button.fd-button.is-focus.is-hover,
.fd-step-input__button.fd-button.is-focus:hover,
.fd-step-input__button.fd-button:focus.is-hover,
.fd-step-input__button.fd-button:focus:hover {
  z-index: auto
}
.fd-step-input__button.fd-button--compact {
  width: 1.5rem;
  min-width: 1.5rem
}
.fd-step-input__input.fd-input {
  width: auto;
  height: 100%;
  text-align: right;
  border: none;
  margin: 0;
  padding: 0 .25rem;
  background-color: transparent
}
.fd-step-input__input.fd-input[dir=rtl],
[dir=rtl] .fd-step-input__input.fd-input {
  text-align: left
}
.fd-step-input__input.fd-input:focus {
  outline: 0
}
.fd-step-input__input.fd-input--compact {
  height: 100%
}
.fd-step-input.is-error .fd-step-input__button.fd-button,
.fd-step-input.is-information .fd-step-input__button.fd-button,
.fd-step-input.is-warning .fd-step-input__button.fd-button {
  width: calc(2.125rem - .125rem);
  min-width: calc(2.125rem - .125rem)
}
.fd-step-input--compact {
  height: 1.625rem
}
.fd-step-input--compact.is-error .fd-step-input__button.fd-button,
.fd-step-input--compact.is-information .fd-step-input__button.fd-button,
.fd-step-input--compact.is-warning .fd-step-input__button.fd-button {
  width: calc(1.5rem - .125rem);
  min-width: calc(1.5rem - .125rem)
}
.fd-step-input.is-readonly .fd-step-input__button.fd-button {
  display: none
}