/*
  #1f40ab - project blue
  #1f40ab - was blue before new logo


*/

.blue_underline{
  /*padding-bottom: 4px;*/
  padding: 4px 4px;
  border-bottom: 2px solid #1f40ab;
}



._products_categories{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}


._products_categories .categoryColumn{

  flex: 1 0 100px; /* Minimalna širina 100px */
  background-color: lightblue;
  margin: 0 15px 30px;
  text-align:center!important;
  max-width: 160px;

  padding: 20px;
  /*border: 2px solid #1f40ab;*/
  border: 1px solid white;
  border-top-left-radius: 30px; /* Zaobljeni rub gornjeg lijevog kuta */
  border-bottom-right-radius: 30px; /* Zaobljeni rub donjeg desnog kuta */
  box-shadow: 2px 2px 5px rgba(31, 64, 171, 0.8); /* Shadow sa horizontalnim pomakom od 2px, vertikalnim pomakom od 2px, blurom od 5px i transparentnošću od 0.3 */
  /*background-color: #1f40ab;*/
  /*background-color: #eff9ff;*/
  background-color: white;
  position: relative;
  transition: top 0.6s ease; /* Prijelaz za padding, trajanje 0.5 sekundi, lakoće */

}

body.mobile ._products_categories .categoryColumn{

  padding: 15px!important;
  margin-left: 5px!important;
  margin-right: 5px!important;

}


._products_categories:not(._products_page) .categoryColumn{

  top: 100px;
}

body.mobile ._products_categories:not(._products_page) .categoryColumn{

  top: -50px!important; /*#dry #čljsdfi*/
}



._products_categories a{
  text-decoration: none;
  color: #1f40ab!important;
}

._products_categories a.hoverable:hover{
  text-decoration: underline!important;
}


._products_categories .categoryColumn ul{
  margin-left: -50px;
  /*margin-top: -50px!important;*/
  /*padding: ;*/
  list-style-type: none;
}



._products_categories .categoryColumn ul li{

  border-bottom: 1px solid #1f40ab;
  padding: 3px 5px;
  /*padding-left: 0;*/

  width: 100%;
  margin-bottom: 5px;
  background-color: white;
  color: #1f40ab;
  cursor: pointer;
  text-align:center!important;
  transition: left 0.3s ease; /* Prijelaz za padding, trajanje 0.5 sekundi, lakoće */
  position: relative;
  left: 0;
  font-size: 16px;

}


._products_categories .categoryColumn ul li:hover{

  /*font-weight: 500;*/
  color: #111e49;
  padding-bottom: 2px;
  border-bottom: 2px solid #1f40ab;

}

._products_categories:not(._products_page) .categoryColumn ul li:hover{

  left: 8px;


}



._products_categories .categoryIcon{

  width: 60px;
  height: 60px;
  border-radius: 30px; /* Radius zaobljenja ivica */
  background-color: #1f40ab;
  /*display: inline-block;*/
  display: inline-flex;
  justify-content: center; /* Centriranje po horizontali */
  align-items: center; /* Centriranje po vertikali */
  /*line-height: 60px;*/

}
._products_categories .categoryIcon svg,
._products_categories .categoryIcon img{

  width: 40px;
  fill: white;
  color: white;
  position: relative;

}

._products_categories .categoryColumn h4{
/*  height: 10px!important;
  margin: 0!important;
  padding: 0!important;
  line-height: 20px!important;*/
  padding-bottom: 0px!important;
  padding-top: 0px!important;
  margin: 20px 0 30px!important;
  line-height: 22px;
  font-size: 20px;
  
  color: #1f40ab;
  /*color: white;*/
}


._products_categories ._filterItemLabel{

  padding-left: 25px;

}

._products_categories .categoryColumn.disabled ._filterItemLabel{

  /*padding-left: 0;*/

}

._products_categories .categoryColumn.disabled ._filterItemInput{
  
  /*visibility: hidden;*/

}

._products_categories .categoryColumn.disabled .categoryIcon{
  /*background-color: gray;*/
  opacity: 0.9;
}

.partnerMeni{

  max-height: 200px; 
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;

}

.partnerMeni::-webkit-scrollbar {
    width: 6px; /* Širina scroll trake */
}


body:not(.chrome) .partnerMeni{
  /*left: 25px;*/
}

/* Stiliziranje cijele scroll trake */
::-webkit-scrollbar {
    width: 12px; /* Širina scroll trake */
}

/* Stiliziranje klizača (thumb) */
::-webkit-scrollbar-thumb {
    background-color: #1f40ab; /* Boja klizača */
    border-radius: 10px; /* Okrugli rubovi klizača */
    border: 2px solid #fff; /* Dodavanje prostora unutar scroll trake */
}

html body.firefox {
    scrollbar-width: thin; /* Opcije: auto, thin, none */
    scrollbar-color: #1f40ab #f1f1f1; /* Boja klizača i boja pozadine */
}





.iconBtn, .paginationIcons i{
  opacity: 0.5;
}

.iconBtn:hover, .paginationIcons i:hover{
  opacity: 1;
}