/*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 **********
**********************************/


h1 {
	font-size: 32px;
	color: #333;
	margin-top: 30px;	
}
h2 {
	font-size: 26px;
	color: #333;
	margin-top: 42px;
}
h3 {
	font-size: 22px;
	color: #333;
}


/* 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;
		
}

.container .dropdown .dropdown-menu a:hover
{
  
}


.tn_bottom
{
	margin-bottom: 30px;  
}




@media (min-width: 992px) {
	.navbar{
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCC;
	}
	.navbar-nav > li{
		margin-left:1.5em;
	}
	.navbar-nav > li:first-of-type{
		margin-left:1,5em;
		list-style-type: none !important;
	}
}





/* 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: 206px;
	width: 206px;
	position: relative;
	padding-top: 12px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 12px;
}
.photo_container img {
	max-height: 160px;
	max-width: 160px;
}
.photo_title {
	bottom: 0px;
	left: 0;
	right: 0;
	height: 44px;
	box-sizing: border-box;
	background-color: rgba(220, 220, 220, .90);
	position: absolute;
	padding-left: inherit;
	padding-right: inherit;
	font-size: 14px;
	color: #666;
}


/* 3.11.2019.
za listanje slika u divovima za kolekciju
*/ 
.photo_container_collect {
	
	width: 100%;
	position: relative;
	padding-top: 12px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 32px;
}
.photo_container_collect img {
	max-height: 150px;
	max-width: 150px;
}
.photo_pcollect_title {
	max-width: 150px;
}
.photo_title_collect {
	bottom: 0px;
	left: 0;
	right: 0;
	height: 24px;
	box-sizing: border-box;
	background-color: rgba(220, 220, 220, .90);
	position: absolute;
	padding-left: inherit;
	padding-right: inherit;
	font-size: 14px;
	color: #666;
}






/* 8.12.2018.
za detalje
*/
.item_dtl_img {
	position: relative;	
}
@media (max-width: 767.98px) { 
	.item_dtl_img {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCC;
	}
}
@media (min-width: 768px) {
	.item_dtl_img {
		border-right-width: 0px;
		border-right-style: solid;
		border-right-color: #CCC;	
	}
}
.item_dtl_price {
	color: #b82328;
}


.item_prev_div {
	position: absolute;
	left: 0px;
	bottom: 0px;	
}
.item_next_div {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.item_prev_div, .item_next_div {
	height: 40px;
	width: 40px;
	text-align: center;
	color: #b82025;
}
.item_prev_div a, .item_next_div a {
	color: #b82025;
}
.item_prev_div a:hover, .item_next_div a:hover {
	color: #c46164;
}



.cart_img {
	width: 80px;
}
@media (min-width: 992px) {
	.cart_img {
		width: 140px;
	}
}



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



/* 
kod provjere veličine datoteke i slike
*/ 
.input_file_data {
	position: absolute;
	left: 0px;
	top: -4px;
	z-index: 9;
	width: 100%;
}







/* 
ostalo za public layout
*/ 

.content_footer {
	padding: 16px;
	background-color: #DDDDDD;
	margin-top: 0px; /* bilo je 50 */
	font-size: 14px;
}
.content_footer a {
	color: #ccc;
}
.content_footer h5{
	color: #aaa;
	font-size: 16px;
	margin-top: 16px;
	font-weight: bold;
}
.content_footer hr{
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #aaa;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	border-left-color: #aaa;
	margin-top: 32px;
}
.footer_color2{
	color: #aaa;	
}
.content_footer_cr {
	color: #ccc;
	padding: 16px;
	font-size: 14px;
}




	.photo_prev_next {
		margin-top: 8px;
		font-size: 30px;
	}
	.photo_prev_next img {
		width: 50px;
		margin-bottom: 8px;
	}
	.item_title {
		font-size: 20px;
	}
@media (min-width: 576px) {
	.photo_prev_next {
		margin-top: 8px;
		font-size: 30px;
	}
	.photo_prev_next img {
		width: 60px;
		margin-bottom: 8px;
	}
	.item_title {
		font-size: 24px;
	}
}
@media (min-width: 768px) {
	.photo_prev_next {
		margin-top: 140px;
		height: 120px;
		font-size: 30px;
	}
	.photo_prev_next img {
		width: 60px;
		margin-bottom: 6px;
	}
	.item_title {
		font-size: 20px;
	}
}
@media (min-width: 992px) {
	.photo_prev_next {
		margin-top: 140px;
		height: 120px;
		font-size: 34px;
	}
	.photo_prev_next img {
		width: 80px;
		margin-bottom: 6px;
	}
	.item_title {
		font-size: 24px;
	}
}
@media (min-width: 1200px) {
	.photo_prev_next {
		margin-top: 150px;
		height: 140px;
		font-size: 42px;
	}
	.photo_prev_next img {
		width: 100px;
		margin-bottom: 6px;
	}
	.item_title {
		font-size: 28px;
	}
}


/* dodaci za public

*/
.side_img_left {
	opacity: 0.25;
	position: absolute;
	left: -300px;
	top: 128px;
	z-index: -1;
}
.side_img_right {
	opacity: 0.25;
	position: absolute;
	right: -220px;
	top: 128px;
	z-index: -1;
}