.logo{
	height: 50px;
}

.main-bg{
	background-color: #dfe8ee!important;
}

.main-border{
	border-color: #dfe8ee!important;
}

body {
    min-height: 100%;
    background: #f0f4f7;	
}

.main-color{
	color: rgba(0,0,0,.5)!important;
}

.main-index {
	padding-top: 15px;
}

.main-margin-top {
	margin-top: -.5rem!important;
}

.main-card-header{
	background: #dfe8ee;
	border-bottom: 1px solid #dfe8ee;
}

.main-card-border{
	border: 1px solid #dfe8ee;
}

.search-form {
	position: relative;
	display: flex;
	flex: 1;
	margin: 0 15px;
}

.search-input {
	flex: 1;
	padding-right: 2rem;
	font-weight: 300;
	background: #f0f4f7;
	border-color: transparent;
	transition: all 0.2s ease-in-out;
}

.search-input::placeholder {
    color: rgba(0, 0, 0, 0.33);
}

.search-input:hover {
    background: #fff;
}

.search-submit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 2rem;
	background: transparent;
	border: none;
}

.filters-form h5 {
	margin-bottom: 1rem;
	font-size: 1rem;
	font-weight: bold;
}

.filters-form fieldset {
	padding: 15px 0;
}

.filters-form .filters-region {
	margin-top: 15px!important;
}

.filters-form .filters-region label {
    display: none;
}

.filters-form fieldset.alt {
	margin: 0 -15px;
	padding: 15px;
	background: rgba(0, 0, 0, 0.05);
}

.filters-form .form-group:last-child {
	margin-bottom: 0;
}

.filter-btn, .filter-btn:hover {
	margin-top: .5rem;
	padding: .125rem .5rem;
	font-size: .875rem;
	background: #fff;
	color: #000;
}

.green-btn, .green-btn:hover {
	background: #28a745;
	color: #fff;
}

.red-btn, .red-btn:hover {
	background: #dc3545;
	color: #fff;
}

.sort-form {
	position: absolute;
	top: 0;
	right: 15px;
	margin: 0 0 1rem 1rem;
	padding: .5rem 0 .5rem .75rem;
	background: #f0f4f7;
	border-bottom-left-radius: 0.25rem;
}

.sort-form > .form-group {
    margin: 0;
}

.sort-form label {
    margin: 0 .5rem 0 0;
    font-size: .875rem;
}

.sort-form select {
    height: auto !important;
    padding: .125rem .25rem !important;
    font-size: .875rem;
}

.seller {
	margin: 0 0 15px 0;
	padding: 1.5rem;
	background: #fff;
}

@media (min-width: 768px) {
    .seller {
		display: grid;
		grid-template-columns: 1fr 3fr;
		grid-template-rows: min-content 1fr;
		grid-gap: 1rem 1.5rem;
	}
}

.seller-premium {
	background: #fee;
}

.seller-contact th,
.seller-contact td {
	padding: .25rem;
	font-size: .875rem;
	border-bottom: 1px solid #f0f4f7;
}

.seller-contact th {
	padding-left: 0;
}

.seller-image,
.objekat-slika-naslovna,/*izbaciti*/
.objekat-slike-wrap {/*x2*/
	margin: 1rem 0;
	max-width: 100%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .seller-image {
		order: -1;
		margin: 0;
	}
}

@media (min-width: 992px) {
    .seller-image {
		grid-row: 1/3;
		margin: 0;
	}
}

.seller-images {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
	width: 75%;
	margin: 1rem 0 1rem auto;
}

.seller-image > img {
	max-width: 100%;
}

.seller-desc {
	font-weight: 300;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .seller-desc {
		grid-column: 1/3;
	}
}

.seller-title {
	font-size: 2rem;
}

.navbar{
	background-image: linear-gradient(120deg, #063786 -50%, #c2e9fb 200%);
}

.navbar-brand{
	color: white !important;
}

.nav-link{
	color: white !important;
}

.dropdown-menu{
	background-image: linear-gradient(120deg, #063786 -50%, #c2e9fb 200%);
	background-color: inherit;
}

.dropdown-item{
	color: white;
}

.dropdown-item:focus, .dropdown-item:hover{
	color: white;
    background-color: #659ed6a8;
}

.icon-30{
	max-width: 30px;
	max-height: 30px;
}

.sport-icon{
	max-width: 1em;
	max-height: 1em;
	vertical-align: top;
}

.color-box{
	width: 20px;
	height: 20px;
}

#calendar table th, #calendar table td {
	border-color: #333;
}

#calendar table td.fc-today {
	background-color: #fe9;
}

.rating {
	--dir: right;
	--fill: gold;
	--fillbg: rgba(100, 100, 100, 0.15);
	--star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');
	--stars: 5;
	--starsize: 3rem;
	--symbol: var(--star);
	--value: 1;
	--w: calc(var(--stars) * var(--starsize));
	--x: calc(100% * (var(--value) / var(--stars)));
	block-size: var(--starsize);
	inline-size: var(--w);
	position: relative;
	touch-action: manipulation;
	-webkit-appearance: none;
    background: transparent;
  }
  [dir="rtl"] .rating {
	--dir: left;
  }
  .rating::-moz-range-track {
	background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
	block-size: 100%;
	mask: repeat left center/var(--starsize) var(--symbol);
  }
  .rating::-webkit-slider-runnable-track {
	background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
	block-size: 100%;
	mask: repeat left center/var(--starsize) var(--symbol);
	-webkit-mask: repeat left center/var(--starsize) var(--symbol);
  }
  .rating::-moz-range-thumb {
	height: var(--starsize);
	opacity: 0;
	width: var(--starsize);
  }
  .rating::-webkit-slider-thumb {
	height: var(--starsize);
	opacity: 0;
	width: var(--starsize);
	-webkit-appearance: none;
  }
  .rating, .rating-label {
	font-family: ui-sans-serif, system-ui, sans-serif;
  }
  .rating-label {
	margin-block-end: 1rem;
  }
  
  /* NO JS */
  .rating--nojs::-moz-range-track {
	background: var(--fillbg);
  }
  .rating--nojs::-moz-range-progress {
	background: var(--fill);
	block-size: 100%;
	mask: repeat left center/var(--starsize) var(--star);
  }
  .rating--nojs::-webkit-slider-runnable-track {
	background: var(--fillbg);
  }
  .rating--nojs::-webkit-slider-thumb {
	background-color: var(--fill);
	box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
	opacity: 1;
	width: 1px;
  }
  [dir="rtl"] .rating--nojs::-webkit-slider-thumb {
	box-shadow: var(--w) 0 0 var(--w) var(--fill);
  }