/*
    body {
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 13px;
    background-color: #b4d8f7;
    background-image: url(../Images/background.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}

.box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 320px;
}

    .box .heading {
        color: #3577a9;
        font-size: 30px;
        text-align: center;
        padding-bottom: 20px;
        font-weight: bolder;
    }

    .box .login {
        background-color: #FFFFFF;
        padding-left: 20px;
    }

    .box .footer {
        text-align: center;
    }

.logintext {
    color: #444444;
    font-size: 23px;
    padding-top: 30px;
    font-weight: 100;
    margin-bottom: 25px;
}

.smalltext {
    font-size: 12px;
    line-height: 20px;
    color: #575757;
    text-align: justify;
}

.copyright {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    color: #999;
    font-size: 13px;
}

.usernamebox, .passwordbox {
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    border-left: 2px solid #3577a9 !important;
    height: 32px;
    width: 100%;
    color: #777777;
    font-size: 14px;
    padding-left: 35px;
}

.usernamebox {
    background: url(../Images/login_user.png) no-repeat scroll 7px 9px;
}

.passwordbox {
    background: url(../Images/login_password.png) no-repeat scroll 7px 9px;
}

.button {
    font-weight: lighter;
    color: #FFFFFF;
    background-color: #3577a9;
    border: 1px solid #3577a9;
    height: 34px;
    width: 90px;
    font-size: 1.2em;
}

.margin-bottom {
    margin-bottom: 20px;
}

.errortext {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ff0000;
}
*/

body {
    background-color: white;
    background-position: center;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    font: normal 14px Roboto,arial,sans-serif;
    /*font-family: 'Dancing Script', cursive !important;*/
}

.container {
    padding: 110px;
}

/*::placeholder {
    Chrome, Firefox, Opera, Safari 10.1+ color: #ffffff !important;
    opacity: 1;
    Firefox: font-size: 18px !important;
}*/

html, body {
    padding: 0px !important;
    margin: 0px !important;
}

#repeat-x {
    background-repeat: repeat-x;
}

/*element.style
{
}

label:not(.form-check-label):not(.custom-file-label)
    {
    font-weight: 700;
}*/

#leftpane {
    overflow: hidden;
    height: 100vh;
    background-color: white;
    background: url(../../../Images/hris_background.jpg) no-repeat center right;
    /*background: center repeat-x url(../../../Images/hris_background.jpg), url(../../../Images/loginbackground1.jpg);*/
    background-size: cover;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover; /* Mozilla*/
    -o-background-size: cover; /* Opera*/ /*background-size: cover;*/ /* Generic*/
}

#leftpane01 {
    overflow: hidden;
    height: 100vh;
    background-color: cornflowerblue;
    background: url(../../../Images/loginbackground1.jpg) center right;
    background-repeat: repeat-x;
    background-size: cover;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover; /* Mozilla*/
    -o-background-size: cover; /* Opera*/ /*background-size: cover;*/ /* Generic*/
}

#loginSuccessBackground {
    overflow: hidden;
    height: 100vh;
    background-color: red;
    background: url(../../../Images/loginbackground.jpg) no-repeat center right;
    background-size: cover;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover; /* Mozilla*/
    -o-background-size: cover; /* Opera*/ /*background-size: cover;*/ /* Generic*/
}

#rightpane {
    width: 400px;
    height: 100vh;
    float: right;
}

@media (max-width:400px) {
    #rightpane {
        float: right;
        width: 100%;
        height: 100%;
        background-color: #FFF;
    }
}

#rightsidecontainer {
    padding-left: 40px;
    padding-right: 80px;
    padding-top: 40px;
}

.row {
    width: 100%;
    /*border: 1px solid #DDD;*/
}

    .row .footer {
        padding-top: 20px;
    }

    .row .logo {
        height: 100px;
    }

    .row .heading {
        height: 40px;
        padding-top: 5px;
    }

.textfield {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    width: 300px;
    height: 26px;
    padding-left: 10px;
}

.bluebutton {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #2672EC;
    background-color: #2672EC;
    width: 80px;
    height: 26px;
}

.bluebutton_1 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #2672EC;
    background-color: #2672EC;
    border-radius: 15px;
    padding: 10px;
    width: 80px;
    height: 35px;
    text-align: center;
    text-decoration: none;
}

.bluebutton_SSO {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #ff6600;
    background-color: #ff6600;
    border-radius: 15px;
    padding: 0px;
    width: 80px;
    height: 35px;
    text-align: center;
    text-decoration: none;
}

.bluebutton:hover {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #7DAAF4;
    background-color: #7DAAF4;
    width: 80px;
    height: 26px;
}

.bigtext {
    font-family: "Segoe UI Light";
    font-size: 16px;
    line-height: 20px;
    color: #06C;
    text-align: justify;
}

.exbigtext {
    font-family: "Segoe UI Light";
    font-size: 20px;
    line-height: 20px;
    color: #06C;
    text-align: justify;
}

.smalltext {
    font-family: "Segoe UI";
    font-size: 12px;
    line-height: 20px;
    color: #575757;
}

.errortext {
    font-family: "Segoe UI";
    font-size: 12px;
    line-height: 20px;
    color: red;
}

a.link {
    font-family: "Segoe UI";
    font-size: 12px;
    text-decoration: underline;
    color: #666;
}

    a.link:hover {
        font-family: "Segoe UI";
        font-size: 12px;
        text-decoration: none;
        color: #06C;
    }