/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.g-signin2-full-width{
  width: 100%;
}
.g-signin2-full-width > div{
  margin: 0 auto;
   width: 100% !important;
}
/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; /* change if the mask should have another color then white */
	z-index:99999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(https://timeplus.me/images/timeplus-logo.svg);
	z-index:9999; /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
.logo-des {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 99999999;
}
.logo-des a{
    display: block
}
.kol-br {columns: auto 3; display: none;}
@media only screen and (max-width: 980px) {
  .kol-br {columns: auto 1; display: block;}
}

button.copy_clipboard_btn {
	border: none;
	color: #fff;
	background: #e01e26;
	outline: none;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	padding: 8px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	font-size: 14px;
	font-size: 0.875rem;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	line-height: normal;
}

.owl-carousel .owl-item img.single_product {
	display: block;
	width: auto!important;
	height: 100%!important;
	margin: 0 auto;
}

a.lightbox-link {
	position: absolute;
	right: 6px;
	bottom: 0;
	z-index: 999999;
	font-size: 17px;
	font-weight: bold;
}
.follow_us ul li a {
    display: block;
    font-size: 26px;
    color: #fff !important;
}
.prod_info small 

.opis_tabela table {
  font-family: Verdana;
  font-size: 14px;
  border-collapse: collapse;
  width: 600px;
}

.opis_tabela td,th {
  padding: 2px 7px;
  text-align: left;
  margin: 0;
}

.opis_tabela tr:nth-child(2n){
  background-color: #eee;
}

table {  
    color: #333;
    font-family: Helvetica, Arial, sans-serif;
    width: 640px; 
    border-collapse: 
    collapse; border-spacing: 0; 
    margin:25px auto;
}

td, th {  
    border: 1px solid #d9d9d9;; /* No more visible border */
    /*height: 30px; */
    font-size: 12px;
    transition: all 0.3s;  /* Simple transition for hover effect */
}

th {  
    background: #DFDFDF;  /* Darken header a bit */
    font-weight: bold;
}

td {  
    background: #FAFAFA;
    text-align: left;
    padding:2px 15px;
    vertical-align: middle;
}
td p{  
    margin:0px !important;
    padding:0px !important;
}
      
tr td:nth-child(even) { background: #FEFEFE; }   
       
tr td:nth-child(odd) { background: #F1F1F1 ; }  

/*tr td:hover { background: #666; color: #FFF; }  
 Hover cell effect! */
.opis_tabela { overflow:auto; }

.related_artikal .grid_item .artikalBox img {
	object-fit: contain;
}