@charset "utf-8";
/* CSS Document */

body{
	background:#f1f9f9;
}

.form-signin {
    max-width: 500px;
    padding: 19px 29px 29px;
    margin: 0 auto;
	//margin-top:90px;
    background-color: #fff;
	
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
			
	font-family:Tahoma, Geneva, sans-serif;
	color:#990000;
	font-weight:lighter;
}

.form-signin .form-signin-heading{
    color:#00A2D1;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    font-size: 16px;
    height: 45px;
    padding: 7px 9px;
}

.signin-form, .body-container
{
	//border:solid red 1px;
	margin-top:70px;
}
.navbar-brand{
	font-family:"Lucida Handwriting";
}
#btn-submit{
	height:45px;
}
.tranzicija
{
	transition: visibility 0s, opacity 0.5s linear;
	opacity: 1;
	}
	
.opis_kvara{
	margin: 0px; 
	width: 340px; 
	height: 260px;
}
.alert-success {
  animation: cssAnimation 0s 5s forwards;
  opacity: 1; 
}

@keyframes cssAnimation {
  to   { opacity: 0; }
}
#qr_scanner {
    background-image: url("qr_scanner1.png");
    width:15px;
    height:18px;
    display:inline-block;
    background-repeat:no-repeat;
    background-size: 13px 13px;
    background-position: 0 5px !important;
    cursor: pointer;
}
.qr_popup {
    width: 300px;
	text-align: center;
    margin-top: -150px;
    margin-left: -150px; 
    opacity: 0;
    padding: 30px;
    background-color: #dfe1e6;
    color: white;
	position: fixed;
	top: 50%;
    left: 50%;
	height:300px;
	border-radius: 10px;
	background-image: url("qr.png");
	background-size: 300px 300px;
	z-index:-1;
}
.blur   {
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
}
.qr_aktiv {
opacity: 1;
z-index:1;
}
.popis_materijala {
    width: 800px;
	text-align: left;
    margin-top: -150px;
    margin-left: -400px; 
    padding: 30px;
    background-color: #545e57;
    opacity: 0;
	position: fixed;
	top: 50%;
    left: 50%;
	height:300px;
	border-radius: 10px;
	z-index:-1;
}
.popis_komercijalist {
    width: 800px;
	text-align: left;
    margin-top: -150px;
    margin-left: -400px; 
    padding: 30px;
    background-color: #545e57;
    opacity: 0;
	position: fixed;
	top: 50%;
    left: 50%;
	height:300px;
	border-radius: 10px;
	z-index:-1;
}
.popis_aktiv {
opacity: 1;
z-index:1;
}
#material_search {
    color: black;
}
#tablica_materijala{
    margin-top:10px;
    background-color:#8a918c;
    border-radius:10px;
    width:100%;
}
#tablica_materijala tr td{
    padding-right:10px;
    padding-left:5px;
}
#tablica_materijala tr th{
    padding-right:10px;
    padding-left:5px;
}
#tablica_materijala tbody tr:hover {
    background-color: #afbdb3;
    cursor: pointer;
}
#komercijalist_search {
    color: black;
}
#tablica_komercijalist{
    margin-top:10px;
    background-color:#8a918c;
    border-radius:10px;
    width:100%;
}
#tablica_komercijalist tr td{
    padding-right:10px;
    padding-left:5px;
}
#tablica_komercijalist tr th{
    padding-right:10px;
    padding-left:5px;
}
#tablica_komercijalist tbody tr:hover {
    background-color: #afbdb3;
    cursor: pointer;
}