.tb_info{
    width: 600px;
}
.tb_info td {
    padding: 2px;
    
}
.title{
    text-align: right;
    width: 50px;
}
.data{
    width: 200px;
}
.firma_info{
    display: block;
}
.info_firma{ width: 600px; float:left;
}
.log_firma{ width: 300px; border: 1px; float:left;
}
.input_filds{ float: left; margin-right: 30px; width: 330px; height: 30px;
}
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
.detalji_lovca {
     background-color: rgb(255, 255, 255); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 10px;
}
.detalji_lovca tr td {
     border-top: 1px solid #C8C6C6; border-left: 0px; border-right: 0px; padding: 5px 10px;  background-color: rgb(255, 255, 255); 
}.detalji_lovca tr th {
    border-bottom: 2px solid #6a6969; padding: 10px; font-weight: bold;  background-color: rgb(255, 255, 255); 
}
.tipka1{
    background: #535353; float:left; display: block; text-align: center; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; padding: 2px 8px; color: #ffffff; text-decoration: none; text-transform: uppercase; 
    border: solid 1px #999;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px; margin-top: 5px;
}
.tipka2{
    float: left; margin-left: 10px; background: #535353; display: block; text-align: center; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; padding: 2px 8px; color: #ffffff; text-decoration: none; text-transform: uppercase;
    border: solid 1px #999;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.tipka_d{
    float: right; margin-left: 10px; background: #535353; display: block; text-align: center; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; padding: 2px 8px; color: #ffffff; text-decoration: none; text-transform: uppercase;
    border: solid 1px #999;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.tipka_login{
    float: right; background: #535353; display: block; text-align: center; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; padding: 2px 3px; color: #ffffff; text-decoration: none; text-transform: uppercase; 
    border: solid 1px #999;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.inline {float:left}
.list_dug li{ padding-bottom: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.boja{padding-left: 6px; padding-bottom: 1px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*OBAVIJESTI O KOMPANIJI*/
.news{ height: 120px; width: 400px; overflow: auto; background: #EDEDED; padding: 6px; border: solid 1px #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 6px;}
.note{background: url(images/note.png) no-repeat 0 5px;}

.feed li { border-top: 1px solid #dadcdd; padding: 6px 0; letter-spacing: .01px; font-size: 12px; color: #1c1c1c; padding-left: 20px; }
li.first {border-top: 0;}
.feed-date {font-size: 10px; color: #95999c;}

span{ margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

.ceke_naslov{
    width:1000px; display: grid; grid-template-columns: 200px 120px 600px; grid-gap: 30px; margin-left: 100px; background-color: aliceblue; padding: 5px;
}
.ceka_slobodna {
    background: #79d279;
    height: 60px;
    border: solid 1px #999;;
    padding: 10px;
    border-radius: 5px;
}
.ceka_zauzeta {
    background: #ffcc80;
    height: 60px;
    border: solid 1px #999;;
    padding: 10px;
    border-radius: 5px;
}

/* kompentzacije */
.komp{float: left; margin-right: 20px; margin-bottom: 10px; width:200px; padding: 6px; background: #EDEDED; border: solid 1px #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.detaljiKomp{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:14px; }

.zavjesa{ top:0px; left:0px; position: absolute; visibility: hidden; background: url(images/zavjesa.png) repeat; z-index: 101;  }
.login{ position: fixed; clear: both; top: 10px;  background-color: #CAC7C7; border: solid 1px #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px; visibility: hidden; 
 z-index: 102;
}

.login-head{background: url(images/key.png) no-repeat 0 0px; border-bottom: 2px solid #000; height: 20px; padding-top: 6px; }
.login-line{border-bottom: 2px solid #000; height: 20px; padding-top: 6px; }
.login-load{background: url(images/loader.gif) no-repeat 40px 100px; z-index: 105; background-color: #797676; opacity: 0.8; visibility: hidden; width:300px; height: 235px; position:fixed}
.login-form{position:fixed; width:300px; }
.uputa{height: 400px; }

.ime{ margin-left:10px; float:right; padding: 10px; font-size: 12px; color: #1c1c1c; background: #EDEDED; border: solid 1px #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

.users{width:1450px; padding: 5px;}
.users tr th{border-bottom: 1px solid #000; padding-bottom:5px; text-align: left; padding-left: 5px;}
.users tr td{padding: 5px;  border-bottom: 1px solid #C8C6C6;}
.new_user {position:relative; left:800px; top:20px;}
.users_details {width:500px; margin:auto; border:1px solid #B5B4B4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px}
.users_details tr td{border-bottom: 1px solid #C8C6C6; padding:5px;}

.alert_error {
    display: block; margin-left: auto; margin-right: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    background: #F3D9D9 url(../img/icn_alert_error.png) no-repeat; background-position: 10px 10px; border: 1px solid #D20009; color: #7B040F;
    padding: 10px 5px; text-indent: 40px; font-size: 14px;
}
.alert_success {
    display: block; margin-left: auto; margin-right: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
    background: #E2F6C5 url(../img/icn_alert_success.png) no-repeat; background-position: 10px 10px;
    border: 1px solid #79C20D; color: #32510F; padding: 10px 5px; text-indent: 40px; font-size: 14px;
}
.edit{ position: fixed; clear: both; top: 10px;  background-color: #E1DFDF; border: solid 1px #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px; visibility: hidden; 
 z-index: 102;
}
.add_lbl{float: left; width: 120px; padding-top: 2px; font-size: 13px; padding-right: 10px; text-align: right;}
.ugovori{ position: fixed; clear: both; top: 10px;  background-color: #E1DFDF; border: solid 1px #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px; visibility: hidden; 
 z-index: 102;
}
.ugovori_data{
	font-size: 12px; overflow: auto; height: 460px;
}
.dodaj_novog{ margin-left:10px; float:right; padding: 4px 15px; font-size: 12px; color: #1c1c1c; background: #EDEDED; border: solid 1px #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.centar_400{margin-left: auto; margin-right: auto; width: 400px;}
.artikli{ margin-left: auto; margin-right: auto;}
.artikli tr th{border-bottom: 1px solid #000; padding-bottom:5px; text-align: left; padding-left: 5px;}
.artikli tr td{padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #C8C6C6;}
.razmak {border-top: solid 1px #999; height: 8px; margin-top: 8px;}
.novi_rabat{float:left;}
.rabati{width:600px; margin-left: auto; margin-right: auto;}
.rabati tr th{border-bottom: 1px solid #000; padding-bottom:5px; text-align: left; padding-left: 5px; vertical-align:bottom;}
.rabati tr td{padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #C8C6C6;}
.tipka1:focus{
    border: solid 1px #999; 
}
.formarange:focus{border: solid 1px #F00;}
.pix7 {
    padding-top: 7px;
}
.lovci-form-izvjestaj{
    width: 430px;
    height:330px;
	display: none;
	flex-direction: column;
	/* align-items: center; */
	justify-content: center;
	margin: 30px;
	border-radius: 30px;
	padding: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	background-color: rgba(203, 202, 202, 0.5);
    z-index: -100;
    

}