/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.03.2015., 08:36:09
    Author     : DaliborGajdos
*/
.tr_multiline{
    white-space: pre-wrap;
    width: 225px;
}

.tr_multiline_f{
    background-color: #eeeeee;
    white-space: pre-wrap;
    width: 225px;
}

.pl_dan{
    /*position: relative;*/
    display: inline-block;
    /*float:left;*/
    /*width: 200px;*/
    /*min-height: 800px;*/
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.obavezno{
    background-color: #99ffff;
}
.web{
    background-color: #ffff66;
}

#prigovor{
    /*background-color: blue;*/
    margin-top: -5px;
    /*padding-top: -25px;*/
    font-size: 11px;
}
#brak{
    position: fixed;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
    top: 0;
    left: 0;
}
#prozor{
    position: absolute;
    width: 50vw;
    height: 50vw;
    margin-left: -25vw;
    margin-top: -25vw;
    left: 50%;
    top: 50%;
    z-index: 8;
}
@media print {
  html, body {
    display: none;  /* hide whole page */
  }
}
/*#prozor{
    position: fixed;
    width: 50vw;
    height: 50vw;
    margin-left: -25vw;
    margin-top: -25vw;
    background-color: rgba(0.2, 0, 0, 0.5);
    left: 50%;
    top: 50%;
    z-index: 8;
}*/

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

body{
    background-image: url('/images/vector-tuning-bg-2017.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.stranica{
    background-color: #aaaaaa;
    height:100%;
    width:95%;
    min-width: 1150px;
    padding:5px;
    margin: auto;
}

.zaglavlje {
    background-color:#bbbbbb;
    /* height:100%;
    width:99%; */
    padding:5px; 
    /* margin: auto; */
}

.sredina {
    /*float: left;*/
    background-color:#bbbbbb;
    /*height:50%;*/
    /*width:100%;*/
    padding:5px; 
    margin: 0 auto;
}

.button_meni_gl {
    display: inline-block;
    padding-top: 10px;
	
	/*
	padding: 3px 5px 3px 27px;
	width:50px;
	background-color:#accccc;
   */
}
.meni {
    padding: 0px;
    margin: 0px
   /* 
   background-color:#accccc;
   */
}

.podnozje {
    background-color:#eeeeee;
    color:black;
    clear:both;
    text-align:center;
    height:20px;
    /* padding:0px; */
    /* margin: auto; */
}

.login{
    width:150px;
    padding:5px; 
    margin: 0 auto;
}

input[type=text], input[type=password] {
    /*margin: auto; */
    width: 98%;
}

input[type=text]:focus, textarea:focus { 
    outline: none;
    border-color: #719ECE;
    /*box-shadow: 0 0 10px #719ECE;*/
    background-color: #ff6666;
    color:blue;
    font-weight: bold;
}

/*input[type=submit]{
     margin: auto; 
    color:black;
    height: 30px;
    width: 100%;
    margin: 0;
}*/

table#prijava, table#pretrazivanje, table#vlasnici, table#mjerila_v, table#mjerila_p, table#mjerila_oi {
    border-collapse: collapse;
    display:inline-table;
    border-width:2px;
    border:solid 2px;
    padding:5px;
    padding-bottom: 5px;
}

table#prijava{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
  unselectable="on"
  onselectstart="return false;" 
  onmousedown="return false;"
}
table#mjerila_v {
    background-color: #6699ff;
}
table#mjerila_p {
    background-color: #ff9966;
}
table#mjerila_oi {
    background-color:#cccc00;
}

table#prijava th, table#prijava td, table#pretrazivanje th, table#pretrazivanje td, 
table#vlasnici th, table#vlasnici td, table#mjerila_v th, table#mjerila_v td,
table#mjerila_p th, table#mjerila_p td, table#mjerila_oi th, table#mjerila_oi td {
    border:solid 1px;
    padding:3px;
}

table#prijava #prva{
    width:15%;
}

table#prijava #druga{
    font-weight:bold;
    width:45%;
}

table#prijava #treca{
    width:10%;
}

table#prijava #cetvrta{
    font-weight:bold;
    width:10%;
}
table#prijava #peta{
    width:10%;
}
table#prijava #sesta{
    font-weight:bold;
    width:10%;
}

table#pretrazivanje #prva{
    width:17%;
}

table#pretrazivanje #druga{
    width:2%;
}
table#pretrazivanje #treca{
    width:80%;
}


table#vlasnici th{
    border:solid 2px;
}
 
table#vlasnici #prva {
    width:10%;
}

table#vlasnici #druga{
    /*text-align:center;*/
    width:25%;
}

table#vlasnici #treca {
    /*text-align:center;*/
    width:10%;
}

table#vlasnici #cetvrta {
    width:20%;
}

table#vlasnici #peta {
    width:10%;
}

table#vlasnici #sesta {
    width:25%;
}

table#mjerila_v #prva, table#mjerila_p #prva, table#mjerila_oi #prva{
/*    width:10%;*/
}

table#mjerila_v #druga, table#mjerila_p #druga, table#mjerila_oi #druga{
    font-weight:bold;
/*    width:5%;*/
}

