
ul.no-bullets {
    list-style-type: none; /* Odstranitev bulletsov za ul */
}

ul.no-bullets li {
    display: flex; /* Uporaba flexbox za poravnavo naziva in radio gumba v isti vrstici */
    align-items: center; /* Poravnava elementov v sredino navpično */
}

ul.no-bullets li input[type="radio"] {
    margin-right: 10px; /* Dodaten prostor med radio gumbom in nazivom */
}


.select2css {
    width: 100%;
}

body .select2-container--default .select2-results__option {
    background: black;
}

.select2-container--default .select2-selection--single {
    background: transparent !important;
}
.select2-selection__rendered {
    color: #ffffff !important;
}


.select2-container--default .select2-selection--multiple {
    background: transparent !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: transparent !important;
}


.modal-open .select2-container {
    z-index: 9999;
}

.ff_fileupload_wrap .ff_fileupload_dropzone {
    width: 100% !important;
    height: 40px!important;
}


.rate {
    display: inline-block;
    border: 0;
}
/* Hide radio */
.rate > input {
    display: none;
}
/* Order correctly by floating highest to the right */
.rate > label {
    float: right;
}
/* The star of the show */
.rate > label:before {
    display: inline-block;
    font-size: 1.4rem;
    padding: .3rem .3rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}
/* Zero stars item_ohranjenost_ */
.rate > label:last-child:before {
    content: "\f006 "; /* empty star outline */
}
/* Half star trick */
.rate .half:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0px;
}
/* Click + hover color */
input:checked ~ label, /* color current and previous stars on checked */
label:hover, label:hover ~ label { color: #bd7923;  } /* color previous stars on hover */

/* Hover highlights */
input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
input:checked ~ label:hover ~ label, /* highlight previous selected stars for new item_ohranjenost_ */
label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #d06718;  }

/* Base Colors */
:root {
    --shade-10: #bb5b13;
    --shade-1: #d7dcdf;
    --shade-0: #fff;
    --teal: #1a96bc;
    --range-width: 100%;
    --range-handle-color: var(--shade-10);
    --range-handle-color-hover: var(--teal);
    --range-handle-size: 30px;
    --range-track-color: var(--shade-1);
    --range-track-height: 10px;
    --range-label-color: var(--shade-10);
    --range-label-width: 40px;
}

/* Reset */
*,
*::before,
*::after {
    box-sizing: border-box;
}



@media (min-width: 600px) {
    body {
        padding: 60px;
    }
}

.range-slider {
    margin: 10px 0 10px 0;
    width: var(--range-width);
}

.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (var(--range-label-width) + 13px));
    height: var(--range-track-height);
    border-radius: 5px;
    background: var(--range-track-color);
    outline: none;
    padding: 0;
    margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
    appearance: none;
    width: var(--range-handle-size);
    height: var(--range-handle-size);
    border-radius: 50%;
    background: var(--range-handle-color);
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
    background: var(--range-handle-color-hover);
}

.range-slider__range:active::-webkit-slider-thumb {
    background: var(--range-handle-color-hover);
}

.range-slider__range::-moz-range-thumb {
    width: var(--range-handle-size);
    height: var(--range-handle-size);
    border: 0;
    border-radius: 50%;
    background: var(--range-handle-color);
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
    background: var(--range-handle-color-hover);
}

.range-slider__range:active::-moz-range-thumb {
    background: var(--range-handle-color-hover);
}

.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px var(--shade-0), 0 0 0 6px var(--teal);
}

.range-slider__value {
    display: inline-block;
    position: relative;
    width: var(--range-label-width);
    color: var(--shade-0);
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: var(--range-label-color);
    padding: 5px 2px;
    margin-left: 4px;
}

.range-slider__value::after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid var(--range-label-color);
    border-bottom: 7px solid transparent;
    content: '';
}

/* Firefox Overrides */
::-moz-range-track {
    background: var(--range-track-color);
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}

.menu-icon {
    position: relative;
}

.menu-icon .badge {
    font-size: 0.7rem;
    padding: 4px 6px;
    z-index: 10;
}
