@h_header: 36px;

.sapUiSizeCompact {
    .sapMPageHeader .sapMIBar .sapMBarLeft,
    .sapMPageFooter .sapMIBar .sapMBarLeft,
    .sapMPageHeader .sapMIBar .sapMBarRight,
    .sapMPageFooter .sapMIBar .sapMBarRight,
    .sapMPageHeader .sapMIBar .sapMBarPH,
    .sapMPageFooter .sapMIBar .sapMBarPH {
        height: @h_header !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sapMBarRight, .sapMBarPH {
        padding-right: 0;
    }

    .lv-pg-homepage {
        > section {
            top: 2.25rem !important;
        }

        .hcs-homepage {
            .sapMIBar {
                height: 4rem;
            }
        }



        > header > .sapMBar.sapMHeader-CTX {
            background: #b22222 !important;
            text-shadow: none;

            * {
                color: #fff;
            }
        }

        > .sapMIBar.sapMHeader-CTX .sapMTB {
            border-bottom: 0 !important;
            height: 36px !important;
        }

        .lv-homepage-hbox-time {
            height: 36px !important;
            margin-top: 0 !important;
            padding-right: 5px;

            .lv-homepage-time-hour {
            }
        }

        .lv-homepage-hbox-time .lv-text-datetime-header {
            height: 36px !important;
        }

        .sapMPageHeader::before {
            border-top: 0 !important;
        }

        .lv-button-icon-header.sapMBtn {
            padding-top: 0;
            padding-bottom: 0;
            height: 2.25rem !important;
        }

        .sapMBar {
            box-shadow: unset !important;
            line-height: 2.25rem !important;
        }

        .lv-button-icon-header {
            .sapMBtnInner {
                height: 1.75rem !important;
            }

            .sapMBtnIcon {
                margin-top: 0 !important;
                line-height: 1.625rem !important;
            }
        }



        .sapMBtnInner::after {
            line-height: 1.625rem !important;
        }

        .lv-homepage-hbox-left {
            width: auto;
            background: #01638f;
            padding: 0 10px 0 0;
            height: 100%;

            img {
                padding: 3px 10px 3px 0;
            }
        }

        .lv-homepage-hbox-right {
            width: auto;
            background: #01638f;
            padding: 0 0 0 10px;
            height: 100%;
            margin-right: 0 !important;

            img {
                padding: 3px 5px 3px 5px;
            }
        }

        .lv-text-datetime-header {
            > .sapMFlexItem:first-child {
                height: 24px;
                top: -7px;
                color: #ffffff;
            }

            > .sapMFlexItem:last-child {
                height: 24px;
                top: -15px;
                color: #ffffff;
            }
        }

        .sapMBtn:hover > .sapMBtnHoverable {
            background-color: rgba(222,222,222,0.5) !important;
        }
    }


    .lv-pg-homepage > header > .sapMBarContainer {
        padding: 0;
    }

    .lv-home-list-module {
        background-color: #5B6250;
        padding: 0 15px !important;

        td.sapMListTblNavCol {
            width: 0;
            border-color: transparent;
        }

        .sapMLIB.sapMListTblRow {
            background-color: transparent !important;

            .sapMListTblCell {
                padding-bottom: 14px;
            }
        }

        tr.sapMListTblRow:focus {
            outline: none;
        }

        tr.sapMListTblRow:first-child > td.sapMListTblCell,
        tr.sapMListTblRow:first-child > td.sapMListTblNavCol {
            border-top-color: transparent;
        }

        tr.sapMListTblRow > td.sapMListTblCell,
        tr.sapMListTblRow > td.sapMListTblNavCol {
            border-color: #e5e5e5;
        }

        tr.sapMLIBSelected:hover {
            background-color: transparent;
        }

        td.sapMListTblCell {
            padding-left: 0;
        }

        td.sapMListTblCell:focus {
            border-color: #e5e5e5;
        }

        .sapMListTblNavCol > span {
            display: none;
        }
    }

    .lv-homepage-list-module {
        padding: 30px;
        top: 36px !important;
        left: 0 !important;
        border-color: #5B6250 !important;
        background-color: #5B6250 !important;
        border-radius: 0 !important;
        opacity: 0.85;

        .sapMPopoverArr {
            display: none !important;
        }

        .sapMPopoverArr:before {
            display: none !important;
        }

        .sapMPopoverArr:after {
            display: none !important;
        }
    }
}



/*#region CSS Header*/
.lv-pg-homepage > .sapMPageHeader::before {
    border-top: 0.25rem solid #48503C !important;
}

button.lv-pg-homepage .sapMBtnIcon {
    color: #FFFFFF !important;
}

div.lv-pg-homepage > button .sapMBtnIcon {
    color: #FFFFFF !important;
}

div.lv-pg-homepage .sapMBtnInner::after {
    color: #FFFFFF !important;
}

div.lv-menu-setting-icon .sapMBtnInner::after {
    color: #666666 !important;
}

.sapMBtnInner {
    /*text-shadow: 0 1px 0 #48503C!important;*/
    text-shadow: none !important;
}

.hcs-app-header-menu .sapMBtnInner {
    color: #FFFFFF !important;
}

.lv-text-datetime-header {
    height: 48px;
    margin-right: 15px;

    > .sapMFlexItem:first-child {
        height: 24px;
        top: -10px;
        color: #ffffff;
    }

    > .sapMFlexItem:last-child {
        height: 24px;
        top: -15px;
        color: #ffffff;
    }
}


.lv-panel-home-content-center {
    > header {
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: none !important;
    }

    > header > div {
        height: 150%;
    }

    .sapMPanelExpandablePart {
        border-bottom: none !important;
        background: none !important;
    }
}


/*#endregion End CSS Header*/