/*
    Copyright (c) 1996-2015 Ariba, Inc.

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at
        http: //www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
*/


/* ==========================================================================
   HTML5 display definitions
   The required styles from aw6_widgets.css are overridden here for AW7 (IES Bronze Changes).
   ========================================================================== */

@font-face {
  font-family: 'SAP-72-Regular';
  src: url('SAP72Fonts/72-Regular.eot'), /* IE9+ */
       url('SAP72Fonts/72-Regular.ttf'),
       url('SAP72Fonts/72-Regular.woff'), /* Modern Browsers */
       url('SAP72Fonts/72-Regular.woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SAP-72-Light';
  src: url('SAP72Fonts/72-Light.eot'), /* IE9+ */
       url('SAP72Fonts/72-Light.ttf'),
       url('SAP72Fonts/72-Light.woff'), /* Modern Browsers */
       url('SAP72Fonts/72-Light.woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SAP-72-Italic';
  src: url('SAP72Fonts/72-Italic.eot'), /* IE9+ */
       url('SAP72Fonts/72-Italic.ttf'),
       url('SAP72Fonts/72-Italic.woff'), /* Modern Browsers */
       url('SAP72Fonts/72-Italic.woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SAP-72-CondensedBold';
  src: url('SAP72Fonts/72-CondensedBold.eot'), /* IE9+ */
       url('SAP72Fonts/72-CondensedBold.ttf'),
       url('SAP72Fonts/72-CondensedBold.woff'), /* Modern Browsers */
       url('SAP72Fonts/72-CondensedBold.woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SAP-72-Condensed';
  src: url('SAP72Fonts/72-Condensed.eot'), /* IE9+ */
       url('SAP72Fonts/72-Condensed.ttf'),
       url('SAP72Fonts/72-Condensed.woff'), /* Modern Browsers */
       url('SAP72Fonts/72-Condensed.woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SAP-72-BoldItalic';
  src: url('SAP72Fonts/72-BoldItalic.eot'), /* IE9+ */
       url('SAP72Fonts/72-BoldItalic.ttf'),
       url('SAP72Fonts/72-BoldItalic.woff'), /* Modern Browsers */
       url('SAP72Fonts/72-BoldItalic.woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SAP-72-Bold';
  src: url('SAP72Fonts/72-Bold.eot'), /* IE9+ */
       url('SAP72Fonts/72-Bold.ttf'),
       url('SAP72Fonts/72-Bold.woff'), /* Modern Browsers */
       url('SAP72Fonts/72-Bold.woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SAP-72-Black';
  src: url('SAP72Fonts/72-Black.eot'), /* IE9+ */
       url('SAP72Fonts/72-Black.ttf'),
       url('SAP72Fonts/72-Black.woff'), /* Modern Browsers */
       url('SAP72Fonts/72-Black.woff2');
  font-weight: normal;
  font-style: normal;
}

/** Font Icons **/
@font-face {
    font-family: 'SAP-Icons-v2';
    src: url('SAPIconsV2/SAP-icons.ttf'),
    url('SAPIcons/SAP-icons.eot'); /* IE9+ */
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: 'SAP-icons', 'Ariba_icon_library', 'SAP-Icons-v2';
    content: attr(data-icon);
    speak: none;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'SAP-icons', 'SAP-Icons-v2';
    font-style: normal;
    speak: none;
}

/* Color Changes */

.actionPortletBox,
.portletBox,
.quickTour,
.w-notification-box {
  box-shadow:0px 0px 2px 0px #D9D9D9;
}

.w-tbl-cell {
  color: #515559;
}

.empty,
.w-tbl-empty {
  color: #32363A !important;
}

.w-img-clr-yellow,
.aw7_w-img-clr-yellow
a:link .w-img-clr-yellow,
a:visited .w-img-clr-yellow,
a:hover .w-img-clr-yellow
{
  color: #E9730C;
}

b, strong {
  font-family: SAP-72-Bold;
}

a:link,
a:visited {
  color: #0A6ED1;
}

a:hover, a:focus {
  color: #085CAF !important;
  text-decoration: none !important;
}

.w-txt:focus, .w-txt:focus ~ [class*="w-txt-icon-"], .w-psw:focus {
  border-color: #085CAF;
}

.w-txt:focus:hover,
.w-txt:focus:hover ~ [class*="w-txt-icon-"],
.w-psw:focus:hover {
  border-color: #085CAF;
}

body {
  color: #515559;
}

a:link .w-img,
a:visited .w-img {
    color: #0A6ED1;
}

.scrollTableWrapper td.tableBody {
  border-top:1px solid #E5E5E5;
}

.scrollTableWrapper td.whiteSpaceNoWrap {
    white-space: nowrap;
}

.scrollTableWrapper tr.tableRowSelected > td:first-of-type,
.awtWrapperTable tr.tableRowSelected > td:first-of-type {
    border-left: 5px solid #0A6ED1;
}

.scrollTableWrapper th.tableHead {
  border-bottom:1px solid #E5E5E5;
}

.w-tbl-hd a {
  color: #74777A;
}

.portletTitle {
   color:#32363A;
}

/* 9 - Need to clarify */
.a-dashbrd-page-bg .a-srch-bar-search-button .w-btn-primary {
  background-color: #0A6ED1;
  box-shadow: 0 0 0 1px #085caf;
  border-radius: 0px 4px 4px 0px;
}

.a-dashbrd-page-bg .a-srch-bar-search-icon {
  color: #FFFFFF;;
}

.a-dashbrd-page-bg .a-srch-bar-saved-search{
  background-color: #FAFAFA;
}

.w-txt.w-txt-placeholder {
  color: #74777A;
}

.a-srch-bar-category {
  border: 1px solid #89919A;
  border-radius: 4px 0px 0px 4px;
}

.w-txt.w-txt-placeholder {
  color: #74777A;
}

/* Page 2 of Sourcing */
/* Page Title */

.pageHead, .w-page-head {
  color:#32363A;
}

.w-stepnavbar-top-bar {
  border-bottom: 1px solid #E5E5E5;
}

.w-hint {
  color: #32363A;
}

td.ffl {
  color: #6A6D70;
}

.w-txt,
.w-txt:visited,
.w-psw,
.w-psw:visited {
  border: 1px solid #89919A;
  color: #74777A;
  border-radius: 4px;
}

.IsLogin .w-main-wrapper, .IsLogin .w-main-wrapper input {
    border-radius: 0px;
}

.w-chInput {
  border: 0;
}

.w-chWrapLeft {
  border: 1px solid #89919A;
  border-right: none;
  border-radius: 4px 0px 0px 4px;

}

.w-chWrapRight {
  border: 1px solid #89919A;
  border-left: none;
  border-radius: 0px 4px 4px 0px;
}

.w-chWrapper-border-focus .w-chWrapLeft {
  border: 1px solid #085CAF;
  border-right: none;
}

.w-chWrapper-border-focus .w-chWrapRight {
  border: 1px solid #085CAF;
  border-left: none;
}

.w-txt-icon-right-calendar,
.w-txt-icon-right-time,
.w-txt-icon-right-search,
.w-txt-icon-right-box,
.w-txt-icon-right-pin {
  border-right: 1px solid #89919A;
  border-top: 1px solid #89919A;
  border-bottom: 1px solid #89919A;
  border-radius: 0px 4px 4px 0px;
}

.w-txt-icon-right-calendar:before,
.w-txt-icon-right-time:before {
  color: #085CAF;
}

.w-ct-icon {
  color: #515559;
}

.w-dropdown {
  color: #32363A;
  border: 1px solid #89919A;
  border-radius: 4px;
}

.w-dropdown:focus {
  border: 1px solid #085CAF;
  outline: none;
}

.w-field-req {
  color: #BB0000;
}

.w-rdo,
.w-rdo:visited {
  border: 1px solid #89919A;
}

.w-rdo-native:checked + label.w-rdo:before {
  background-color: #085CAF;
}

.w-chk, .w-chk:visited {
  border: 1px solid #89919A;
  border-radius: 4px;
}

.w-chk-native:checked + label.w-chk:before {
  color: #085CAF;
}

.w-rdo.w-rdo-hover,
.w-rdo:hover:not(.w-rdo-disabled),
.w-chk.w-chk-hover,
.w-chk:hover:not(.w-chk-disabled),
.w-rdo-native:focus + .w-rdo,
.w-chk-native:focus + .w-chk {
  border-color: #085CAF;
}

.a-dashbrd-page-bg .a-srch-bar-saved-search {
  border: 1px solid #89919A;
  border-left: none;
}

.a-srch-portlet-category-dropdown {
  color: #0A6ED1;
}

.a-srch-bar-text-box input {
  border-radius: 0px;
}

.a-srch-bar-text-box .w-txt:focus {
  border: 1px solid #085CAF !important;
}

.w-chSearchLink {
  color: #085CAF;
}

.a-tile-global-status-count {
  color: #0A6ED1;
}

.a-tile-portlet-dropdown {
  color: #0A6ED1;
}

.w-cmd-wrapper-L2 {
  background-color: #FFFFFF;
}

.wizStepCurrent {
  border-left: 3px solid #0A6ED1;
}

.w-stepbysteptoc-step-number {
  border: 2px solid #0A6ED1;
}

/* Theme related changes : Themelight */

td.a-srch-bar-category a,
div.a-srch-portlet-category-dropdown {
  color: #32363A;
}

/* Identifier Bar Styles */

.aw7_identifier-bar-content {
    font-family: SAP-72-Regular;
}

.aw7_identifier-bar-content a:hover, .aw7_shell-bar-content a:hover {
    text-decoration: none !important;
}

.aw7_idb_content_wrapper {
    display: flex;
    height: 36px;
    padding: 0px 48px 0px 48px;
}

.aw7_idb_content_wrapper > div {
    flex: 1;
    line-height: 35px;
}

.aw7_idb-left-content-wrapper {
    display: flex;
}

.aw7_greeting_info {
    font-size: 14px !important;
    color: #FFFFFF !important;
}

.aw7_w-header-customize-link a {
    font-size: 14px;
}

.aw7_w-header-customize-link > a.cmdLinkArrow:hover {
    background: none;
}

.aw7_idb-command-bar-wrapper {
    padding-top: 1px;
}

.aw7_undelegate_wrapper a {
    font-size: 14px;
}

a[awname="AribaAction:undelegate:actionClicked"] {
    position: static !important;
}

.aw7_admin_mode_wrapper {
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    display: inline;
    padding: 3px;
    line-height: 16px;
}

.aw7_admin_mode_content {
    min-width: 82px;
    color: #d1e8ff;
    display: inline-block;
    padding: 5px;
}

.aw7_admin_mode_content-lft {
    border-radius: 5px 0px 0px 5px;
    margin-left: -4px;
    margin-right: -4px;
}

.aw7_admin_mode_content-rgt {
    border-radius: 0px 5px 5px 0px;
    margin-left: -0px;
    margin-right: -8px;
}

.aw7_admin_mode_content a:hover{
    text-decoration:none !important;
}

.aw7_admin_mode_content.active {
    background-color: #D1E8FF;
    color: #283848;
}

.aw7_admin-command-bar-wrapper {
    text-align: center;
}

.aw7_admin-command-bar-wrapper > div.mastCmd {
    display: inline-block;
}

.aw7_w-pml-icon {
    font-size: 14px;
    position: relative;
    top: 2px;
    left: 1px;
    color: #0A6ED1;
}

.aw7_w-header-customize-link {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    top: -1px;
}

.aw7_w-header-customize-link .aw7_w-pml-icon {
    color: #D1E8FF;
}

.aw7_w-header-customize-link a:hover .aw7_w-pml-icon {
    color: #D1E8FF;
}

.aw7_identifier-bar-content a:focus,
.aw7_w-header-customize-link a:focus .aw7_w-pml-icon{
    color: #D1E8FF !important;
}

/* Canonical Bar Styles */

.aw7_canonical-bar-wrapper {
    height: 16px;
    line-height: 12px;
    font-family: SAP-72-Regular;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 4px;
}

.aw7_w-header-realmlabel {
    color: #6A6D70 !important;
}

/* Shell Bar CSS */

tr.aw7_shell-bar-content {
    height: 44px;
    font-family: SAP-72-Regular;
}

.aw7_shell-bar-wrapper {
    display: flex;
    margin-left: 48px;
    margin-right: 48px;
    font-family: SAP-72-Regular;
}

.aw7_prodimg, .aw7_w-abpw-padder {
    flex: 1;
    display: flex;
    align-items: center;
    padding-top: 4px;
}

.aw7_prodimg img, .aw7_a-cmdbar-prod-logo, .aw7_w-ariba-banner_product-image img {
    max-height: 28px !important;
}

.w-ariba-logo, .w-ariba-logo-tall, .a-cmdbar-prod-logo {
    max-width: none !important;
}

.aw7_w-cmd-wrapper {
    flex: 2;
    padding-right: 0px;
    padding-top: 0px;
    height: 44px !important;
}

.aw7_cmd-links {
    display: inline-flex;
    padding-top: 8px;
    padding-bottom: 8px;
}

.aw7_back-page-wrapper {
    display: flex;
    margin-left: -30px;
}

.aw7_w-back-page-cell {
    flex: 1;
    max-height: 44px;
}

.aw7_back-action {
    display: inline-block;
    padding-top: 13px;
}

.aw7_w-help-menu-icon, .aw7_w-preferences-menu-icon, .aw7_w-refresh-session-menu-icon {
    height: 18px;
    width: 16px;
    font-size: 16px;
    font-family: SAP-Icons;
}

.aw7_w-header-username-link, .aw7_w-header-help-link, .aw7_w-header-preferences-link, .aw7_w-header-search-link,
.aw7_w-header-print-link, .aw7_w-refresh-session-menu-icon, .aw7_w-header-notification-link, .aw7_w-header-alert-link,
.aw7_w-header-collabmsgnotification-link, .aw7_w-header-customize-link, .aw7_w-header-delegationinfo-link,
.aw7_w-header-realmlabel, .aw7_w-header-home-link, .aw7_w-header-chatbox-link {
    padding: 0 14px;
}

.aw7_w-header-collabmsgnotification-link {
    padding-top: 7px;
}

.aw7_user-name-initials {
    background-color: #0F828F;
    color: #FFFFFF;
    height: 28px;
    width: 28px;
    font-size: 14px;
    border-radius: 50%;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.aw7_w-header-username-link {
    padding-right: 0px;
}

.aw7_w-header-help-link, .aw7_w-header-alert-link {
    padding-top: 7px;
}

.aw7_w-header-alert-link a {
    font-size: 16px !important;
}

.aw7_w-header-print-link, .aw7_w-header-search-link {
    padding-top: 4px;
}

.aw7_w-header-preferences-link, .aw7_w-header-refresh-session-link, .aw7_w-header-chatbox-link {
    display: inline-flex;
    padding-top: 6px;
}

a .aw7_w-back-page-nav[data-icon]:before {
    font-family: 'SAP-Icons-v2';
}

.aw7_w-back-page-logo {
    padding-left: 18px;
    display: flex;
    align-items: center;
}

a .aw7_w-back-page-nav, a .aw7_w-print-menu-icon,
.aw7_w-header-search-link a,
.aw7_a-online-notif-icon-empty,
.aw7_a-online-notif-icon,
.aw7_w-notification-bell-icon,
.aw7_w-header-home-link,
.aw7_w-header-site-icon {
    font-size: 16px !important;
}

.aw7_no-padding {
    padding-left: 0px;
}

.aw7_right-padding {
    padding: 0px 14px 0px 0px;
}

.aw7_a-online-notif-icon-empty {
    padding-top: 5px;
}

.w-header-site-link {
    padding: 0px 14px 0 14px;
}

.aw7_w-header-site-link, .aw7_w-header-home-link-span {
    padding-top: 6px;
}

.aw7_user-name-disabled, .aw7_w-notification-bell-icon {
    display: inline-block;
}

.aw7_idb_content_wrapper {
    background-color: #283848;
}

.aw7_admin_mode_content.active {
    background-color: #D1E8FF;
    color: #283848;
}

.aw7_admin_mode_content {
    border: 1px solid #d1e8ff;
}

.aw7_admin_mode_content a {
    color: #d1e8ff;
}

.aw7_admin_mode_content a:hover{
    color: #d1e8ff !important;
}

.aw7_w-header-customize-link a {
    color: #D1E8FF;
}

.aw7_w-header-customize-link a.cmdLink:link, a.cmdLink:visited {
    color: #D1E8FF;
}

.aw7_undelegate_wrapper a {
    color: #FFF;
}

/* End of Shell Bar CSS */

/* Navigation Bar CSS */

.aw7_w-navigation-bar-separator {
    border: none;
}

.aw7_a-mastCmd-create-button-aux-icon {
    font-size: 14px;
    padding-left: 8px;
}

.aw7_a-mastCmd-create-button, .aw7_a-nav-bar-manage a, .aw7_dbTabWrapper .w-dashboard-tabs .w-tabitem a,
.aw7_a-nav-bar-recent a {
    font-size: 14px;
    color: #74777A !important;
    background: none;
}

.aw7_a-mastCmd-create-button:hover,
.aw7_dbTabWrapper .w-dashboard-tabs .w-tabitem a:hover,
.aw7_a-nav-bar-manage:hover a,
.aw7_a-nav-bar-manage:hover .aw7_w-pml-icon,
.aw7_a-nav-bar-recent:hover a,
.aw7_a-nav-bar-recent:hover .aw7_w-pml-icon {
    color: #32363A !important;
}

.aw7_a-mastCmd-create-button:active,
.aw7_dbTabWrapper .w-dashboard-tabs .w-tabitem-selected a,
.aw7_a-nav-bar-manage:active a,
.aw7_a-nav-bar-manage:active .aw7_w-pml-icon,
.aw7_a-nav-bar-recent:active a,
.aw7_a-nav-bar-recent:active .aw7_w-pml-icon {
    color: #0A6ED1 !important;
}

.aw7_dbTabWrapper .w-dashboard-tabs .w-tabitem-a.w-tabitem-a-slctd a {
    border-bottom: 3px solid #0A6ED1 !important;
}

.aw7_a-mastCmd-create-button {
    line-height: 0px;
    display: inline-flex;
    padding: 8px 0px 0px 0px;
}

.aw7_a-mastCmd-create-button:hover, .aw7_a-mastCmd-create-button:active, a:focus .aw7_a-mastCmd-create-button {
    background: none;
}

.aw7_dbTabWrapper a:hover {
    text-decoration: none !important;
}

.aw7_a-nav-bar-manage .aw7_w-pml-icon, .aw7_a-nav-bar-recent .aw7_w-pml-icon {
    color: #74777A !important;
    padding-left: 2px;
}

.aw7_dbTabWrapper .w-dashboard-tabs .w-tabitem {
    margin-top: 7px !important;
}

.aw7_a-nav-bar-create {
    padding-left: 30px;
}

.aw7_a-nav-bar-cmds {
    padding-right: 48px;
}

/* End of Navigation Bar CSS */

/* Button changes - Start */
.aw7_w-btn-primary {
    color : #FFFFFF;
    background-color : #0A6ED1;
    border-color: #0A6ED1;
    border-radius: 4px;
}

.aw7_w-btn-primary:hover {
  background-color : #085caf
}

.aw7_w-btn-primary:hover {
  background-color : #085caf
}

.aw7_w-btn-primary:active {
  background-color : #0254a7
}

.aw7_w-btn-primary:focus,
.aw7_w-btn:focus {
  box-shadow: 0 0 0 1px #085caf;
}

.aw7_w-btn,
.aw7_w-btn:visited {
    color : #0A6ED1;
    background-color : #FFFFFF;
    border-color: #0A6ED1;
    border-radius: 4px;
}

.aw7_w-btn:hover {
  color : #FFFFFF;
  background-color : #085caf;

}

.aw7_w-btn:active {
  color : #FFFFFF;
  background-color :#0254a7
}

/* Button changes - End */

/* Font changes - Begin */
/**
 * This class controls the font-family, size and weight all across the pages
 */
html,
body,
button,
input,
select,
textarea {
  font: 300 13px/16px SAP-72-Regular, Arial, Verdana, sans-serif;
}

/* AWDebugPane styles:
 * It's ok to set different font-family to AWDebugPane classes
 */
.debugBar {
  font: 11px SAP-72-Regular, Arial, Verdana, Helvetica, sans-serif;
}

.debugBarVis {
  font: 11px SAP-72-Regular, Arial, Verdana, Helvetica, sans-serif;
}

.debugWarning {
   font: bold 6pt SAP-72-Bold, Arial, Verdana, sans-serif;
   padding: 2px;
}

.debugError {
  font: bold 6pt SAP-72-Bold, Arial, Verdana, sans-serif;
}

.w-cpt-inspector-row {
  font:normal 9px SAP-72-Regular, Arial, Verdana, Helvetica, sans-serif;
}

.w-cpt-inspector-1 {
  font:9px SAP-72-Regular, Arial, Verdana, Helvetica, sans-serif;
}

.w-dbTitle {
    font:bold 16px SAP-72-Regular, Arial, Verdana, Helvetica, sans-serif;
}

.w-spotlight-title {
    font:24px SAP-72-Regular, Verdana;
}

.w-spotlight-title2 {
    font:16px SAP-72-Regular, Verdana;
}

.w-spotlight-linktext, .w-spotlight-linktext:link, .w-spotlight-linktext:hover {
    font:12px SAP-72-Regular, Verdana;
}

.w-spotlight-infotext {
    font:12px SAP-72-Regular, Verdana;
}
/* Font changes - End */

/* Login page text color fix */
.w-login-form-forget a {
    color: #fbed53;
}

.w-alert-system-count {
    position: relative;
    top: -3px;
}

.IsLogin .w-main-wrapper, .IsLogin .w-main-wrapper input {
    border-radius: 4px;
    font-family: SAP-72-Regular, "HelveticaNeue-Light",
                    "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}

.w-login-form-btn {
    color: #FFFFFF;
    background-color: #0A6ED1;
}

.w-login-form-btn:hover {
    background-color: #085caf;
}
.a-srch-type-table {
    line-height: 30px;
}

.ffp > .awmenuLink.linkArrow > span.aw7_w-pml-icon {
  margin-right : 5px;
}

/* Print Preview CSS */
@media print {

    .aw7_idb_content_wrapper {
       padding: 0px 4px 0px 4px;
       justify-content: space-between;
     }

     .aw7_idb_content_wrapper > div {
        display : inline-flex;
         flex: none;
     }

     .aw7_shell-bar-wrapper {
         margin : 0 4px;
     }

     .w-cmd-wrapper-L2 {
        padding-right : 4px;
     }

     .aw7_a-nav-bar-cmds {
         padding-right: 4px;
     }

}

.a-dashbrd-page-bg {
  background: #EDEFF0 !important;
}

.w-footer-ct-left,
.w-footer-ct-right a:link, .w-footer-ct-right a:visited,
.w-footer-ct-left a:link, .w-footer-ct-left a:visited {
  color: #0A6ED1 !important;
}

.aw7_a-online-notif-icon {
    padding-top: 5px;
}

.aw7_w-pulldown-icon {
    font-size: 12px;
    position: relative;
    bottom: -1px;
}

/* Error file related css */
.error-page-flex-container {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 98vh;
  }

  .error-page-error-block {
    color:black;
    width: 1000px;
    height: 600px;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }

  .error-page-error-block > div {
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }

  .error-page-error-img {
    width: 520px;
    height: 390px;
  }

  .error-page-error-heading {
    color: #32363A;
    font-size: 64px;
    margin-bottom: 24px;
    font-family: SAP-72-Italic;
  }

  .error-page-error-description {
    color: #364051;
    font-size: 40px;
    margin: 0 10px;
    font-family: SAP-72-Light;
  }

  .error-page-error-description-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 40px;
}