@font-face {
    font-family: 'SAP-icons';
    src: url('fonts/SAP-icons.ttf'), url('fonts/SAP-icons.woff'), url('fonts/SAP-icons.eot');
    /* IE9+ */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '72-Light';
    src: url('fonts/72-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.extScenario-resources-light {
    color: #0070b1 !important;
    font-size: 20px !important;
    font-weight: 100 !important;
    font-family: "72-Light", Arial, sans-serif !important;
    line-height: 28px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 25px;
    margin-bottom: 10px;
    max-width: 80% !important;
}

.linkNavigate_snapExtScenario.sapMLnk {
    color: #ffffff !important;
    text-decoration: none !important;
}

.linkNavigate_snapExtScenario.sapMLnk:focus {
    outline-style: auto !important;
    outline-color: #5485c8 !important;
    outline-width: thin !important;
}

.extScenario-resources-light1 {
    color: #0070b1 !important;
    font-size: 20px !important;
    font-weight: 100 !important;
    font-family: '72-Light' !important;
    margin-right: 61% !important;
    margin-top: 3% !important;
}

.extScenario-resources-light2 {
    color: #0070b1 !important;
    font-size: 20px !important;
    font-weight: 100 !important;
    font-family: '72-Light' !important;
    margin-right: 53% !important;
}

.extScenario-resources-light3 {
    color: #0070b1 !important;
    font-size: 20px !important;
    font-weight: 100 !important;
    font-family: '72-Light' !important;
    margin-right: 58% !important;
    margin-top: 3% !important;
}

.extScenario-descriptionText-light-first {
    color: #3f5060 !important;
    font-weight: 100 important;
    line-height: 25px !important;
    font-size: 16px !important;
    position: relative !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 70% !important;
    text-align: left !important;
}

.extScenario-descriptionText-light-block-description {
    color: #3f5060 !important;
    font-weight: 100 important;
    line-height: 25px !important;
    font-size: 16px !important;
    position: relative !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 70% !important;
    text-align: left !important;
    padding-top: 2% !important;
}

.extScenario-descriptionText-light {
    color: #3f5060 !important;
    font-weight: 100 important;
    line-height: 25px !important;
    font-size: 16px !important;
    position: relative !important;
    display: block !important;
    margin-right: auto !important;
    width: 90% !important;
    text-align: left !important;
    padding-top: 2% !important;
}

.extScenario-descriptionText-light1 {
    font-family: "72-Light", Arial, sans-serif !important;
    color: #3f5060;
    font-weight: 100;
    line-height: 28px;
    font-size: .875rem !important;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 86%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style-type: disc;
    display: table !important;
}

.extScenario-descriptionText-light1 .sapMLnk{
    vertical-align: middle !important;
}

.extScenario_descriptionText-light {
    font-family: "72-Light", Arial, sans-serif !important;
    color: #3f5060;
    font-weight: 100;
    line-height: 28px;
    font-size: 16px;
    position: relative;
    display: table !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 92%;
    text-align: left;
    list-style-type: disc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.extScenario_section_sub div[class*="sapUiRespGrid"]>div[class*="sapUiRespGridSpan"] {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0px !important;
}

.extScenario_section2_sub div[class*="sapUiRespGrid"]>div[class*="sapUiRespGridSpan"] {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0px !important;
    text-align: left !important;
}

.extScenario_section3_sub div[class*="sapUiRespGrid"]>div[class*="sapUiRespGridSpan"] {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0px !important;
}

.extScenario_section_sub .sapUiFormM .sapUiRespGrid {
    margin-left: auto;
    margin-right: auto;
    width: 85% !important;
}

.extScenario_section2_sub .sapUiFormM .sapUiRespGrid {
    margin-left: auto;
    margin-right: auto;
    width: 85% !important;
}

.formLayout_details {
    width: 82% !important;
    margin-left: auto;
    margin-right: auto;
}

.formLayout_description {
    width: 82% !important;
    margin-left: auto;
    margin-right: auto;
}

.extScenario_section2_sub .sapUiFormTitle {
    text-align: left !important;
    padding-left: 0% !important;
}

.extScenario_section_sub .sapUiIcon,
.extScenario_section2_sub .sapUiIcon {
    color: #fbba00;
    margin-right: 1.0rem !important;
    font-size: 16px !important;
}

.sapUxAPBlockContainerDesktop {
    padding: 0rem !important;
}


/*html.sap-desktop .sapMBtn:focus>.sapMFocusable {
    outline: none !important;
}*/

.sapUxAPObjectPageSectionHeader {
    border-bottom: none !important;
}


/*.sapUiFormTitle {
    text-align: left !important;
    padding-left: 18% !important;
    font-family: '72' !important;
    font-size: 22px !important;
    color: #3F5060 !important;
}*/

/*.sapUiFormM .sapUiRespGrid {
    padding-left: 5% !important;
    padding-top: 2% !important;
    width: 133% !important;
}*/

.sapUiFormResGridLastContL .sapUiFormResGridLastContM {
    padding-left: 11%;
    width: 45%;
}

.extScenario_pageHeader {
    display: none;
}

.sapUxAPObjectPageHeaderContent {
    padding: 0px !important;
}

.extScenario_headerVlt.sapUiVlt {
    background-color: #fafafa !important;
    width: 100%;
    margin-bottom: 0px !important;
    line-height: 0rem !important;
}

.extScenario_toolHeader.sapTntToolHeader.sapMTB {
    border: 0px transparent !important;
    width: 100%;
    background-color: #2a4964 !important;
    background-attachment: fixed;
    border-bottom: 1px solid #f2f2f2;
}

.extScenario_titledescriptionText.sapMText {
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 200;
    color: #9ca4ac !important;
    width: 100%;
}


/*.sapUxAPAnchorBar.sapMTB {
    background-color: #fff !important;
    text-align: center;
    padding: 0px !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.sapMIBar.sapUxAPAnchorBar .sapMTB {
    box-shadow: none !important;
}
*/


/*.sapUxAPObjectPageSection:focus {
    outline: none !important;
}

.sapUxAPObjectPageSubSection:focus {
    outline: none !important;
}
*/

.sapUxAPAnchorBar .sapUxAPAnchorBarScrollContainer .sapMBarChild {
    margin: 0px 70px !important;
    text-transform: none !important;
}

.extScenario_section .sapUxAPObjectPageSectionTitle {
    /*text-transform: none !important;
    border-bottom: none !important;
    color: #3F5060;
    text-align: center !important;
    font-size: 36px;
    font-weight: normal;
    font-family: "72-Light", Arial, sans-serif;
    width: 100%;*/
    display: none;
}

.extScenario_section_odd .sapUxAPObjectPageSectionTitle {
    /*text-transform: none !important;
    border-bottom: none !important;
    color: #3F5060;
    text-align: center !important;
    font-size: 36px;
    font-weight: normal;
    font-family: "72-Light", Arial, sans-serif;
    width: 100%;*/
    display: none;
}


/*.extScenario_section_odd .sapUxAPObjectPageSectionHeader {
    display: none !important;
}

.extScenario_section .sapUxAPObjectPageSectionHeader {
    display: none !important;
}*/

.extScenario_section_odd {
    background-color: #fafafa !important;
}

.sapUxAPAnchorBarButton:focus {
    border-style: solid;
    border-color: #5485c8 !important;
    border-width: thin !important;
}

html.sap-desktop .sapMFooter-CTX .sapMBtn:focus .sapMBtnFocusDiv,
.sapMBtn:focus .sapMBtnFocusDiv {
    border: none !important;
}

.extScenario_sec1_Img1.sapMImg {}

.extScenario_section1,
.extScenario_section2 {
    background-color: #fff;
}

.sapUxAPObjectPageContainer {
    background-color: #fff !important;
}


/*#__layout19-spacer {
    background-color: #fff !important;
    display: none;
}*/

.sapUiRespGrid.sapUiRespGridHSpace1>div {
    width: 100% !important;
}

.feaCarouselDetails {
    /*width: 500px !important;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    padding-bottom: 4rem;
    background-color: #fff !important;
}

.extScenarioTitle {
    margin-top: 10px;
    line-height: 28px !important;
    color: #3F5060 !important;
    padding-right: 0px;
    font-size: 22px !important;
    font-family: "72-Regular", Arial, sans-serif !important;
    vertical-align: middle;
    font-weight: normal !important;
    text-align: left;
    width: 100%;
    padding-left: 25px;
    width: 100%;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


/*.extScenarioTitle:before {
    color: red;
    content: "";
    background: url('images/fiori-flower.svg') !important;
    padding: 0px 13px 0px 10px;
}*/


/*
.extScenarioTitle {
    background: url(images/fiori-flower.svg) !important;
}*/

.extScenario_section_sub {
    margin-top: 70px;
    margin-bottom: 70px;
}


/*.extScenario_section2_sub {
    margin-top: 70px;
    margin-bottom: 70px;
}*/

.sapUiRespGrid.sapUiRespGridHSpace1 {
    padding: 0rem !important;
}

.eachLinkVlt.sapUiVlt {
    text-align: left !important;
    padding-left: 80px;
}

div[id$="spacer"] {
    background-color: #3f5060 !important;
    display: none !important;
    visibility: hidden;
}

.scenario_headerMainLayout.sapUiVlt {
    width: 100%;
    margin-bottom: 0px !important;
}

.formLayout_description .sapUiFormM .sapUiFormContainerTitle>.sapUiFormTitle {
    color: #3F5060 !important;
    padding-right: 20px;
    font-size: 22px !important;
    font-family: "72-Regular", Arial, sans-serif !important;
    vertical-align: middle;
    font-weight: normal;
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 26px !important;
    text-align: left;
    height: auto !important;
}

.formLayout_details .sapUiFormM .sapUiFormContainerTitle>.sapUiFormTitle {
    color: #3F5060 !important;
    /*padding-right: 20px;*/
    font-size: 22px !important;
    font-family: "72-Regular", Arial, sans-serif !important;
    vertical-align: middle;
    font-weight: normal;
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 26px !important;
    text-align: left;
    height: auto !important;
    white-space: pre-line;
    width: 100%;
}

.formLayout_description .sapUiFormResLayout>div {
    padding: 0rem !important;
}

.formLayout_details .sapUiFormResLayout>div {
    padding: 0rem !important;
}

.extScenario_oddLayout {
    width: 100%;
    margin-bottom: 70px;
}

.extScenario_oddLayout .sapUiVltCell {
    width: 100%;
}

.extScenario-resources-light:after {
    color: rgb(159, 167, 175);
    content: "";
    padding: 0px 13px 0px 10px;
    display: block;
    background-image: url('images/fiori-flower.svg')
}


/*to hide nav button for footer section*/

button[id*="footerId1"] {
    display: none !important;
    visibility: hidden;
}

.favButtonScenarioPageFav {
    width: 116px !important;
}

.favButtonScenarioPageFav:focus > span.sapMBtnInner.sapMBtnEmphasized {
    border-style: solid !important;
    border-color: #000000 !important;
    border-width: thin !important;
}

.favButtonScenarioPageFav > span.sapMBtnInner.sapMBtnEmphasized:hover {
    background-color: #5496cd !important
}

.favButtonScenarioPageFav:hover > span.sapMBtnInner.sapMBtnEmphasized {
    background-color: #5496cd !important
}

.favButtonScenarioPageFav > .sapMBtnInner > .sapMBtnContent {
    color: #ffffff !important;
}

.favButtonScenarioPageFav > .sapMBtnInner {
    background-color: #5496cd !important;
}

.favButtonScenarioPageFav > .sapMBtnInner > .sapMBtnIcon {
    font-size: 1rem !important;
}

.favButtonScenarioPageUnFav {}

.favButtonScenarioPageUnFav:focus > span.sapMBtnInner.sapMBtnEmphasized {
    border-style: solid !important;
    border-color: #000000 !important;
    border-width: thin !important;
}

.favButtonScenarioPageUnFav > span.sapMBtnInner.sapMBtnEmphasized:hover {
    background-color: #ffffff !important
}

.favButtonScenarioPageUnFav:hover > span.sapMBtnInner.sapMBtnEmphasized {
    background-color: #ffffff !important
}

.favButtonScenarioPageUnFav > .sapMBtnInner {
    background-color: #ffffff !important;
}

.favButtonScenarioPageUnFav > .sapMBtnInner > .sapMBtnContent {
    color: #5496cd !important;
    text-shadow: none !important;
}

.favButtonScenarioPageUnFav > .sapMBtnInner > .sapMBtnIcon {
    color: #5496cd !important;
    text-shadow: 0 0 0rem #000000 !important;
}

.favButtonScenarioPageUnFav > .sapMBtnInner > .sapMBtnIcon {
    font-size: 1rem !important;
}

.sapUiFormM .sapUiRFLPaddingClass {
    padding: 0 0 0 0rem !important;
}

.sapUiRFLRow>.sapUiRFLContainer>.sapUiRFLContainerContent>.sapUiRLContainer {
    padding-left: 0rem !important;
}

.tagLayoutMoreHidden {
    visibility: hidden;
}

.tagLayoutMoreCSSVisible {
    visibility: visible;
}

.sapUxAPBlockContainer {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.spaceAfterTgLayoutCSS {
    width: 0.5rem !important;
}

.tagLayoutMoreCSS {
	padding-top:0.18rem;
}

.tagLayoutMoreCSS .sapMLnk {
	padding-top:0.37rem;
}

.scenarioTileHeadingLayout {
    height: 5rem;
    cursor: default !important;
}

.scenarioTileHeadingLayout .sapUiVltCell {
    cursor: default !important;
}

.tagLabelCSS{
    color: #000000 !important;
  background: #FAFAFA!important;
  border-radius: 0.2rem !important;
  font-family: "72-Light" !important;
  border-style: solid !important;
  border-width: 0.07rem 0.07rem 0.07rem 0.07rem !important;
  border-color: #C2C2C2 !important;
  padding: 4px 4px 4px;
  text-decoration: none !important; 
}

.tagLabelCSS:hover {
  background: #EBF5FE !important;
  border-color: #4BA0F6 !important ;
  border-radius: 0.2rem !important;
  border-style: solid !important;0
  border-width: 0.07rem 0.07rem 0.07rem 0.07rem !important;
}