html, body{margin:0; padding:0; width:100%;}
*{border-collapse:collapse;font-family: 'Roboto Condensed', sans-serif;}
#top-bar{background:#5e5e5e;padding:.5% 0;color:silver;line-height:60px;text-align:center;}
#current-time, .glyphicon-time{font-weight:bold;color:white;}
.status{border-top: 2px solid gray; border-bottom: 2px solid gray; padding: .5em;}
.navbar-brand img{margin-top:-10px;}
.navbar{background: black !important;}
.nav{text-transform:uppercase;margin-left:2%;font-weight: bold;}
.progress-bar{text-align:left;color:black !important;text-indent:2%; }
.progress{margin-bottom:0;}
.table * {font-size:11pt !important; font-weight: 300;}
.table th {font-size:1.1em;background-color:#1e1e1e;color: white; font-weight: 100;}
#filter-pretraga{float:left !important;;margin-left:-1.5% !important;}
.heading{padding:1%;}
.sekcija{border:1px solid #111;padding:2% 5%;margin-bottom:1%;}
.opis-sekcije{padding:.5% 0%;background-color:#1e1e1e;color:#e1e1e1;border:1px solid #111;text-align:left;text-indent:2%;width:100%;}
.glyphicon-remove{color:white;}
label{width:100%}
.result-returned, .result-returned-worker{background-color:white;border:1px dotted lightblue;border-bottom:2px solid lightblue;width:100%;padding:10px;}
.statistika{border:1px solid silver;padding:1%;background:#f1f1f1;}
#tabela-proizvodi td{padding-top:0px;padding-bottom:0px;}
.grid{background-image: url("../img/mreza.jpg") !important; background-repeat: repeat !important;}
.naslov th{width:6.428571428571429% !important;background-color: #a1d2ff; border-left:1px solid white; color:white}
.radnici td, .tok-rada td { padding: 5px 0 !important; font-size:.95em;}
.rezultat td, #pretraga td{line-height:2.5em !important;}
.no-display{display:none;}
.main-content{padding-bottom:4em;}
a:hover{text-decoration: none !important;}
button{font-family: 'Roboto Condensed', sans-serif !important;}
.zapis{float:left;width: 100%;}
.zapis:nth-of-type(odd){background-color: #f9f9f9;}
.footer{z-index:9999999; text-align: center;position:fixed;bottom: 0;left:0;width:100%;padding: 1em 0; display: block; color:white; background: black;}
.table { text-align:justify; }
.bold{font-weight: 900}
.btn{color: #ec2027;}
.btn:hover{color: #ac2027;}
.btn-primary, .btn-warning{color:white;}
.memorandum{display: none;}
#napomena{height: 200px;}
#asortiman{height:17em;}
textarea{min-height: 100px;}
@media print {
  a[href]:after {
    content: none !important;
  }
  .table { display: inline; width:100% !important; min-width:100% !important; page-break-before: always; page-break-after:always; page-break-inside: always; margin-top: 10px; text-align:justify;}
  .table td {width: 2480px;}
  .footer,.go-back{display: none;}
  .memorandum{display:inline;}
  #logo{float:left;width:180px;}
  #title{margin-top: 8px;}
  #title-karton{float:left; margin-left: 1em;margin-top: 0.4em;}
  #nalog-text{float:left; width:15%;}
  #nalog-value{float:left; width:50%;}
  #servis-tip{float:right; width:25%;}
  #name-text, #address-text, #contact-text{float:left; width:15%;}
  #name-value, #address-value, #contact-value{float:left; width:50%;}
  #phone-text, #mobile-text, #email-text{float:left; width:15%;}
  #phone-value, #mobile-value, #email-value{float:left; width:20%;}
  .laser div, .laser-values div{float:left; width:25%;}
  .procent-25 div:nth-child(odd){float:left; width:30%;}
  .procent-25 div:nth-child(even){float:left; width:20%;}
  .procent-33 div{float:left;width:33%;}
  .software div, .software-values div{float:left;width:33%;}
  .generals .col-sm-3{float: left; width: 20%;}
  .generals .col-sm-9{float: left; width: 80%;}
  .servis{font-size:9pt;}
  #ob{position:fixed;bottom:20px;left:30px;}
}
@media only screen and (max-width: 768px){
	.bold{display: none;}
	.footer{display:none;}
	#asortiman{height:2em !important;}
}
.tooltip-inner {
    max-width: 500px;
    width: 500px;
    font-weight: thin !important;
    text-align: justify;
    padding: 10px;
}
a{color:#ec2027;}
a:hover{color:#ac2027;}
.row{margin-top:.1em;margin-bottom:.1em;padding-top: .5em; padding-bottom:.5em;}