table#mjerila_v #treca, table#mjerila_p #treca, table#mjerila_oi #treca{
    width:10%;
}

table#mjerila_v #cetvrta, table#mjerila_p #cetvrta, table#mjerila_oi #cetvrta{
    font-weight:bold;
/*    width:10%;*/
}

table#mjerila_v #peta, table#mjerila_p #peta, table#mjerila_oi #peta{
/*    width:10%;*/
}
table#mjerila_v #sesta, table#mjerila_p #sesta, table#mjerila_oi #sesta{
    font-weight:bold;
/*    width:25%;*/
}
table#mjerila_v #sedma, table#mjerila_p #sedma, table#mjerila_oi #sedma{
/*    width:10%;*/
}
table#mjerila_v #osma, table#mjerila_p #osma, table#mjerila_oi #osma{
    font-weight:bold;
/*    width:20%;*/
}

table#prijava a, legend#legend a{
    color:blue;
    text-decoration: underline;
}

a, a:link, a:visited, a:hover, a:focus, a:active{
  /*color:black;*/
  color:blue;
  /*text-decoration: none;*/
  text-decoration: underline;
}

.select_menu {
	margin: 3px 3px 3px 15px;*/
    width: 100%;
}

.button, .button_meni  {
	/*margin: 5px 5px 5px 10px;*/
    width: 100%;
	height: 35px;
}

.button_u {
    text-align: center;
    /*width: 40%;*/
    height: 35px;
    /*
    height:20px;
    */
}

.manual {
	/*background-image: url(..//images/pdf.png);*/
	background-repeat: no-repeat;
	background-position: center;
}
.manual:hover{
	cursor: pointer;
}
.file {
	/*background-image: url(../images/file.png);*/
	background-repeat: no-repeat;
	background-position: center;
}

.button, .button_u {
    position:relative;
    /*
    width: 100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:5px;
    padding: 3px 5px 3px 27px;
	*/
	/*padding: 3px;*/
    background: #f79839; /*#ccccff;  #4479BA; */
	background-repeat: no-repeat;
	background-position: center left;
    color:black;
    -webkit-border-radius: 4px;
    /*-moz-border-radius: 4px;*/
    border-radius: 4px;
    border: solid 1px #20538D;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    /*-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);*/
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button_meni {
    position:relative;
    /*
    width: 100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:5px; */
    padding: 3px 5px 3px 27px;
	/*padding: 3px;*/
    background: #f79839; /*#ccccff;  #4479BA; */
	background-repeat: no-repeat;
	background-position: center left;
    color:black;
    -webkit-border-radius: 4px;
    /*-moz-border-radius: 4px;*/
    border-radius: 4px;
    border: solid 1px #20538D;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    /*-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);*/
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button_meni:hover {
	padding: 3px 27px 3px 5px;
    background: #cc6600;
	background-repeat: no-repeat;
	background-position: center right;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button:hover,.button_logout:hover, .button_u:hover {
    background: #cc6600;
	background-repeat: no-repeat;
	background-position: center right;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
/*input[type=submit]{
    height: 30px;
    width: 100%;
}*/

/*input[type=submit]{
     margin: auto; 
    
    color:black;
    //height: 30px;
    //width: 100%;
    margin: 0;

    padding: 3px;
    background: #ccccff; // #4479BA;
  color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); 
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}*/

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
	width: 756px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 756px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 740px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 756px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	/*
        padding: 4px 3px;
	text-align: left
        */
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	/*
        width: 100%
        */
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	/*
        width: 100%;
        */
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	/*
        width: 100%;
        */
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/*
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
*/
/*
tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}
*/
/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	/*
        width: 200px
        */
}

html>body thead.fixedHeader th + th {
	/*
        width: 240px
        */
}

html>body thead.fixedHeader th + th + th {
	/*
        width: 316px
        */
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	/*
        width: 200px
        */
}

html>body tbody.scrollContent td + td {
	/*
        width: 240px
        */
}

html>body tbody.scrollContent td + td + td {
	/*
        width: 300px
        */
}

select {
	background: none repeat scroll 0 0 #f79839;
    border: 1px solid #f79839;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #E8E8E8 inset;
    height: 30px;
    margin: 0 0 0 5px;
    padding: 0px;
    width: 95%;
}

select:hover {
	background: #cc6600;
}

div.container {
    display: grid;
    grid-template-columns: 320px 20px auto;
    grid-template-rows: auto;
	grid-row-gap: 10px;
}

div.container1 {
    display: grid;
    grid-template-columns: 820px 20px auto;
    grid-template-rows: auto;
	grid-row-gap: 10px;
}

div.left {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: row1-start
    grid-row-end: 3;
	/*
	background-color: Aqua;
	*/
}

div.left1 {
    height: 500px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: row1-start
    grid-row-end: 3;
    overflow-y: scroll;
    overflow-x: scroll;
	/*
	background-color: Aqua;
	*/
}

div.right {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end; 1;
	/*
    background-color: Silver;
	*/
}

div.below {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end; 2;
}

 /* Remove default bullets */
ul, #myUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
  margin: 0;
  padding: 0;
}

#link:hover{
	cursor: pointer;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  /*user-select: none;  Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}