.u-missing {
    vertical-align: middle;
    color: #2731c7;
    background-color: #e3dcdc;
    text-align: center;
    border: 1px solid #b6adad;
    font-family: monospace;
    font-size: 10px;
}

/* fonts inside forms */
.u-wftable .sapUiBody, 
.u-wftable .sapMBtnInner, 
.u-wftable .sapMInputBaseInner, 
.u-wftable .sapMLabel {
    font-family: "72","72full",Arial,Helvetica,sans-serif;
}

.u-wftable .sapMLabel.u-el.u-steb {
    font-size: 0.85rem;
}
.u-wftable .sapMLabel.u-el.u-steb.heading1 {
    font-size: 24px;
}
.u-wftable .sapMLabel.u-el.u-steb.heading2 {
    font-size: 22px;
}
.u-wftable .sapMLabel.u-el.u-steb.heading3 {
    font-size: 18px;
}
.u-wftable .sapMLabel.u-el.u-steb.heading4 {
    font-size: 12px;
}

/* search and attach panel*/
.u-search-attach-panel-item{
    align-self: center;
    justify-self: stretch;
}

.u-search-attach-panel-item-centered{
    justify-self: center;
}

.u-search-attach-panel-grid{
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
}

/* comments panel */
.u-form-comments-panel-outer {
    /* width: 100%; */
    /* overflow: auto; */
    height: 100%;
    /* display: inline-block; */
    

    min-height: 100%;
    position: relative;
    border-radius: 3px;
    margin: 0px 5px 0px 5px;
    padding: 10px 5px 10px 5px;
    /* background-color: #0c0b0b; */
    background-color: #f6f6f6;
    /* border-top: solid 1px #b2b2b2; */
    /* border-bottom: solid 1px #b2b2b2; */
    /* box-shadow: 0px 0px 2px 0px;*/

    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.u-form-comment-box-mid {

    display: flex;    
    flex-direction: row;
    position: absolute;
    left: 0px; 
    right: 0px;

    background-color: #f1f1f1;
    color: #666;
    font-size: .925rem;
    line-height: 1.15rem;
}

.u-form-comment-box-number {
    padding: 10px 0px 10px 0px;
    text-decoration: none;
    color: rgb(151, 151, 151);
    font-size: 1rem;
    font-weight: bold;
}

.u-form-comment-box {   
    display: flex;    
    flex-direction: column;
    flex-grow: 1;
    overflow: auto;    
    word-break: break-word;

    left: 0px; 
    right: 0px;
    /* position: absolute; */
    /* border-radius: 2px; */
    /* border-top: 1px solid rgb(226, 226, 226); */
    padding: 10px 10px 10px 10px;
    /* margin: 5px 0px 5px 0px; */
    /* background-color: #f1f1f1;

    color: #666;
    font-size: .925rem;
    line-height: 1.15rem; */
}

.u-form-comment-box i { /* tstamp */
    font-style: normal; 
    right: 0px;
}

.u-form-comment-box b { /* username */
    font-weight: normal; 
}

.u-form-comment-box u { /* tstamp & username */
    text-decoration: none;
    color: rgb(151, 151, 151);
    font-size: .8rem;
}

.u-form-comment-box b:after {
    content: "\00A0" "\00A0" "\00A0" "\00B7";
}

.u-form-comment-box .u-cxsec {
    margin-bottom: 5px;
}

.u-comments-add-dialog-rb-red.sapMRbSel .sapMRbBInn {
    fill: #b00 ;
}

.u-comments-add-dialog-rb-red.sapMRb .sapMRbB .sapMRbBOut {
    stroke: #b00;
}

.u-comments-add-dialog-rb-red.sapMRb .sapMRbB.sapMRbHoverable:hover .sapMRbBOut{
    stroke: #b00 !important;
}

.u-comments-add-dialog-rb-yellow.sapMRbSel .sapMRbBInn {
    fill: #df6e0c ;
}

.u-comments-add-dialog-rb-yellow.sapMRb .sapMRbB .sapMRbBOut {
    stroke: #df6e0c;
}

.u-comments-add-dialog-rb-yellow.sapMRb .sapMRbB.sapMRbHoverable:hover .sapMRbBOut{
    stroke: #df6e0c !important;
}

.u-comments-add-dialog-rb-green.sapMRbSel .sapMRbBInn {
    fill: #107e3e ;
}

.u-comments-add-dialog-rb-green.sapMRb .sapMRbB .sapMRbBOut {
    stroke: #107e3e;
}

.u-comments-add-dialog-rb-green.sapMRb .sapMRbB.sapMRbHoverable:hover .sapMRbBOut{
    stroke: #107e3e !important;
}

.u-comments-bar-color-red {
    border-right: 5px solid #b00;
}

.u-comments-bar-color-yellow {
    border-right: 5px solid #df6e0c;
}

.u-comments-bar-color-green {
    border-right: 5px solid #107e3e;
}

.u-comments-bar-locally-modified-new {
    border-right: 5px solid var(--locally-modified-new-color);
}

.u-comments-bar-locally-modified-existing {
    border-right: 5px solid var(--locally-modified-existing-color);
}

.u-comment-icon {
    font-size: 5rem;
    color:rgb(231, 231, 231)
}

.u-comments-icon-label {

    font-size: 0.8rem;
    color:rgb(206, 206, 206)
}

/* Comment number */
.u-form-comment-number {
    background-color: #bb0000;
    color: white;
    border: solid 1px #000000;
    border-radius: 3px;
    text-align: center;
    margin: 1px 2px 1px 2px;
    font-size: 0.8em;
    cursor: default;
    right: 0px;
    left: 0px;
    position: absolute;
}

.u-form-comment-number-panel {
    position: relative;
}

/* Add Comments Window */
.u-add-comments-textArea .sapMInputBaseInner.sapMTextAreaInner.sapMTextAreaGrow {
    left: 0px;
    right: 0px;
}


.sapMRb:focus:before {
    border: none;
}

.sapMLIBFocusable:focus {
    outline: none;
    outline-offset: -2px;
}

.sapMFocus.sapMTextArea .sapMInputBaseContentWrapper .sapMInputBaseInner {
    outline:none;
}

/* single text */
.u-wftable .sapMLabel {
    /* color: #222; */
    padding-top: 0.25rem;
    padding-left:0.2rem;
    padding-right:0.2rem;
}

.u-wftable .sapMLabel.u-tabcolhdr {
    padding-top:2px;
}

sapMLabel sapUiSelectable sapMLabelMaxWidth u-tabcolhdr sapUiLayoutCSSGridItem

.u-el.sapMLabel bdi {
    vertical-align: sub;
}

/* SingleTextElementBean */
.u-el.sapMInputBase.sapMInput {
    margin:0px;
    padding-right:2px;
}

.u-el .sapMInputBaseContentWrapper {
    height:initial;
}

/* overwrite default paddin to align all field */
.u-el .sapMInputBaseInner { /* dropdowns */
    padding: 2px;              
}
.sapUiSizeCompact .u-el.sapMInputBase.sapMTextArea .sapMTextAreaInner { /* multi */
    padding: 2px;
}

.u-steb input.sapMInputBaseInner {
    height: 1.2em;
    box-sizing: content-box;   
    padding: 2px;              
    font-size: 0.85em;      
    /* color: #222; doesnt work with dark */
    line-height: normal
}

.u-steb.u-right input.sapMInputBaseInner,
.u-steb.u-int-right input.sapMInputBaseInner  {
    padding-left:0px;
}

/* MultiTextElementEditor */
.u-mteb.u-el .sapMInputBaseContentWrapper .sapMInputBaseInner.sapMTextAreaInner {
    overflow: auto;
}

.u-mteb.u-el .sapMInputBaseContentWrapper {
    height: 100%;
}

/* Panel header */
.sapUiSizeCompact .sapMPanelHdr {
    height: 2rem;
    line-height: 2rem;
    font-size:0.99rem;
}

/* select and calendar height */
.sapUiSizeCompact .u-el .sapMInputBaseIcon {
    line-height: 1.3rem;
}

/* calendar */
.u-ceb.sapMInputBaseNoWidth.sapMInputBase {
    padding-right:2px;
}

/* select */
.u-seb.sapMComboBoxBase.sapMComboBox {
    margin-top: 0px;
    margin-right: 2px;
}

/* Button and Upload */
.sapUiSizeCompact .u-el .sapMBtn {
    height: 1.5em;
    padding: 0;
}

/* button */
.sapUiSizeCompact .u-beb.sapMBtn {
    height:fit-content;
    padding: 0px;
}

.sapUiSizeCompact .u-beb.sapMBtn .sapMBtnInner {
    height: fit-content;
}

.sapUiSizeCompact .u-beb.sapMBtn .sapMBtnContent {
    line-height: 1.3rem
}

/*
.u-el .sapMSuggestionsPopover .sapMListUl>.sapMLIB {
    height: 2.5rem; 
}*/

/* check box */
.sapUiSizeCompact .u-el  .sapMCbBg {
    top: 0.35rem;
}

/* table select */
.sapUiSizeCompact .u-tableselect .sapMCbBg {
    top: 2px;
}

/* Checkbox Summary editor */
.u-cbse-cb .sapMCbBg.sapMCbHoverable.sapMCbMark{
    top: 0.25rem;
}

/* RelationshipEditor */
/*sapMIBar sapMTB sapMTBNewFlex sapMTBInactive sapMTBStandard sapMTB-Auto-CTX u-re-tbar */
.u-re-tbar.sapMIBar.sapUiLayoutCSSGridItem,
.u-re-tbar.sapMIBar.sapMTBNewFlex { /* for ui5 1.98 */
    background-color: #000;
    height:24px;
}

.u-re-tbar .u-re-title {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

/*.u-re-mbtn.sapMBtnBase.sapMBtn.sapUiLayoutCSSGridItem,*/

.u-re-mbtn.sapMBtnBase.sapMBtn,
.u-re-mbtn.sapMBtnBase.sapMBtn.sapMBtnDisabled
 {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    z-index: 1;
}


/* remove focus, > means direct child */
.u-re-mbtn.sapMBtnBase.sapMBtn>.sapMFocusable,
.u-re-mbtn.sapMBtnBase.sapMBtn.sapMBtnDisabled>.sapMFocusable {
    outline: none;
    /*1px solid transparent;*/
  }

.u-re-mbtn.sapMBtnBase.sapMBtn  .sapMBtnInner,
.u-re-mbtn.sapMBtnBase.sapMBtn.sapMBtnDisabled  .sapMBtnInner {
    border:0px;  
    margin: 0px;
    padding: 0px;  
    position: relative;
    background-color: transparent;
}

.sapUiSizeCompact .u-re-mbtn  .sapMBtnIcon {
    position: absolute;
    top: -3px;
    left: 4px;
    margin: 0px;
}

/* process controlbar*/

/* trackid field */
.sapMInputBase.u-trackid-field {
    height: 1.8rem;
}

.sapMInputBase.u-trackid-field .sapMInputBaseInner {
    padding: 0 0.2rem;
}

/* StateChangeGraph */

/* banner */
div.u-scg-header{
    font-size: 0.9rem;
    text-align: center;
    padding: 0.5rem;
}

.u-scg-header div
{
	display:inline;
}

.u-scg-header div.u-t-green
{
	font-weight: bold;
	color:#a6d785;
}

.u-scg-header div.u-t-red
{
	font-weight: bold;
	color:#a11418;
}

.u-scg-header div.u-t-black
{
	font-weight: bold;
	color:#000;
}

.u-scg-header div.u-t-hist
{
	font-weight: normal;
	font-size:0.9em;
	color:white;
	background-color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px; 
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */	
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	margin-left:20px;
	cursor:pointer;
}

.u-scg-showprocess.sapMLnk {
    text-align: center;
    font-style: italic;
    height: 2rem;
}

/* scg text annotations */
/*
g.u-textanno.u-noborder foreignObject div {
    display:inline;
    font-size: 0.9rem;
    text-align: center;
}*/

/* info and actions below prev / next state change buttons: */
g.u-textanno.u-noborder foreignObject div 
{
	text-align: center;
	color:rgb(161 20 24);
	overflow-x:hidden;
    font-size: 0.8rem;
    white-space: nowrap;
}

g.u-textanno.u-noborder .u-content {
    padding: 0px;
}

foreignObject .u-dl.u-dl-start
{
	text-align: right;
	width:250px;
}

foreignObject .u-dl-atbottom,
foreignObject .u-dl-atbottom .u-no-users
{
	overflow: visible;
}

foreignObject .u-dl-task
{
	font-size: 0.9em;
}
foreignObject  .u-dl-act
{
	font-size: 0.85em;
}

foreignObject  .u-name
{
	display:inline;
}

/* next */
foreignObject .u-dl.u-dl-atright
{
	padding-top:0px;
	padding-left:10px;
	text-align: left;
	width:230px;
	font-size: 0.85em;
	line-height:100%;
}

foreignObject .u-dl.u-dl-finish
{
	padding-left:0px;
	padding-top:6px;
}

foreignObject  .u-selbtn
{
    margin-left: auto;
    margin-right: auto;
    width: 6rem;
    color: white;
    display: none;
	background-color: #C5C5C5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px; 
	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */	
	cursor:pointer;
	font-size: 0.8em;
	text-align: center;
	padding-top:1px;
}


/* scg ends */



html.sap-desktop .sapMLnk.u-scg-showprocess:focus:not(.sapMLnkDsbl) {
    outline: none;
}

.sapMPopover.u-forward-popover {
    padding: 10px;
    padding-top: 0px;
    max-width: min-content; /* otherwise always 622 px with scg-header */
}

/*
.sapMLabel.u-scg-header {
    padding:0.5rem;
}*/

.u-statechangegraph .u-bloc .u-content {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 0.9rem;
    font-size: 0.8rem;
}

.u-statechangegraph .u-flo text {
    font-size: 0.8rem;
    transform: translate(4px, 5px);
}

.u-statechangegraph .u-task-lb {
    text-align: center;
    margin: 5px;
    padding: 7px;
    border: 3px solid black;
    border-radius: 10px;
    width: 15rem;
}

.u-statechangegraph .u-task-lb:active,
.u-statechangegraph .u-task-lb.u-start:active {
    background-color:#d4d3d3;
}

.u-statechangegraph .u-task-lb.u-prev {
    border-color: #a6d785;
}

.u-statechangegraph .u-task-lb.u-start {
    border-radius: 0px;
    border: 1px solid black;
    background-color: var(--secondbar-background-color);
    width: 16.5rem;
}

.sapMBtnBase.u-task-lb:focus {
    outline: none;
} 

.u-statechangegraph .u-task-lb.u-retract {
    border: none;
    background-color: rgba(255,255,255,0);
    color: blue;
    cursor: pointer;
    width:18.5rem;
}

.sapMLabel.u-flow-arrow-lb {
    color: #666666;
    width: 3rem;
    line-height: 1.8rem;
    text-align: center;
    font-size: 0.5rem;
    font-family: "72","72full",Arial,Helvetica,sans-serif;
    font-weight: normal;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor:default;
    position: relative;
}
.sapMLabel.u-flow-arrow-lb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.sapMLabel.u-flow-arrow-lb.u-prev::before {
    background-image: url(./arrow-19-16-green.png);
    background-position: center right;
    transform: scaleX(-1);
}

.sapMLabel.u-flow-arrow-lb.u-next::before {
    background-image: url(./arrow-19-16-black.png);
    background-position: center right;
}

.sapMLabel.u-flow-arrow-lb.u-next.u-checkin::before {
    background-image: url(./arrow-19-16-green.png);
    filter: hue-rotate(270deg) saturate(9) brightness(0.8);
}

/* make the popover semi-transprent */
.sapMPopover.u-forward-popover {
    background-color: transparent;
    background-image: linear-gradient(white, rgba(255,255,255,0.9));
}

.sapMPopover.u-forward-popover .sapMPopoverCont,
.sapMPopover.u-forward-popover  .sapMPopoverScroll,
.sapMPopover.u-forward-popover  .sapUiLayoutCSSGrid,
.sapMPopover.u-forward-popover  .sapMPopoverWithBar.sapMPopoverWithoutFooter>.sapMPopoverCont {
    background-color: transparent;
}


/* menu inside a sidepanel */
.u-sidebar .sapMITH {
    background-color:transparent;
}



/******* DocPanel *******/

.u-doc-ctl.sapMLabel,
.u-doc-ctl .sapMLabel,
.u-doc-ctl.sapMLnk {
    padding-top: 6px;
    padding-left: 2px;
}

.u-doc-ctl.sapMLabel.u-doc-header-label {
    background-color: var(--thirdbar-background-color);
    padding-top: 6px;
    font-weight: bold;
}

.u-doc-btn.sapMBtn {
    width:1.500rem;
}

.u-doc-docType-grid {
    padding-left: 2px;
}

.u-doc-page{
    padding: 5px;
}

/* Document panel portrait */
.u-doctable.u-doctable-portrait{
    padding: 15px;    
    justify-content: center;
    justify-items: center;
}

.u-doctable-portrait .u-doc-type-grid{
    background-color: #d1d1d1;
    margin-top: 5px;
    align-items: center;
    justify-items: center;
    justify-content: center;
}
.sap-phone .u-doctable-portrait .u-doc-type-grid{
    justify-content: left;
}
.sap-phone .u-doc-name-link{
    justify-self: left;
}

.u-doctable-portrait .u-doc-name-grid {
    background-color: #ebebeb;
    align-items: center;
    justify-items: center;
    padding: 3px;
    margin-top: 5px;
}

.u-doctable-portrait .u-doc-btn.sapMBtn  .sapUiIcon {
    font-size: 1.75rem;
    height: 100%;
}

.u-doctable-portrait .u-doc-btn.sapMBtn {
    margin: 0.2rem;
    padding: 0.2rem;    
    display: flex;
    justify-content: center;
}

.u-doctable-portrait .u-doc-ctl .sapMLabel,
.u-doctable-portrait .u-doc-ctl.sapMLnk {
    padding-bottom: 6px;
}

.u-doctable-portrait .u-doc-field-value{
    width: 100% !important;
}

.u-doctable-portrait .sapMInput.u-doc-field-value{
    height: 2.5rem;
}

.u-doctable-portrait .sapMInput.u-doc-field-value .sapMInputBaseContentWrapper{
    height: inherit;
}

.u-doctable-portrait .sapMInput.u-doc-field-value .sapMInputBaseContentWrapper .sapMInputBaseInner{
    font-size: 1rem;
}

.u-doctable-portrait .u-doc-header-label.u-control-hidden {
    display: none;
}

.u-doctable-portrait .u-doc-type-field-name.u-control-hidden {
    display: none;
}

/* relationship controls */
.u-re-tbar .sapMLabel,
.u-re-tbar .sapMBtnIcon {
    color:var(--main-toolbar-text-color);
}

.u-re-tbar :not(.sapMBtnDisabled) .sapMBtnTransparent>.sapMBtnIcon {
    color:var(--main-toolbar-text-color);
}

.u-re-tbar .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
    background-color:  var(--main-toolbar-text-color); /* invert the colours on hover */
    color: var(--main-toolbar-color);
}

.u-re-tbar .sapMBtn:hover:not(.sapMBtnDisabled)>.sapMBtnHoverable.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed)>.sapMBtnIcon, 
.u-re-tbar *.sapMBtn:hover:not(.sapMBtnDisabled)>span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed)>.sapMBtnIcon, 
.u-re-tbar :not(.sapMBtnDisabled):not(.sapMSBActive)>span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed):hover>.sapMBtnIcon {
    color: var(--main-toolbar-color);
}

.sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive) {
    color: #346187;
}


.u-rel-btn.sapMBtnBase {
    background-color: transparent;
    border:none;
}

.u-rel-btn.sapMBtnBase .sapMBtnActive {
    background-color: blue;
}

/* prompts */
.u-port-prmpt {
    display: none;
}

.web-form-vertical-mod .u-el.u-with-prompt {
    position: relative;
}
/*
.web-form-vertical-mod .u-el.u-with-prompt.sapMInputBase.sapMInput {
    padding-right: 5rem;    
}*/

.web-form-vertical-mod .u-port-prmpt {
    font-size: 0.6rem;
    color: #fafafa;
    display: block;
    position: absolute;
    top: -0.9rem;
    right: 0.1rem;
    max-width: 4.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    background-color: #000000;
    height: fit-content;
    border-radius: 0.5rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    border: 1px dotted white;
    box-sizing: border-box;
    line-height: initial;
}

.web-form-vertical-mod  .u-cbeb .u-port-prmpt {
    top: 0.2rem;
}

.u-sdab-upload-btn .sapMBtnBase{
        max-width: 213px;
}

.u-consolidated-message-popover .sapMMsgView .sapMMsgViewItem:not(.sapMSLIWithDescription) {
    height: auto;
}

.u-consolidated-message-popover .sapMSLITitleOnly {
    white-space: initial;
    word-wrap: break-word;
    padding-right: 0.5rem;
}

.u-consolidated-message-popover .sapUiIcon .sapUiIconMirrorInRTL .sapMLIBType .sapMLIBImgNav {
    display: none;
}

.sap-phone .u-re-tbar *.sapMBtn:hover:not(.sapMBtnDisabled)>span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed)>.sapMBtnIcon, 
.sap-phone .u-re-tbar :not(.sapMBtnDisabled):not(.sapMSBActive)>span.sapMBtnInner.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed):hover>.sapMBtnIcon{  
      color: var(--main-toolbar-btn-hover-color);
}

.sapMInputBase.sapMTextArea{
    width: 100%;
}