body#login { font-family: 'Open Sans', Arial; padding-top: 40px; padding-bottom: 40px;  }

.form-signin { max-width: 330px; padding: 15px; margin: 0 auto; background-color: #fff; border: 1px solid #fff; }
@media(max-width:768px){
    .form-signin{ max-width:100%;}
.container { padding:0; }
body#login{padding-top: 0; padding-bottom: 0;}
}
.form-signin img { max-width:40%;}
.form-signin .form-signin-heading,
.form-signin .checkbox { margin-bottom: 10px; }
.form-signin .form-signin-heading > .logo { margin-left: 20px; margin-right: 20px; }
.form-signin .checkbox { font-weight: normal; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; margin-bottom: 10px; border-radius: 0; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; top: 0px; left: 1px; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.form-signin .btn-sign-in { 
    background-color: #86754e;
    background-image: none;
    border: none;
    border-radius: 0;
    text-transform: uppercase !important;
}
.form-signin .btn-sipass {
    background-image: none;
    border: none;
    border-radius: 0;
    text-transform: uppercase !important;
    color: #fff;
    background-color: #f26822;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-signin .btn-sipass .sipass-img{
    margin-right: 15px;
}
.body-background {
    background-color:#1b3e6f;
    background-image: url(../img/pattern2.png);
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
@media(max-width:768px) {
   .body-background { display:none; } 
}

.okvir-sm, okvir-md {
    padding: 15px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #fff
}
.okvir-sm {
    max-width: 330px;
}
.form-group .form-control {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    box-shadow: none;
}