#frmLogin input::placeholder {
  color: #b2b2b2;
}

body {
 background-color: #e5faff8f !important;
 font-family: 'Ubuntu', sans-serif;
}

.main {
 background-color: #FFFFFF;
 /* width: 40%;
 height: 30%;
 margin: 20em auto; */
 /* max-width: 30%; */
 border-radius: 0.5em;
 box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);
 position: fixed;
 top: 50%;
 left: 50%;
 /* bring your own prefixes */
 transform: translate(-50%, -50%);
 padding: 10px;
 width: fit-content;
 margin-right: 30px;
}

.logo {
 width: 100%;
 display: flex;
 justify-content: center;
}

.un {
width: 50%;
color: rgb(38, 50, 56);
/* background-color: rgb(58 76 85 / 10%); */
background-color: rgb(215 215 215 / 10%);
/* font-weight: 700; */
font-size: 14px;
letter-spacing: 1px;
/* background: rgba(136, 126, 126, 0.04); */
padding: 5px 20px;
border: none;
border-radius: 2px;
outline: none;
box-sizing: border-box;
/* border: 2px solid rgba(0, 0, 0, 0.02); */
border: 2px solid rgb(224 224 224 / 14%);
/* margin-bottom: 50px; */
/* margin-left: 46px; */
text-align: center;
margin-bottom: 10px;
font-family: 'Ubuntu', sans-serif;
}

#captcha_img{
  height:30px;
  width: 75px;
  color: rgb(38, 50, 56);
  background-color: rgb(58 76 85 / 10%);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  /* background: rgba(136, 126, 126, 0.04); */
  /* padding: 10px 20px; */
  border: none;
  outline: none;
  box-sizing: border-box;
  /* border: 2px solid rgba(0, 0, 0, 0.02); */
  border: 2px solid rgb(0 173 180);
  text-align: center;
  /* margin-left: 100px; */
  font-family: 'Ubuntu', sans-serif;
  display: inline-block;
  vertical-align: middle;
  /* margin-left: max(50px,5%); */
}

#LoginbtnOsvjeziCaptcha{
height: 30px;
min-width: 30px;
display: inline-block;
vertical-align: middle;
}

#LoginbtnPrihvati{
height: 35px;
font-weight: 700;
font-size: 14px;
width: 50%;
}

#frmLogin {
 padding-top: 20px;
 width: 100%;
}



.pass {
     width: 50%;
color: rgb(38, 50, 56);
/* background-color: rgb(58 76 85 / 10%); */
background-color: rgb(215 215 215 / 10%);
/* font-weight: 700; */
font-size: 14px;
letter-spacing: 1px;
/* background: rgba(136, 126, 126, 0.04); */
padding: 5px 20px;
border: none;
border-radius: 2px;
outline: none;
box-sizing: border-box;
/* border: 2px solid rgba(0, 0, 0, 0.02); */
border: 2px solid rgb(224 224 224 / 14%);
margin-bottom: 50px;
/* margin-left: 46px; */
text-align: center;
margin-bottom: 27px;
font-family: 'Ubuntu', sans-serif;
}


.un:focus, .pass:focus {
 /* border: 2px solid rgba(0, 0, 0, 0.18) !important; */
 border: 2px solid rgb(192 228 242 / 66%) !important;

}





.forgot {
 text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
 color: #E1BEE7;
 padding-top: 15px;
}

a {
 text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);
 color: #E1BEE7;
 text-decoration: none
}

.row{
  text-align: center;
}

/* @media (max-width: 600px) {
 .main {
     border-radius: 0px;
 } */
 .footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   color: grey;
   text-align: center;
 }