/********* imports */
@font-face{
    font-family:"NotoSans";
    src:url(/Web_CEVA_Theme/NotoSans-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans";
    src: url(/Web_CEVA_Theme/NotoSans-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans";
    src: url(/Web_CEVA_Theme/NotoSans-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "NotoSans";
    src: url(/Web_CEVA_Theme/NotoSans-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

img {
     opacity: 0.99;
     /* For IE8 and earlier */
}

.bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.Login_Box {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.Login_Center {
    margin: auto;
    max-width: 270px;
    height: 100%;
    margin-top: -20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    margin-top: var(--logo-margin-top);
    max-width: none;
    position: relative;
    width: 100%;
}

.login-logo img {
    max-width: 80px;
}

.App_Title {
    text-align: center;
}

.Login__Form {
    background-color: white;
    opacity: 0.9;
    padding: 0 !important;
}

.Login__Form .Button,
.Login__Form .Button.ButtonDefault,
.Login__Form .Button.Is_Default,
.Login__Form .employee-button__content {
    font-weight: 700;
    margin: 15px 0;
    font-family: "NotoSans";
}

.Login__Form .Button.ButtonDefault,
.Login__Form .Button.Is_Default {
    background-color: #1a94ce;
    border-color: #1a94ce;
    font-family: "NotoSans";
}

.reset-password {
    cursor: pointer;
}

.remember-me {
    color: #324A6D;
}

.External_Links {
    position: absolute; 
    bottom: 0;
    width: 100%;
}
/* from old Login2 */

.textarea, 
select, 
input[type="text"], 
input[type="password"] {
    background-color: #fff;
    border: none;
    box-shadow: none;
}

select.OSFillParent, 
input[type="text"], 
input[type="datetime"], select{
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 0px;
}

input[type="text"], 
input[type="password"] {
    background-color: #fff !important;
}

.left_background {
    width: 70%;
    height: 100%;
    font-family: "NotoSans";
}

.right_background {
    width: 30%;
    height: 100%;
    
    background-color: white;
    color: #324A6D;
    font-family: "NotoSans";
}

.right_background a, 
.right_background a:link,
.right_background a:visited {
    color: #1a94ce;
    text-decoration: underline;
    font-family: "NotoSans";
}

.stretch {
    width: 100%;
    height: 100%;
}

.welcome {
    padding-left:10%; 
    padding-top:2%; 
    height: 100%; 
    top:-100%;
}

.welcome_to {
    font-size: 48px;
    color: #0d3770;
    letter-spacing: 0;   
}

.welcome_title {
    font-size: 48px;
    font-weight: bold;
    color: #0d3770;
    letter-spacing: 0;
}

.welcome_subtitle {
    font-size: 40px;
    font-weight: bold;
    color: #0d3770;
    letter-spacing: 0;
}

.separator {
    color: #324A6D;
    font-weight: bold;
    text-align: center;
}

.footer {
    font-size: 12px;
    font-style: italic;
    text-align: center;
    color: #0d3770;
}

a.employee-button, 
a.employee-button:link,
a.employee-button:hover,
a.employee-button:visited {
    text-decoration: none;
}

.employee-button__content {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 50px;
    color: #324A6D;
    font-weight: 700;
    height: 35px;
    padding:0px;
    border: 1px solid #dadbde;
    border-bottom-width: 0;
    box-shadow: inset 0 -2px 0 rgba(19, 24, 25, .2);
}

/* Styles for the app logo placeholder */
.placeholder_app_logo {
    width: 80px;
    height: 80px;
}

/* Styles for the title shown inside the login box */
.login_app_title {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #324A6D;
}

/* Styles for the image inside the employee button */
.employee-button__content > img {
    vertical-align: middle;
    margin-right: 8px;
    width: auto;
    height: 2em;
}

/* Styles for the background image */
.stretch img {
    width: 100%;
    height: 100%;
}

/* Styles for the login footer */
.position-bottom {
    position: absolute;
    bottom: 0px;
}

/* Login Inputs */

.login-input {
    border-radius: 50px;
    overflow: hidden;
    padding: 0 5px 0 0;
    margin: 10% 0;
    border: 1px solid gray;
}

.login-input input[type="text"],
.login-input input[type="password"] {
    border: 0;
    box-shadow: none;
    border-radius: 2px;
    font-size: 14px;
}

.login-input__username {
    font-family: "NotoSans";
}

.login-input__password {
    font-family: "NotoSans";
}

.login-input .image-wrapper {
    height: 100%;
    vertical-align: middle;
    margin-right: 1.96078431372549%;
    margin-left: 0;
}