﻿.bodyBackground {
    background-image:url("../images/login bg.png");
    background-repeat:no-repeat;
    background-size:cover;
}

.loginLogo {
    display:table;
    margin:0 auto;
    width:100%;
    margin-top: 80px;
}

input[type="text"] , input[type="password"] {
  display: block;
  margin: 0;
  width: calc(100% - 50px);
  font-family: 'Open Sans Hebrew', serif;
  font-size: 23px;
  border:none;
  display:table;
  margin:0 auto;
  height:50px;
  color: gray;
  text-align:right;
  padding-right: 50px;
  border:1px solid gray;
  margin-bottom:6px;
}
input[type="text"]:focus , input[type="password"]:focus {
  outline: none;
}

.passwordInput {
    background-image: url("../images/lock.png");
    background-position-x: 98%;
    background-position-y: 50%;
    background-size: 32px 32px;
    background-repeat: no-repeat;
}

.userInput {
    background-image: url("../images/man.png");
    background-position-x: 98%;
    background-position-y: 50%;
    background-size: 32px 32px;
    background-repeat: no-repeat;
}

.loginMiddle {
    width:95%;
    display:table;
    margin:0 auto;
}

#loginBtn {
    line-height:48px;
}

#loginStatus {
    display:table;
    margin:0 auto;
    font-family: 'Open Sans Hebrew', serif;
    font-size: 23px;
    color:#cd1c22;
    font-weight:bold;
    margin-top:15px;
}

.slogen
{
    display:table;
    margin:0 auto;
    font-family: 'Open Sans Hebrew', serif;
    font-size: 30px;
    color:#9DC050;
    font-weight:bold;
    margin-top:-2%;
    margin-bottom: 30%;
}

.btn {
    width: calc(100% + 1px);
    height:50px;
    background-color: #005292;
    font-family: 'Open Sans Hebrew', serif;
    font-weight:bold;
    font-size: 23px;
    color:white;
    display:table;
    margin:0 auto;
    text-align:center;
    -webkit-clip-path: polygon(0 0, 100% 1%, 100% 100%, 20px 100%, 0% 30px);
    clip-path: polygon(0 0, 100% 1%, 100% 100%, 20px 100%, 0% 30px);
    cursor:pointer;
}
