/* Enter your custom styles here */
a.sapLogo {
	margin-left: 1rem;
}

.myMenuTreeItem{
   font-size: 0.75rem;
   height: 2rem;
   line-height: 1.5rem;
}

.sapUiMedia-Std-Phone a.sapLogo,
.sap-phone a.sapLogo {
	display: none;
}

.homeFont {
    font-weight: bold !important;
    font-size: 20px !important;
}

/* Menu Select`s hover bakground */
.sapContrast.sapUiMainSelect.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover,
.sapContrast .sapUiMainSelect.sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
	/* background: #2f3c48; */
}

/* Menu Select`s focus */
html.sap-desktop .sapContrast .sapMSlt.sapUiMainSelect:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):focus,
html.sap-desktop .sapContrast.sapMSlt.sapUiMainSelect:not(.sapMSltExpanded):not(.sapMSltDisabled):not(.sapMSltState):focus {
	outline: none;
}

/* sap.m.List does not always take up 100% height (the containing page's background is modified instead) */
.sapUiTheme-sap_belize .sapUiMainMasterPage {
	/* background: #3b4c5b; */
}
.sapUiTheme-sap_belize_plus .sapUiMainMasterPage {
	/* background: #3b4c5b; */
}

/* ActionButton */
.sapUiIflowkit .sapMBtn.actionButton {
	padding-top: 0;
	height: 2.375rem;
}

.sapUiIflowkit .sapMBtn.actionButton .sapMBtnInner {
	padding-left: 0.875rem;
	padding-right: 0.875rem;
	height: 2.375rem;
}

.sapUiIflowkit .sapMBtn.actionButton .sapMBtnInner.sapMBtnIconFirst {
	padding-left: 2.1875rem;
}

.sapUiIflowkit .sapMBtn.actionButton .sapMBtnContent,
.sapUiIflowkit .sapMBtn.actionButton .sapMBtnIcon  {
	line-height: 2.375rem;
	font-size: 1.1rem;
}

@media (min-width: 64rem) {
	.sapUiIflowkit .sapMBtn.actionButton {
		padding-top: 0;
		height: 3.25rem;
	}

	.sapUiIflowkit .sapMBtn.actionButton .sapMBtnInner {
		height: 3.250rem;
	}

	.sapUiIflowkit .sapMBtn.actionButton .sapMBtnInner.sapMBtnIconFirst {
		padding-left: 2.5rem;
	}

	.sapUiIflowkit .sapMBtn.actionButton .sapMBtnIcon {
		margin-left: 0.6rem;
		margin-right: 0.6rem;
	}

	.sapUiIflowkit .sapMBtn.actionButton .sapMBtnContent,
	.sapUiIflowkit .sapMBtn.actionButton .sapMBtnIcon {
		line-height: 3.25rem;
		font-size: 1.375rem;
	}
}

/*
 * API Detail page specific CSS improving readability
 * Note: Keep in mind this is applicable only for the sap_belize and sap_belize_plus themes
 */
.sapUiTheme-sap_belize .sapUiSizeCompact .mainDetailPage .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPBlockContainer,
.sapUiTheme-sap_belize_plus .sapUiSizeCompact .mainDetailPage .sapUxAPObjectPageLayout-Std-Desktop .sapUxAPBlockContainer {
	padding: 0 3rem 2rem 3rem;
}

.sapUiTheme-sap_belize .sapUiSizeCompact .mainDetailPage .sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer,
.sapUiTheme-sap_belize_plus .sapUiSizeCompact .mainDetailPage .sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer {
	padding: 0 2rem 2rem 2rem;
}

.sapUiTheme-sap_belize .sapUiSizeCompact .mainDetailPage .sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer,
.sapUiTheme-sap_belize_plus .sapUiSizeCompact .mainDetailPage .sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer {
	padding: 0 1rem 2rem 1rem;
}

.sapUiTheme-sap_belize .mainDetailPage .sapUxAPObjectPageContainer,
.sapUiTheme-sap_belize_plus .mainDetailPage .sapUxAPObjectPageContainer {
	/* background-color: #f7f7f7; */
}

.sapUiTheme-sap_belize .mainDetailPage .sapMListTbl,
.sapUiTheme-sap_belize_plus .mainDetailPage .sapMListTbl {
	/* border: 1px solid #e5e5e5; */
}

