.lv-page-login > section {
    /*background: #A47619 !important;*/
    background: #FFF !important;
    position: relative;
}

/*#region CSS Login Header*/
.lv-pg-homepage > .sapMIBar.sapMHeader-CTX .sapMTB {
    border-bottom: 1px solid #48503C !important;
}


.lv-loginpage-hbox-time {
    margin-top: 5px;
    margin-right: 30px !important;
    text-shadow: none !important;
}


/*#endregion CSS Login Header*/

/*#region CSS Talent Acquisition System*/

.hcs-tas {

    .lv-input-password-login {
        span {
            background: #A2A2A2;
        }

        span:before {
            content: "";
            speak: none;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
        }

        > input {
            background: #5C5C5C;
            opacity: 0.8;
        }

        > input::-webkit-input-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input::-moz-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input:-ms-input-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input:-moz-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }
    }

    .lv-input-username-login {
        > input {
            opacity: 0.8;
        }

        > input::-webkit-input-placeholder {
            font-style: normal;
        }

        > input::-moz-placeholder {
            font-style: normal;
        }

        > input:-ms-input-placeholder {
            font-style: normal;
        }

        > input:-moz-placeholder {
            font-style: normal;
        }
    }

    .lv-link-login-registry {
        text-decoration: none !important;
        font-size: 13px !important;
        color: #4278C8 !important;
        padding-left: 10px;
    }

    .lv-link-login-registry:before {
        content: " ";
        background: url("../../login_images/ArrowLeft.png") no-repeat;
        background-size: contain;
        position: absolute;
        left: -25px;
        top: -2px;
        font-family: @font !important;
        color: #B2B0AF;
        width: 1.3rem;
        height: 1.3rem;
    }

    .lv-login-page-footer {
        width: 100%;
        background: #333333;
        height: 170px;
        position: fixed;
        bottom: 0;
    }

    .lv-login-page-footer-title {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 170px;

        > .sapMFlexBox {
            margin-left: 0;
        }
    }

    .lv-login-page-title-footer-1 {
        font-size: 1.2rem !important;
        color: #FFF;
        float: right;
        opacity: 0.8;
        font-family: @font !important;
    }

    .lv-login-page-title-footer-2 {
        font-size: 1.5rem !important;
        color: #00B1F4;
        float: right;
        font-weight: bold;
        opacity: 0.8;
        font-family: @font !important;
    }

    .lv-login-page-title-footer-module {
        font-family: @font !important;
        font-size: 1.0rem !important;
        color: #FFF;
        opacity: 0.6;
    }


    .lv-login-page-caption {
        position: absolute;
        width: 300px;
        bottom: 150px;
        right: 5px;
        text-align: right;
        font-family: @font !important;

        .lv-login-page-caption-1 {
            font-size: 4.5rem;
            color: #00B1F4;
            font-weight: bold;
            font-family: @font !important;
        }

        .lv-login-page-caption-2 {
            font-size: 1.8rem;
            color: #7D9BC5;
            font-family: @font !important;
            margin-bottom: -20px;
            margin-top: -20px;
        }
    }

    .lv-login-page-content {
        position: absolute;
        width: 100%;
        bottom: 170px;
        font-family: @font !important;

        .lv-login-page-content-nav {
            position: relative;
            width: 400px;
            height: 160px;

            .sapMFlexItem {
                width: 80px;

                .lv-login-page-btn-slider {
                    width: 80px;
                    height: 128px;
                    position: absolute;
                    background-size: 48px 48px !important;
                    background-repeat: no-repeat !important;
                    background-position: center 10px !important;
                    left: 0;
                }

                .lv-login-page-btn-slider:focus {
                    border: none !important;
                    outline: 0;
                }

                .lv-login-page-btn-slider.btn-slider-1 {
                    background: url(../../login_images/TAS1_1.png)
                    //left: 10px;
                }

                .lv-login-page-btn-slider.btn-slider-1:after {
                    content: "Talent Acquistion System";
                    position: absolute;
                    top: 60px;
                    display: inline;
                    white-space: pre-line;
                    text-align: center;
                    font-size: 9px;
                    font-weight: bold;
                    color: #5B6E7F;
                    width: 100%;
                }

                .lv-login-page-btn-slider.btn-slider-2 {
                    background: url(../../login_images/HRM0_0.png);
                    background-size: 55px 55px !important;
                    background-position: center 6px !important;
                }

                .lv-login-page-btn-slider.btn-slider-3 {
                    background: url(../../login_images/TMS0_0.png);
                }

                .lv-login-page-btn-slider.btn-slider-4 {
                    background: url(../../login_images/LMS0_0.png);
                }
            }
        }


        .lv-login-page-content-box {
            position: relative;
            width: 625px;
            height: 160px;

            .lv-login-page-content-box-1 {
                position: absolute;
                left: 0;
                top: 0;
                text-align: right !important;
            }

            .lv-login-page-content-box-2 {
                position: absolute;
                left: 100px;
                top: 0;
                text-align: left !important;
            }

            .lv-login-box {
                margin-left: -30px;
                padding: 0 16px;
            }
        }
    }

    .lv-login-page-bacground {
        width: 100%;
        bottom: 170px;
        position: fixed;
        top: 48px;
        background: url("../../login_background_tas.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .flexbox-login > .sapMFlexBox {
        position: absolute;
        left: -30px;
    }
}

