@font-face {
    font-family: "NotoSans";
    src: url("./fonts/NotoSansRegular.ttf") format('truetype');
}

@font-face {
    font-family: "NotoSansBold";
    src: url("./fonts/NotoSansBold.ttf") format('truetype');
}

@font-face {
    font-family: "NotoSansLight";
    src: url("./fonts/NotoSansLight.ttf") format('truetype');
}

@font-face {
    font-family: "NotoSansHebrew";
    src: url("./fonts/NotoSansHebrew-Regular.ttf") format('truetype');
}


@font-face {
    font-family: 'asterisk';
    src: url('fonts/fontello-asterisk/fontello.eot?87618806');
    src: url('fonts/fontello-asterisk/fontello.eot?87618806#iefix') format('embedded-opentype'), url('fonts/fontello-asterisk/fontello.woff2?87618806') format('woff2'), url('fonts/fontello-asterisk/fontello.woff?87618806') format('woff'), url('fonts/fontello-asterisk/fontello.ttf?87618806') format('truetype'), url('fonts/fontello-asterisk/fontello.svg?87618806#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.login-flex {
    display: flex;
    height: 100vh;
    //overflow: scroll;
    min-height: 800px;
}

    .login-flex .left-side {
        flex-basis: 42.5%;
        background: grey;
        background-image: url("../../Images/newDesign/LoginPage/Background.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        min-height: 800px;
    }

    .login-flex .right-side {
        flex-basis: 57.5%;
        min-height: 800px;
    }
.logo-container {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px;
}

.login-logo {
    max-width: 150px;
}

.login-area {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #f9fafb;
    min-height: 100vh;
    background-image: none;
}

    .login-area > img {
        display: none;
    }
/* end login-area */
/* login-area-cexpense */
.login-flex .left-side-cexpense {
    flex-basis: 42.5%;
    background: grey;
    background-image: url("../../Images/newDesign/LoginPage/Backgroundcexpense.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    min-height: 1000px;
}

    .login-area-cexpense > img {
        display: none;
    }
/* end login-area-cexpense */
/* login-header */
.login-header {
    position: relative;
    z-index: 100;
    background: #fff;
}

    .login-header .container {
        max-width: 1066px;
        padding: 10px 15px;
        margin: 0 auto;
    }

    .login-header .logo {
        width: 188px;
        height: 60px;
        text-indent: -9999px;
        overflow: hidden;
        display: block;
    }

        .login-header .logo a {
            display: block;
            height: 100%;
        }
/* end login-header */
/* login-content */
.login-content, .login-content-cexpense {
    min-height: 100%;
    height: 100vh;
}


.login-content-cexpense .valign {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}

.login-content .container, .login-content-cexpense .container {
    max-width: 100%;
    width: 100%;
    height: 100%;
    padding: 0px;
    padding-bottom: 50px;
    margin: 0 auto;
}

    .login-content .container .column, .login-content-cexpense .container .column {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
.login-content .container .column .top {

}

.login-content .container .column .bottom {

}


/*.login-content-cexpense .container {
    max-width: 1058px;
    padding: 10px 15px 239px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}*/

.login-content .heading {
    color: #fff;
    padding: 0 0 25px;
    font-size: 36px;
    line-height: 40px;

}

.login-content-cexpense .heading {
    color: #000;
    padding: 0 0 40px;
    font-size: 36px;
    line-height: 40px;
}

.login-content .heading h1, .login-content-cexpense .heading h1 {
    color: #343440;
    margin: 0;
    font: 32px 'NotoSansBold';
    line-height: 44px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 16px;
}


/*.login-content-cexpense .heading h1 {
    color: #000;
    margin: 0 0 8px;
    font: 36px/40px 'LatoRegular', sans-serif;
}*/

.login-content .heading p, .login-content-cexpense .heading p {
    font-family: "NotoSans";
    margin: 0;
    text-align: center;
    color: #343440;
    text-decoration: none;
    font-size: 24px;
}


.login-form {
    max-width: 517px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 67px;
    border-radius: 8px;
    color: #fff;
    font: 16px/20px 'LatoRegular', sans-serif;
    background: white;
    box-shadow: 0px 1px 1px rgba(125, 151, 174, 0.16), 0px 1px 1px rgba(125,151,174,0.1);

    margin: 0 auto;
}
    .login-form .title {
        font-family: NotoSans;
        font-size: 24px;
        line-height: 36px;
        color: #343440;
        text-align: center;
        margin-bottom: 48px;
    }



    .login-form .form-control {
        height: 47px;
        font: 16px 'NotoSans', sans-serif;
        border: solid 1px #B1B8C2;
        background-color: white;
        border-radius: 8px;
        color: #343440;
        padding: 2px 19px;
        margin: 0 0 20px;
    }

    .login-form .form-control .error {
        border-color: #F9C6D1;
        background: #FFF1F4;
    }

    .login-form .form-control::-moz-placeholder {
        color: #747474;
        font: 16px 'NotoSans', sans-serif;
    }

    .login-form .form-control:-ms-input-placeholder {
        color: #747474;
        font: 16px 'NotoSans', sans-serif;
    }

    .login-form .form-control::-webkit-input-placeholder {
        color: #747474;
        font: 16px 'NotoSans', sans-serif;
    }
        .login-form .first-time {
            margin-bottom: 0;
        }
    .login-form footer {
        padding: 0;
    }

        .login-form footer:after {
            content: '';
            display: block;
            clear: both;
        }

        .login-form footer .box {
            float: left;
            width: 49%;
        }

    .login-form .check-block {
        padding: 0 0 19px;
    }

        .login-form .check-block:after {
            content: '';
            display: block;
            clear: both;
        }

        .login-form .check-block .chk-area {
            margin: 0 17px 0 0;
        }

        .login-form .check-block label {
            display: block;
            overflow: hidden;
            color: #fff;
            font: 16px/20px 'LatoRegular', sans-serif;
            padding: 2px 0 0;
        }

    .login-form p {
        margin: 0;
        margin-bottom: 40px;
        margin-top: 16px;
        font-family: "NotoSans";
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        text-align:center;
        color: #5D6E93;
        text-decoration: none;
    }

    .login-form .forgot-password {
        width: 100%;
        display: block;
    }

        .login-form p a {
            color: #5D6E93;
            text-decoration: none;
        }

            .login-form p a:hover {
                text-decoration: none;
            }

    .login-form .btn {
        width: 100%;
        max-width: 100%;
        margin: 0;
        background-color: #485879;
        margin-bottom: 24px;
    }

.login-content .version-note, .login-content-cexpense .version-note {
    display: block;
    max-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    padding: 0;
    color: #343440;
    text-align: center;
    font: 16px/20px 'NotoSans', sans-serif;
}

/*.login-content-cexpense .version-note {
    display: block;
    max-width: 422px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    padding: 7px 3px 0;
    color: #000;
    font: 16px/20px 'LatoRegular', sans-serif;
}*/

/* end login-content */

.form-control:focus,
.custom-combobox-input:focus {
    -webkit-box-shadow: none;
    box-shadow:none;
}