.sapUiTheme-sap_belize .mainDetailPage .sapMListTbl th,
.sapUiTheme-sap_belize_plus .mainDetailPage .sapMListTbl th {
	/* background: #e5e5e5; */
}

.sapUiTheme-sap_belize .mainDetailPage .sapMListTbl .sapMListTblCell,
.sapUiTheme-sap_belize_plus .mainDetailPage .sapMListTbl .sapMListTblCell {
	padding-top: 8px;
	padding-bottom: 8px;
}

.sapUiTheme-sap_belize .mainDetailPage .sapMListTbl .sapMObjStatus,
.sapUiTheme-sap_belize_plus .mainDetailPage .sapMListTbl .sapMObjStatus {
	min-width: 100px;
}

.sapUiTheme-sap_belize .mainDetailPage .sapCEd .ace_editor,
.sapUiTheme-sap_belize_plus .mainDetailPage .sapCEd .ace_editor {
	font-size: 14px;
	line-height: 28px;
	/* border: 1px solid #e5e5e5; */
	box-sizing: border-box;
}

.sapUiTheme-sap_belize .mainDetailPage .sapMPanel.borrowedListPanel .sapMPanelContent,
.sapUiTheme-sap_belize_plus .mainDetailPage .sapMPanel.borrowedListPanel .sapMPanelContent {
	padding: 0;
}