/*#endregion CSS Talent Acquisition System*/

/*#region CSS C&B*/

.hcs-cnb {

    .lv-input-password-login {
        span {
            background: #A2A2A2;
        }

        span:before {
            content: "";
            speak: none;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
        }

        > input {
            background: #5C5C5C;
            opacity: 0.8;
        }

        > input::-webkit-input-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input::-moz-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input:-ms-input-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input:-moz-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }
    }

    .lv-input-username-login {
        > input {
            opacity: 0.8;
        }

        > input::-webkit-input-placeholder {
            font-style: normal;
        }

        > input::-moz-placeholder {
            font-style: normal;
        }

        > input:-ms-input-placeholder {
            font-style: normal;
        }

        > input:-moz-placeholder {
            font-style: normal;
        }
    }

    .lv-link-login-registry {
        text-decoration: none !important;
        font-size: 13px !important;
        color: #789440 !important;
        padding-left: 3px;
    }

    .lv-link-login-registry:before {
        content: " ";
        background: url("../../login_images/ArrowLeft.png") no-repeat;
        background-size: contain;
        position: absolute;
        left: -25px;
        top: -2px;
        font-family: @font !important;
        color: #B2B0AF;
        width: 1.3rem;
        height: 1.3rem;
    }

    .lv-login-page-footer {
        width: 100%;
        background: #A47619;
        height: 170px;
        position: fixed;
        bottom: 0;
    }

    .lv-login-page-footer-title {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 170px;

        > .sapMFlexBox {
            margin-left: 0;
        }
    }

    .lv-login-page-title-footer-1 {
        font-size: 1.2rem !important;
        color: #FFF;
        float: right;
        opacity: 0.8;
        font-family: @font !important;
    }

    .lv-login-page-title-footer-2 {
        font-size: 1.5rem !important;
        color: #FFC000;
        float: right;
        font-weight: bold;
        opacity: 0.8;
        font-family: @font !important;
    }

    .lv-login-page-title-footer-module {
        font-family: @font !important;
        font-size: 1.0rem !important;
        color: #FFF;
        opacity: 0.8;
    }


    .lv-login-page-caption {
        position: absolute;
        width: 100%;
        bottom: 350px;
        font-family: @font !important;

        .lv-login-page-caption-1 {
            font-size: 3.5rem;
            color: #333300;
            font-family: @font !important;
        }

        .lv-login-page-caption-2 {
            font-size: 6rem;
            color: #808000;
            font-family: @font !important;
            margin-bottom: -20px;
            margin-top: -20px;
        }

        .lv-login-page-caption-3 {
            font-size: 3.5rem;
            color: #333300;
            font-weight: bold;
            font-family: @font !important;
            margin-top: -26px;
            width: 100%;
            text-align: right !important;
        }

        .lv-login-page-caption-4 {
            font-size: 1.8rem;
            color: #B58000;
            font-family: @font !important;
            margin-top: -15px;
        }
    }

    .lv-login-page-content {
        position: absolute;
        width: 100%;
        bottom: 170px;
        font-family: @font !important;

        .lv-login-page-content-nav {
            position: relative;
            width: 400px;
            height: 160px;

            .sapMFlexItem {
                width: 80px;

                .lv-login-page-btn-slider {
                    width: 80px;
                    height: 128px;
                    position: absolute;
                    background-size: 48px 48px !important;
                    background-repeat: no-repeat !important;
                    background-position: center 10px !important;
                    left: 0;
                }

                .lv-login-page-btn-slider:focus {
                    border: none !important;
                    outline: 0;
                }

                .lv-login-page-btn-slider.btn-slider-1 {
                    background: url(../../login_images/TAS0_0.png);
                    //left: 10px;
                }

                .lv-login-page-btn-slider.btn-slider-2 {
                    background: url(../../login_images/HRM0_1.png);
                    background-size: 55px 55px !important;
                    background-position: center 6px !important;
                }

                .lv-login-page-btn-slider.btn-slider-2:after {
                    content: "C&B System";
                    position: absolute;
                    top: 70px;
                    display: inline;
                    white-space: pre-line;
                    text-align: center;
                    font-size: 10px;
                    font-weight: bold;
                    color: #5B6E7F;
                    width: 100%;
                }

                .lv-login-page-btn-slider.btn-slider-3 {
                    background: url(../../login_images/TMS0_0.png);
                    //left: 210px;
                }

                .lv-login-page-btn-slider.btn-slider-4 {
                    background: url(../../login_images/LMS0_0.png);
                }
            }
        }


        .lv-login-page-content-box {
            position: relative;
            width: 625px;
            height: 160px;

            .lv-login-page-content-box-1 {
                position: absolute;
                left: 0;
                top: 0;
                text-align: right !important;
            }

            .lv-login-page-content-box-2 {
                position: absolute;
                left: 100px;
                top: 0;
                text-align: left !important;
            }

            .lv-login-box {
                margin-left: -30px;
                padding: 0 16px;
            }
        }
    }

    .lv-login-page-bacground {
        width: 100%;
        bottom: 170px;
        position: fixed;
        top: 48px;
        background: url("../../login_background_hrm.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .flexbox-login > .sapMFlexBox {
        position: absolute;
        left: -30px;
    }
}

