/*probe ... brisati*/
.active_th {
	background-color: #EEE;
}
.red {
	background-color: #F00;    
}
/* apsolutno pozicionirano polje za odabir css stila */
.opacity-08 {
	opacity: 0.8;
}



/**********************************
**** dodaci za public css **********
**********************************/

/* 20.9.2018.
zbog bootrap navigacije fixirane na top
*/ 
body {
	
}


/* 20.9.2018.
bootsrtap 4 više nema xs gumba
pa se ovdje improvizira
*/ 
.btn-group-xs > .btn, .btn-xs {
    padding  : .25rem .4rem;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
}

/* 18.9.2018.
bootsrtap 4 u 'pre' klasi prelom redova
pa ako zatreba ovdje se definira
*/ 
.pre_wrap {
  white-space: pre-wrap;
  word-break: normal;
}

/* 19.10.2018.
bootsrtap badge da bude apsolutan na link
*/ 
.badge_down {
	position: absolute;
	right: 5px;
	bottom: -15px;  
}

.dropdown-menu {
	min-width: 20rem;
	background-color: #EEE;	
}

.container .dropdown .dropdown-menu a:hover
{
  background-color: #FFF;
}


@media (min-width: 992px) {
	.navbar-nav > li{
		padding-left: 10px;
		padding-right: 10px;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #DDD;
	}
	.navbar-nav > li:first-of-type{
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #DDD;
	}
}
@media (Max-width: 991px) {
	.container .dropdown .dropdown-menu a{
		padding-left: 8px;
	}
}




/* 8.10.2018.
za listanje slika u istim kvadratima (crop sredine slike)
*/ 
.crp_img {
  position: relative;
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.crp_img img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.crp_img img.portrait {
  width: 100%;
  height: auto;
}


/* 8.10.2018.
za listanje slika u divovima
*/ 
.photo_container {
	height: 214px;
	width: 214px;
	position: relative;
	padding: 8px;
	background-color: #CCC; /*09a7ba*/
}
.photo_container img {
	max-height: 180px;
	max-width: 100%;
}
.photo_title {
	bottom: 0px;
	left: 0;
	right: 0;
	height: 32px;
	box-sizing: border-box;
	background-color: rgba(90, 90, 90, .96);
	position: absolute;
	padding-left: inherit;
	padding-right: inherit;
	font-size: 14px;
	color: #cebf85;
}



/* 
trash opacity
*/ 
.trash_on_dspl {
	opacity: 0.15;
	position: absolute;
	left: 20px;
	top: 30px;
	font-size: 3rem;
	z-index: -1;
}




/* 
ostalo za public layout
*/ 
.content_header {
	font-family: 'Roboto', sans-serif;
	font-size: 46px;
	color: #4d6a79; /*#960;*/
	padding: 16px;
	background-image: url(../../_files/img/design_public/dijamant-head_c.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
	text-shadow: 2px 2px 0px #ccc, 5px 4px 0px rgba(0,0,0,0.18);
	text-transform: uppercase;
	height: 120px;
}

.content_footer {
	color: #666;
	padding: 16px;
	background-color: #EEE;
	margin-top: 40px;
}
.content_footer_cr {
	color: #777;
	padding: 16px;
	background-color: #EEE;
	font-size: 14px;
}



.eu_img{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;	
}

.eu_strip {
	
	width: 100%;
	position: absolute;
	right: 0px;
	margin-right: 0px;
	background-color: rgba(255, 255, 255, 0.80);
	bottom: 50px;
	padding-right: 25px;
	padding-left: 10px;
	z-index: 999999;
	
}
.eu_strip_img {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 30px;
}
.eu_strip_btn {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: bottom;
}
.eu_strip p {
	margin-right: 26px;
	margin-left: 26px;
	font-size: 10px;
}