/* removes unneccessary whitespace for the headlines */
.sapUiIflowkit .sapUiBlockLayoutSizeL .sapUiIflowkitLandingBlockHeadline .sapUiBlockCellContent {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.sapUiIflowkit .sapUiBlockLayoutSizeXL .sapUiIflowkitLandingBlockHeadline .sapUiBlockCellContent {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

/* fixes an issue with the sap.m.Link control in a horizontal layout (BCP #1770222127)*/
.sapUiIflowkit .sapUiIflowkitLayoutLink {
	vertical-align: baseline;
}

/* there is no property yet to align the content for block layout cells */
.sapUiIflowkit .sapUiBlockCenteredCell .sapUiBlockCellContent {
	text-align: center;
}

/* remove white shadow for header bars */
.sapUiIflowkit .sapMSplitContainerMaster .sapMIBar.sapMSubHeader-CTX,
.sapUiIflowkit .sapMSplitContainerMaster .sapMIBar.sapMHeader-CTX {
	box-shadow: none;
}

/* correct split container right border */
html.sapUiTheme-sap_belize .sapUiIflowkit .sapUiMainSplitApp > .sapMSplitContainerMaster,
html.sapUiTheme-sap_belize_plus .sapUiIflowkit .sapUiMainSplitApp > .sapMSplitContainerMaster {
	border-right: 1px solid #4f667a;
}

html.sapUiTheme-sap_belize_hcb .sapUiIflowkit .sapMSplitContainerMaster,
html.sapUiTheme-sap_belize_hcw .sapUiIflowkit .sapMSplitContainerMaster {
	border-right: none;
}

html.sapUiTheme-sap_belize_hcb .sapUiIflowkit .sapMSplitContainerMaster::before,
html.sapUiTheme-sap_belize_hcw .sapUiIflowkit .sapMSplitContainerMaster::before {
	height: 100%;
}

/* control overflow for community links in horizontal layout */
.sapUiIflowkit .communityLinkCell .sapUiHLayout {
	max-width: 100%;
}

/* fixes "or" text misalignment in vertical layout used in table cell */
.sapUiIflowkit .sapUiDocLightTable .sapUiVlt .sapMText.sapUiMainOrText {
	padding: 0;
	margin: 0;
}

.sapUiIflowkit .communityLinkCell .sapUiHLayoutChildWrapper:nth-child(2) {
	width: calc(100% - 3.0rem);
}

/* define large cell height for s,m,l */
.sapUiIflowkit :not(.sapUiBlockLayoutSizeS) .largeCell {
	min-height: 13rem;
}

.sapUiIflowkit .sapUiBlockLayout.sapUiBlockLayoutSizeM .largeCell {
	min-height: 10rem;
}

.sapUiIflowkit .sapUiBlockLayout.sapUiBlockLayoutSizeS .largeCell {
	min-height: 7rem;
}

/* FireFox does not handle aspect ratio optimization so this must be disabled for it only by resetting the element position */
html[data-sap-ui-browser^="ff"] .sapUiIflowkit .landingImage {
	position: relative;
}

html .sapMSplitContainerMaster .sapMIBar.sapMHeader-CTX, .sapMSplitContainerMaster .sapMIBar .sapMHeader-CTX, html .sapMSplitContainerMaster .sapMIBar.sapMSubHeader-CTX, .sapMSplitContainerMaster .sapMIBar.sapMSubHeader-CTX {
    /* background-color: #3b4c5b; */
}

/**************** 2024년 적용 ↓↓↓↓↓↓↓↓ **********************************************************************************/

/*************** CSS에서 변수 정의 ***************/
:root {
	  /* light 모드의 초기 기본값 색상*/
    --main-bg-edit-false-color: #eff1f2; 
    --main-font-color:black;
    --main-bg-content-color: #fff;
    --main-bg-table-header: aliceblue;

	/* sap ui5 에서 사용하는 변수값을 강제로 solid, none 처리 */
	--sapField_ReadOnly_BorderStyle: solid;
	--sapField_ReadOnly_BackgroundStyle: none;
}




/* Font 글꼴 전체 적용 (Icon 관련 Class 제외)*/
* :not(.sapUiIcon) {
  /* font-family: "Noto Sans KR", sans-serif !important; */
  font-family: "Pretendard", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Label 색상 CSS 적용 */
* .sapMLabel {
    color: var(--main-font-color);
}

/* Text 색상 CSS 적용 */
* .sapMText {
    color: var(--main-font-color);
}

/* 모든 Input Box 배경색 적용 */
.sapUiSizeCompact .sapMInputBaseContentWrapper {
    background-color: transparent;
}

/* 모든 Input Box 테두리 적용 (ReadOnly, ValueState 제외) */
.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState) {
    box-shadow: inset 0 0 0 0.0625rem rgba(85,107,129,0.25);
}

/* 모든 Select 테두리 및 배경색 적용 */
.sapMSlt {
	box-shadow: inset 0 0 0 0.0625rem rgba(85,107,129,0.25);
	background-color: transparent;
}

/* Input Box Error 인경우 아래 CSS 적용 */
.sapMInputBaseContentWrapperError {
	border: 0.125rem solid #f53232; /* 테두리 두께와 색상 설정 */
}

/* Read Only Input Box 배경색 적용 */
.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
    background-color: var(--main-bg-edit-false-color);
    border: 1px solid rgba(85,107,129,0.25);
}

/* Select Read Only 배경색 적용 */
.sapMSlt.sapMSltReadonly {
    background-color: var(--main-bg-edit-false-color);
}

/* 기본 CheckBox 배경색 적용 */
.sapMCbBg {
	background-color: transparent;
}

/* Edit=False CheckBox CSS 적용 */
.sapMCbRo .sapMCbBg {
    background-color: var(--main-bg-edit-false-color);
    border: .0625rem solid #556b81;
}

/* Page Title 글자 크기 적용(1.5배) */
.sapMTitleStyleAuto {
    font-size: 1.5rem;
}

/* ToolBar 높이 적용 */
.sapUiSizeCompact .sapMTB {
    height: 2rem;
}

/* Icon TabBar Header 글자 크기 적용  */
.sapMITH {
    font-size: 0.85rem;
}

/* 여백 색상 CSS 적용 */
.sapMITBContent {
    background-color: var(--main-bg-content-color);
}

.sapUxAPObjectPageWrapper {
	 background-color: var(--main-bg-content-color);
}

.sapMPageBgStandard {
    background-color: var(--main-bg-content-color);
}


/************** Table CSS 적용 영역 **************/

/* Table : SelectChekcBox */
.sapUiTableSelectAllCheckBox::after, .sapUiTableRowSelectionCell::after {
    background-color: transparent;
}

/* Table : Header Top 라인 적용 */
/* .sapUiTableColHdrCnt {
	border-top: 1px solid #A8B3BD;
} */

/* Table : Header 배경색 적용 */
.sapUiTableCell.sapUiTableHeaderCell {
		background-color: var(--main-bg-edit-false-color);
    /* background-color: var(--main-bg-table-header); */
}

.sapMSplitContainerMaster {
	width: 17rem !important;
}