/*#endregion CSS C&B*/

/*#region CSS Talent Management System*/

.hcs-tms {

    .lv-input-password-login {
        span {
            background: #A2A2A2;
        }

        span:before {
            content: "";
            speak: none;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
        }

        > input {
            background: #5C5C5C;
            opacity: 0.8;
        }

        > input::-webkit-input-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input::-moz-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input:-ms-input-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input:-moz-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }
    }

    .lv-input-username-login {
        > input {
            opacity: 0.8;
        }

        > input::-webkit-input-placeholder {
            font-style: normal;
        }

        > input::-moz-placeholder {
            font-style: normal;
        }

        > input:-ms-input-placeholder {
            font-style: normal;
        }

        > input:-moz-placeholder {
            font-style: normal;
        }
    }

    .lv-link-login-registry {
        text-decoration: none !important;
        font-size: 13px !important;
        color: #BC5714 !important;
        padding-left: 10px;
    }

    .lv-link-login-registry:before {
        content: " ";
        background: url("../../login_images/ArrowLeft.png") no-repeat;
        background-size: contain;
        position: absolute;
        left: -25px;
        top: -2px;
        font-family: @font !important;
        color: #B2B0AF;
        width: 1.3rem;
        height: 1.3rem;
    }

    .lv-login-page-footer {
        width: 100%;
        background: #703607;
        height: 170px;
        position: fixed;
        bottom: 0;
    }

    .lv-login-page-footer-title {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 170px;

        > .sapMFlexBox {
            margin-left: 0;
        }
    }

    .lv-login-page-title-footer-1 {
        font-size: 1.2rem !important;
        color: #FFF;
        float: right;
        opacity: 0.8;
        font-family: @font !important;
    }

    .lv-login-page-title-footer-2 {
        font-size: 1.5rem !important;
        color: #F7B800;
        float: right;
        font-weight: bold;
        opacity: 0.8;
        font-family: @font !important;
    }

    .lv-login-page-title-footer-module {
        font-family: @font !important;
        font-size: 1.0rem !important;
        color: #FFF;
        opacity: 0.6;
    }


    .lv-login-page-caption {
        position: absolute;
        width: 300px;
        bottom: 150px;
        right: 10px;
        text-align: left;
        font-family: @font !important;

        .lv-login-page-caption-1 {
            font-size: 4.5rem;
            color: #EA700D;
            font-weight: bold;
            margin-left: -13px;
            font-family: @font !important;
        }

        .lv-login-page-caption-2 {
            font-size: 1.8rem;
            color: #fff;
            font-family: @font !important;
            margin-bottom: -20px;
            margin-top: -20px;
        }

        .lv-login-page-caption-3 {
            font-size: 1.8rem;
            color: #B47748;
            font-family: @font !important;
            margin-bottom: -20px;
            margin-top: -20px;
        }
    }

    .lv-login-page-content {
        position: absolute;
        width: 100%;
        bottom: 170px;
        font-family: @font !important;

        .lv-login-page-content-nav {
            position: relative;
            width: 400px;
            height: 160px;

            .sapMFlexItem {
                width: 80px;

                .lv-login-page-btn-slider {
                    width: 80px;
                    height: 128px;
                    position: absolute;
                    background-size: 48px 48px !important;
                    background-repeat: no-repeat !important;
                    background-position: center 10px !important;
                    left: 0;
                }

                .lv-login-page-btn-slider:focus {
                    border: none !important;
                    outline: 0;
                }

                .lv-login-page-btn-slider.btn-slider-1 {
                    background: url(../../login_images/TAS0_0.png)
                    //left: 10px;
                }

                .lv-login-page-btn-slider.btn-slider-2 {
                    background: url(../../login_images/HRM0_0.png);
                    background-size: 55px 55px !important;
                    background-position: center 6px !important;
                }

                .lv-login-page-btn-slider.btn-slider-3 {
                    background: url(../../login_images/TMS1_1.png);
                }

                .lv-login-page-btn-slider.btn-slider-3:after {
                    content: "Talent Management System";
                    position: absolute;
                    top: 60px;
                    display: inline;
                    white-space: pre-line;
                    text-align: center;
                    font-size: 9px;
                    font-weight: bold;
                    color: #5B6E7F;
                    width: 100%;
                }

                .lv-login-page-btn-slider.btn-slider-4 {
                    background: url(../../login_images/LMS0_0.png);
                }
            }
        }


        .lv-login-page-content-box {
            position: relative;
            width: 625px;
            height: 160px;

            .lv-login-page-content-box-1 {
                position: absolute;
                left: 0;
                top: 0;
                text-align: right !important;
            }

            .lv-login-page-content-box-2 {
                position: absolute;
                left: 100px;
                top: 0;
                text-align: left !important;
            }

            .lv-login-box {
                margin-left: -30px;
                padding: 0 16px;
            }
        }
    }

    .lv-login-page-bacground {
        width: 100%;
        bottom: 170px;
        position: fixed;
        top: 48px;
        background: url("../../login_background_tms.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .flexbox-login > .sapMFlexBox {
        position: absolute;
        left: -30px;
    }
}

/*#endregion CSS Talent Management System*/

/*#region CSS Learning Management System*/

.hcs-lms {

    .lv-input-password-login {
        span {
            background: #A2A2A2;
        }

        span:before {
            content: "";
            speak: none;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
        }

        > input {
            background: #5C5C5C;
            opacity: 0.8;
        }

        > input::-webkit-input-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input::-moz-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input:-ms-input-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }

        > input:-moz-placeholder {
            color: #FFFFFF;
            font-style: normal;
        }
    }

    .lv-input-username-login {
        > input {
            opacity: 0.8;
        }

        > input::-webkit-input-placeholder {
            font-style: normal;
        }

        > input::-moz-placeholder {
            font-style: normal;
        }

        > input:-ms-input-placeholder {
            font-style: normal;
        }

        > input:-moz-placeholder {
            font-style: normal;
        }
    }

    .lv-link-login-registry {
        text-decoration: none !important;
        font-size: 13px !important;
        color: #D22EA6 !important;
        padding-left: 10px;
    }

    .lv-link-login-registry:before {
        content: " ";
        background: url("../../login_images/ArrowLeft.png") no-repeat;
        background-size: contain;
        position: absolute;
        left: -25px;
        top: -2px;
        font-family: @font !important;
        color: #B2B0AF;
        width: 1.3rem;
        height: 1.3rem;
    }

    .lv-login-page-footer {
        width: 100%;
        background: #2E3818;
        height: 170px;
        position: fixed;
        bottom: 0;
    }

    .lv-login-page-footer-title {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 170px;

        > .sapMFlexBox {
            margin-left: 0;
        }
    }

    .lv-login-page-title-footer-1 {
        font-size: 1.2rem !important;
        color: #FFF;
        float: right;
        opacity: 0.8;
        font-family: @font !important;
    }

    .lv-login-page-title-footer-2 {
        font-size: 1.5rem !important;
        color: #F7B800;
        float: right;
        font-weight: bold;
        opacity: 0.8;
        font-family: @font !important;
    }

    .lv-login-page-title-footer-module {
        font-family: @font !important;
        font-size: 1.0rem !important;
        color: #FFF;
        opacity: 0.6;
    }


    .lv-login-page-caption {
        position: absolute;
        width: 300px;
        bottom: 200px;
        right: 10px;
        text-align: left;
        font-family: @font !important;

        .lv-login-page-caption-1 {
            font-size: 4.5rem;
            color: #4F3D66;
            font-weight: bold;
            font-family: @font !important;
        }

        .lv-login-page-caption-2 {
            font-size: 1.8rem;
            color: #D22EA6;
            font-family: @font !important;
            margin-bottom: -20px;
            margin-top: -20px;
            margin-left: 3px;
        }
    }

    .lv-login-page-content {
        position: absolute;
        width: 100%;
        bottom: 170px;
        font-family: @font !important;

        .lv-login-page-content-nav {
            position: relative;
            width: 400px;
            height: 160px;

            .sapMFlexItem {
                width: 80px;

                .lv-login-page-btn-slider {
                    width: 80px;
                    height: 128px;
                    position: absolute;
                    background-size: 48px 48px !important;
                    background-repeat: no-repeat !important;
                    background-position: center 10px !important;
                    left: 0;
                }

                .lv-login-page-btn-slider:focus {
                    border: none !important;
                    outline: 0;
                }

                .lv-login-page-btn-slider.btn-slider-1 {
                    background: url(../../login_images/TAS0_0.png)
                    //left: 10px;
                }

                .lv-login-page-btn-slider.btn-slider-2 {
                    background: url(../../login_images/HRM0_0.png);
                    background-size: 55px 55px !important;
                    background-position: center 6px !important;
                }

                .lv-login-page-btn-slider.btn-slider-3 {
                    background: url(../../login_images/TMS0_0.png);
                }

                .lv-login-page-btn-slider.btn-slider-4 {
                    background: url(../../login_images/LMS1_1.png);
                }

                .lv-login-page-btn-slider.btn-slider-4:after {
                    content: "Learning Management System";
                    position: absolute;
                    top: 60px;
                    display: inline;
                    white-space: pre-line;
                    text-align: center;
                    font-size: 9px;
                    font-weight: bold;
                    color: #CBCACA;
                    width: 100%;
                }
            }
        }


        .lv-login-page-content-box {
            position: relative;
            width: 625px;
            height: 160px;

            .lv-login-page-content-box-1 {
                position: absolute;
                left: 0;
                top: 0;
                text-align: right !important;
            }

            .lv-login-page-content-box-2 {
                position: absolute;
                left: 100px;
                top: 0;
                text-align: left !important;
            }

            .lv-login-box {
                margin-left: -30px;
                padding: 0 16px;
            }
        }
    }

    .lv-login-page-bacground {
        width: 100%;
        bottom: 170px;
        position: fixed;
        top: 48px;
        background: url("../../login_background_lms.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .flexbox-login > .sapMFlexBox {
        position: absolute;
        left: -30px;
    }
}

/*#endregion CSS Talent Management System*/