@media (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
}

.kontejner_boltano {
    max-width: 1200px;
    padding: 0px !important;
}


.row_boltano {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.boja_pozadina_naslovnica {
    background-color: var(--bojaPozadinaNaslovnica);
}

#navbar-logo {
    background-image: url('../slike/tvrtka/logo-prijava1.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.navbar-linkovi {
    width: max-content;
    padding: 0px 14px;
    display: inline-block;
}

.bg-light {
    background-color: transparent !important;
}

.gornji-izbornik > div > div > div > a {
    color: inherit !important;
    text-decoration: none;
    background-color: transparent;
}

/*#region Lijevi izbornik filtriranje*/
.divFilter {
    max-height: 200px;
    overflow-y: auto;
    width: 280px;
    border: 1px solid #00000017;
    padding: 5px;
    margin-bottom: 15px;
}

.divRowLijeviIzbornikItem p {
    margin-bottom: 0 !important;
}

.divFilterNaslov {
    background-color: #1b3889;
    color: white;
    padding: 10px;
    margin: 0;
    width: 280px
}
/*#endregion*/
/*#region Panel sa ikonama*/
.panelIkoneSlikaCol {
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    align-self: center;
    /*fiksat mob*/
}

.panelIkoneTekstCol {
    padding-left: 0px;
    align-self: center;
    /*fiksat mob*/
    text-align: left;
}

.panelIkoneTekstNaslov {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.panelIkoneTekstPodnaslov {
    padding: 0;
    font-size: 12px;
    margin: 0;
}

.panelIkoneBox {
    border: 1px solid black;
}

.panelIkoneTekstCol {
    text-align: justify !important;
    padding-left: 0;
}

@media(max-width:992px) {
    .panelIkoneSlikaCol {
        padding-right: 15px;
        text-align: center;
    }

    .panelIkoneTekstCol {
        padding-left: 15px;
        text-align: center;
    }
}

/*#endregion*/

/*#region ELEMENTI, OSNOVNE KLASE*/
input {
    padding: 5px;
}

.modal-backdrop {
    opacity: 0.5 !important;
}

.centrirani-text {
    text-align: center !important;
}

.tekst_desno {
    text-align: right;
}

.bez-margineLD {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.bez_paddinga {
    padding: 0px;
}

.puna-sirina-input {
    width: 100%;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 10px;
}

.obavezno_polje {
    color: red;
    font-size: 1.2em;
}


.txtAreaMob {
    min-height: 200px
}

@media (max-width: 767px) {
    .txtAreaMob {
        height: 100px;
        min-height: 100px;
        overflow-y: scroll;
    }
}


.disejblano {
    pointer-events: none;
    opacity: 0.4;
}

.div_kosarica {
    margin: 0px -20px;
}

.vertical-center-vanjski {
    height: 170px;
    position: relative;
}


.vertical-center-unutarnji {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*kolona sirine 20% za pet artikala u retku*/
.kolona_boltano_petina {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (min-width: 992px) {
    .kolona_boltano_petina {
        float: left;
        width: 20%;
    }
}

.kolona_boltano_xxs {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 480px) {
    .kolona_boltano_xxs {
        float: left;
        width: 100%;
    }
}

/*#endregion ELEMENTI, OSNOVNE KLASE*/

/*#region BUTTONS*/
/*button Kupi*/
.btn-kupi {
    background-color: var(--bojaBtnKupi);
    border: none;
    width: 100%;
    color: white;
}

    .btn-kupi:hover {
        background-color: var(--bojaBtnKupi);
        border: none;
        opacity: 0.5;
        color: white;
    }

    .btn-kupi:disabled {
        background-color: var(--bojaBtnKupi);
        border: none;
        width: 100%;
        cursor: not-allowed;
        color: white;
    }

    .btn-kupi:focus, .btn-kupi.focus {
        box-shadow: 0 0 0 0.2rem var(--bojaBtnKupi);
        color: white;
    }

    .btn-kupi.disabled, .btn-kupi:disabled {
        color: #fff;
        background-color: var(--bojaBtnKupi);
        border-color: var(--bojaBtnKupi);
    }

    .btn-kupi:not(:disabled):not(.disabled):active, .btn-kupi:not(:disabled):not(.disabled).active,
    .show > .btn-kupi.dropdown-toggle {
        color: #fff;
        background-color: var(--bojaBtnKupi);
        border-color: var(--bojaBtnKupi);
    }

        .btn-kupi:not(:disabled):not(.disabled):active:focus, .btn-kupi:not(:disabled):not(.disabled).active:focus,
        .show > .btn-kupi.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--bojaBtnKupi);
            color: white;
        }



/*button primary*/
.btn-primary {
    background-color: var(--bojaBtnPrimary);
    border: none;
    /*width: 100%;*/
    color: white;
}

    .btn-primary:hover {
        background-color: var(--bojaBtnPrimary);
        border: none;
        opacity: 0.5;
        color: white;
    }

    .btn-primary:disabled {
        background-color: var(--bojaBtnPrimary);
        border: none;
        width: 100%;
        cursor: not-allowed;
        color: white;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem var(--bojaBtnPrimary);
        color: white;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: var(--bojaBtnPrimary);
        border-color: var(--bojaBtnPrimary);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--bojaBtnPrimary);
        border-color: var(--bojaBtnPrimary);
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--bojaBtnPrimary);
            color: white;
        }


/* BUTTON DEFAULT*/
.btn-default {
    color: #555555;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
}

    .btn-default:focus,
    .btn-default.focus {
        color: #555555;
        background-color: #e6e6e6;
        border-color: rgba(0, 0, 0, 0.1);
    }

    .btn-default:hover {
        color: #555555;
        background-color: #e6e6e6;
        border-color: rgba(0, 0, 0, 0.1);
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #555555;
        background-color: #e6e6e6;
        border-color: rgba(0, 0, 0, 0.1);
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #555555;
            background-color: #d4d4d4;
            border-color: rgba(0, 0, 0, 0.1);
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #ffffff;
        border-color: rgba(0, 0, 0, 0.1);
    }

    .btn-default .badge {
        color: #ffffff;
        background-color: #555555;
    }


/*BUTTON KAO OBICAN TEKST S IKONOM*/
.btnTextIcon {
    background-color: transparent !important;
    padding: 0px 5px !important;
    padding-right: 20px !important;
    text-decoration: none;
    color: #1b89b1;
    text-decoration: none;
    font-weight: 500;
    border: none;
}

.btnTextIconBezPaddinga {
    background-color: transparent !important;
    padding: 0px 5px !important;
    text-decoration: none;
    color: #1b89b1;
    text-decoration: none;
    font-weight: 500;
}

.btnTextIcon.disabled, .btn:disabled {
    opacity: .65;
    color: black;
    cursor: auto;
}

.btnTextIcon_Ikona {
    font-weight: bold;
}

/*#endregion BUTTONS*/

/*#region HEADER, NAVBAR*/

#sticky-master-top {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    background-color: white;
}

@media (max-width: 1024px) {
    #sticky-master-top {
        padding-top: 0px;
        margin-top: -5px;
    }
}

.textbox_trazi {
    background-color: transparent;
    /*background-color: var(--bgDark);*/
    border: none;
    border-bottom: 1px solid grey;
    color: white;
}

    .textbox_trazi:focus, input:focus {
        outline: none;
    }


.bg-dark {
    background-color: var(--bgDark) !important;
    color: white !important;
}

.bg-light {
    color: var(--bgDark) !important;
    background-color: var(--bgLight);
}
/*.bg-light {
    background-color: var(--bojaPozadinaNaslovnica) !important;
}*/
.header_boja_dark {
    background-color: var(--bgDark) !important;
    color: white;
}

    .header_boja_dark a {
        color: white;
    }

        .header_boja_dark a:hover {
            color: white;
        }

    .header_boja_dark button {
        color: white;
    }

        .header_boja_dark button:hover {
            color: white;
        }

        .header_boja_dark button:focus {
            color: white;
        }

        .header_boja_dark button:active {
            color: white !important;
        }





.nav-heder {
}

.navbar {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}


.li_navbar_divider {
    color: var(--bojaSlovaNav) !important;
    margin-top: 5px;
}


.izbornik-nav > .nav-item > .nav-link {
    font-size: large;
    color: var(--bojaSlovaNav);
}

.izbornik-nav > .nav-item:hover > .nav-link {
    border-radius: 5%;
    color: var(--bojaSlovaNavHover) !important;
}

.izbornik-nav > .nav-item :hover {
    border-radius: 5%;
    color: white !important;
}


#navbarDropdown, #navbarSupportedContent > ul > li > a {
    padding: 4px 10px;
    color: white;
}

.nav-link {
    padding: 4px 10px !important;
    color: white !important;
}

    .nav-link:hover {
        color: var(--bojaSlovaNavHover) !important;
    }

#nav-linkDodaci:hover {
    color: var(--bgDark) !important;
}

.akcija_tekst {
    padding: 4px 10px;
    color: var(--bojaSlovaAkcija) !important;
}

.dropdown-item.nema3:hover {
    border-radius: 5%;
    color: white !important;
    background-color: var(--bgDark);
}

.dropdown-divider {
    margin-top: 0;
    margin-bottom: 0;
    border-color: var(--bgDark);
}

.dropdown-multicol2 :last-child > .dropdown-divider {
    width: 100% !important;
}

.izbornik-nav :not(.align-top) > .nav-item:hover {
    background-color: rgba(255,255,255,.75);
}

.izbornik-nav > .nav-link {
    color: var(--bojaSlovaNav);
}

/*DRDN vise redaka tj stupaca*/
/*selektor za drdn koji se otvara kad se klikne na Reketi*/
.dropdown-menu.dropdown-multicol2.show {
    background-color: rgba(255,255,255,.9);
    border-radius: 5%;
    color: black !important;
}

.dropdown-col.align-top :hover {
    background-color: var(--bgDark);
}

.dropdown-row.align-top :hover {
    background-color: var(--bgDark);
}

.dropdown-row > .dropdown-divider {
    width: 100%;
}

.dropdown-col.align-top:hover > a.dropdown-item:hover {
    color: white !important;
}

/* rows */
div.dropdown-multicol {
    width: max-content;
}

div.dropdown-row > a.dropdown-item {
    display: inline-block;
    width: auto;
}
/* Columns */
div.dropdown-multicol2 {
    width: max-content;
}

    div.dropdown-multicol2 > div.dropdown-col {
        display: inline-block;
        width: auto;
    }

@media(min-width: 992px) {
    .navbar .izbornik-nav {
        margin: 0;
        display: flex;
        flex-direction: row;
        width: 100%;
    }
}

.navbar .izbornik-nav li {
    flex: 1;
    flex-basis: auto;
}

    .navbar .izbornik-nav li a {
        /*font-weight: bold;*/
        flex: 1;
    }


@media (max-width: 992px) {

    .navbar-toggler {
        margin-left: 10px;
    }


    .navbar {
        padding-left: 0px;
        padding-right: 0px;
        border-radius: 0px;
    }

    /*#navbarDropdown {
        color: white;
    }

    #navbarDropdown:hover {
        color: rgba(255,255,255,0.5);
    }*/

    /*puna �irina na mobitelima*/
    div.dropdown-multicol {
        width: 100%;
    }

    div.dropdown-row > a.dropdown-item {
        display: block;
        width: 100%;
    }

    div.dropdown-multicol2 {
        width: 100%;
    }

        div.dropdown-multicol2 > div.dropdown-col {
            display: block;
            width: 100%;
        }


    .aLinkBrend {
        border-top: 1px solid black;
        border-collapse: collapse;
        background-color: #bfbfbf;
    }


    .glavni_izbornik .dropdown-menu {
        position: absolute;
        float: none;
    }

    .dropdown-menu.dropdown-multicol2.show {
        background-color: rgba(255,255,255,1);
    }

    #drdnMenuNav1Razina {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        border-radius: 4px;
        margin-right: 15px;
    }
}

/*#endregion NAVBAR*/

/*#region CAROUSEL*/

.carousel-control-next, .carousel-control-prev {
    width: 3%;
    background-color: var(--bojaPozadinaNaslovnica);
    opacity: 0.2;
}

#carouselNaNaslovnici img {
    max-height: 450px !important;
}

/*#endregion  CAROUSEL*/

/*#region FOOTER, DRUSTVENE MREZE, DIVCOOKIES*/

#povratak_na_vrh {
    margin-right: 30px;
}


/*COOKIES*/
#divCookies {
    position: sticky;
    bottom: 0;
    padding: 0 20px;
    background-color: #d4e5f7;
    z-index: 2
}


.lista_futer {
    margin-top: 30px;
    text-align: left;
    float: left;
    list-style-type: none;
    margin-left: -15px;
    margin-right: -15px;
}

/*Footer veca slova na manjim sirinama*/
@media (max-width:768px) {
    .lista_futer > li, .lista_futer > li > a {
        font-size: 17px !important;
    }
}

.lista_futerD /*Stil za liste za futer*/ {
    float: right;
    list-style-type: none;
}

.li_futer /*Stil za liste za futer*/ {
    float: left;
    margin-right: 20px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: var(--bojaPozadinaNaslovnica);
    border: 1px solid var(--bojaOkvir);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-dark {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: var(--bgDark);
    border: 1px solid var(--bgDark);
    border-radius: 4px;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
}

    .well-dark a, li {
        color: white;
    }

        .well-dark a:hover {
            color: white;
        }



    .well-dark button {
        color: white;
    }

        .well-dark button:hover {
            color: white;
        }

        .well-dark button:focus {
            color: white;
        }

        .well-dark button:active {
            color: white !important;
        }

    .well-dark a:not([href]):not([tabindex]) {
        color: white;
        text-decoration: none;
    }



/*PANEL DRUSTVENE MRE�E*/

.div_okvir {
    background-color: var(--bojaPozadinaNaslovnica);
    border-radius: 15px;
    box-shadow: 15px 15px 10px var(--bojaShadow);
    margin-left: 25%;
    margin-right: 25%;
    padding: 15px 0px;
    border: 1px solid var(--bojaOkvir)
}

    .div_okvir p, a {
        color: #007bff
    }

/*#endregion  FOOTER, DRUSTVENE MREZE, DIVCOOKIES*/

/*#region PRIJAVA,KORISNICKI PODATCI,SHOP MASTER*/
.boja_panel {
    background-color: var(--bojaPanel);
}

.boja_panel_dark {
    background-color: var(--bgDark);
}

    .boja_panel_dark p {
        color: white;
    }

.crni_txt {
    color: black !important;
}

    .crni_txt a:hover {
        color: black !important;
    }



@media(min-width:992px) {
    .boja_panel_dark a {
        color: white;
    }

        .boja_panel_dark a:hover {
            color: white;
        }




    .boja_panel_dark button {
        color: white;
    }

        .boja_panel_dark button:hover {
            color: white;
        }

        .boja_panel_dark button:focus {
            color: white;
        }

        .boja_panel_dark button:active {
            color: white !important;
        }
}



.botuni-korisnicki-podatci {
    padding-left: 0px;
    padding-right: 0px;
}

.pomoc-kontakt-prijava ul li {
    display: inline;
    text-decoration: none;
    padding-left: 10px;
}

#prvi-redak-prijava {
    padding-top: 10px !important;
}

#liPrijaviSe > div {
    padding-left: 0px;
}

.botun-prijava {
    padding-left: 8px;
}

.input-prijava {
    padding-left: 8px;
    margin-top: -10px;
    margin-right: 0px;
}

.labela-prijava {
    color: gray;
    font-size: 14px;
}

.labela_margina_lijevo {
    margin-left: -15px;
}

#prvi-redak-master2 {
    padding-top: 10px !important;
}

.prvi-redak-prijava-master2 {
    background-color: var(--bojaPozadinaNaslovnica);
    box-shadow: 5px 5px 2px var(--bojaShadow);
    padding-bottom: 5px;
}

.prvi-redak-prijava-master2-dark {
    background-color: var(--bgDark);
    /*box-shadow: 5px 5px 2px var(--bojaShadow);*/
    padding-bottom: 5px;
}

    .prvi-redak-prijava-master2-dark a {
        color: white;
    }

        .prvi-redak-prijava-master2-dark a:hover {
            color: white;
        }

    .prvi-redak-prijava-master2-dark button {
        color: white;
    }

        .prvi-redak-prijava-master2-dark button:hover {
            color: white;
        }

        .prvi-redak-prijava-master2-dark button:focus {
            color: white;
        }

        .prvi-redak-prijava-master2-dark button:active {
            color: white !important;
        }





.shopUnosUputa {
    font-size: 10px;
    font-style: italic;
}

.btn_pregled_dostave {
    margin-left: -30px;
    width: 110%
}


/*klase za ikonu kosarice s tekstom preko (broj artikala)*/
#kosaricaVanjski {
    position: relative;
    height: 30px;
    width: 30px;
    font-size: 12px;
}

#kosaricaUnutarnji {
    position: absolute;
    top: 0;
    right: 5%;
    background-color: #E94832;
    color: #ffffff;
    border-radius: 50%;
    height: 50%;
    width: 50%;
    text-align: center;
}


#kosaricaVanjskiXS {
    position: relative;
    height: 30px;
    width: 30px;
    font-size: 12px;
}

#kosaricaUnutarnjiXS {
    position: absolute;
    top: 0;
    right: 5%;
    background-color: #E94832;
    color: #ffffff;
    border-radius: 50%;
    height: 50%;
    width: 50%;
    text-align: center;
}

/*stil za gridview cjenik*/
.cjenik-grid-parni {
    background-color: #f7f7f7 !important;
}

.cjenik-grid-neparni {
}

    .cjenik-grid-parni > td, .cjenik-grid-neparni > td, .cjenik-grid-parni > th, .cjenik-grid-neparni > th {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }


/*za tablicu povijest narudzbi*/
.tekst_padding_lijevo {
    padding-left: 10px;
}



/*#endregion  PRIJAVA,KORISNICKI PODATCI,SHOP MASTER*/

/*#region SHOP - STIL ZA REDOSLIJED FORMI KOD KUPOVINE*/
/*1. Vasa kosarica 2. Podatci za dostavu i racun 3. Odabir nacina dostave 4. Potvrda kupnje*/
.redoslijed-formi {
    background-color: #eaeaea;
    min-height: 30px;
    /*margin-top: 10px;*/
}

    .redoslijed-formi .redoslijed-lista {
        padding: 12px 0;
        width: 100%;
        border-radius: 0;
        text-align: center;
        margin: 0;
        background-color: transparent;
        display: inline-block;
    }

        .redoslijed-formi .redoslijed-lista > li {
            -moz-box-sizing: border-box;
            padding: 10px 0 12px 10px;
            background-color: #d1d1d1;
            box-sizing: border-box;
            width: 24%;
            white-space: nowrap;
            color: #666;
            font-size: 1em;
            position: relative;
            text-shadow: 0 0 2px rgba(0,0,0,.2);
            -webkit-box-sizing: border-box;
            height: 39px;
        }

            .redoslijed-formi .redoslijed-lista > li > a {
                color: inherit;
            }

@media (max-width:768px) {
    .redoslijed-formi .redoslijed-lista > li {
        width: 48%;
        padding: 0 5px;
        background-clip: content-box;
        height: 30px;
        line-height: 30px;
        margin-bottom: 10px;
        position: inherit;
    }
}

.redoslijed-formi .redoslijed-lista > li.active {
    background-color: #888;
    color: #fff;
}

    .redoslijed-formi .redoslijed-lista > li.active::after {
        border-left: 13px solid #888;
    }

.redoslijed-formi .redoslijed-lista > li + li::before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 17px solid #eaeaea;
}

.redoslijed-formi .redoslijed-lista > li:last-child::after {
    right: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}

.redoslijed-formi .redoslijed-lista > li::after {
    content: '';
    top: 0;
    right: -13px;
    position: absolute;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 13px solid #d1d1d1;
    z-index: 150;
}

.redoslijed-lista > li {
    display: inline-block;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/*#endregion SHOP - STIL ZA REDOSLIJED FORMI KOD KUPOVINE*/


/*#region PANEL ISTAKNI*/
/*#region 4 slike i tekst*/
.PanelSLikeSlika:first-child {
    padding-left: 0px;
}

.PanelSLikeSlika:nth-of-type(2) {
    margin-left: -15px !important;
}

@media (max-width: 796px) {
    .PanelSLikeSlika:first-child {
        padding-left: 15px;
    }

    .PanelSLikeSlika:nth-of-type(2) {
        margin-left: unset !important;
    }

    .PanelSLikeSlika {
        margin: 0px 0px 0px 0px !important;
    }
}

.PanelSlikaTekst {
    margin: 0px 15px 0px 0px;
    padding: 0px;
}

.PanelSLikeSlika {
    height: 220px;
    width: 390px;
    max-width: 390px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .PanelSLikeSlika:hover {
        opacity: 0.6;
    }

    .PanelSLikeSlika:not(:last-child) {
        margin: 0px 15px 0px 0px;
    }

.PanelSlikeTekst {
    backdrop-filter: blur(5px);
    background-color: var(--bgDark);
}
/*#endregion*/

#red_slike_1 {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

.panel_brendovi_naslovnica {
    /*background-color: var(--bojaPozadinaNaslovnica);*/
    background-color: #e1e6ea;
}

.redak_naziv {
    height: 20px;
}

.redak_naziv_lijevo {
    height: 70px;
}

.artikal_naslov {
    text-align: center;
    white-space: initial;
    font-size: 16px;
    color: black;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    width: 100%;
    margin: 5px 15px;
    padding-left: 15px;
    padding-right: 15px
}

/*.brend_naslov {
    font-size: 18px;
    font-weight: bold;
    color: grey;
    width: 100%;
    text-align: right;
    margin: 5px;
    margin-right: 15px;
}*/

.redak_cijena {
    text-align: center;
    font-size: 18px;
    color: red;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    min-height: 27px;
    padding-right: 15px;
    margin: 5px 15px;
}

.redak_cijena_valuta2 {
    text-align: center;
    font-size: 16px;
    color: red;
    /*font-weight: bold;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    min-height: 27px;
    padding-right: 15px;
    margin: 5px 15px;
}

/*.redak_cijena_valuta2 {
    color: red;
    text-align: center !important;
    width: 100%;
    font-size: 16px;
    display: block;
    margin: 5px;
    min-height: 27px;
}*/

/*.redak_cijena_stara {
    text-align: right;
    font-size: 14px;
    text-decoration: line-through;
    width: 100%;
    display: block;
    min-height: 21px;
    padding-right: 15px
}*/

.redak_cijena_stara {
    text-align: center;
    font-size: 14px;
    text-decoration: line-through;
    width: 100%;
    display: block;
    margin: 5px 15px;
    min-height: 21px;
    padding-right: 15px;
}

.redak_cijena_stara_valuta2 {
    text-align: center;
    font-size: 12px;
    text-decoration: line-through;
    width: 100%;
    display: block;
    margin: 5px 15px;
    min-height: 21px;
    padding-right: 15px;
}


/*.redak_cijena_stara_valuta2 {
    text-align: center !important;
    width: 100%;
    font-size: 12px;
    display: block;
    margin: 5px;
    text-decoration: line-through;
    min-height: 21px;
}*/


/*umjesto kucice s popustom koristi se ribbon u gornjem lijevom kutu
    .div_popust {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    right: 10px;
    top: 0;
    background-color: red;
    opacity: 0.9;
    color: #ffffff
}*/

.div_novo {
    position: absolute;
    /*left: 0px;*/
    right: 0px;
    top: 0;
    opacity: 0.9
}

.div_rasprodano {
    padding-top: 15px;
    opacity: 0.7;
    color: #ffffff
}
/*potreban za pozicioniranje slike rasprodano*/
.div_unutarnji {
    position: absolute;
    min-width: 100px;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%)
}


.div_artikal_istakni {
    cursor: pointer;
    min-height: 250px;
    padding: 0px;
    /*max-width:100%;*/
}

.slika_istaknuto_artikal {
    margin: auto;
    display: block;
    height: 200px;
    width: auto;
    max-width: 100%;
    padding: 0;
}

/*prilagodba za 6 artikala u retku*/
.slika_istaknuto_artikal_6 {
    margin: auto;
    display: block;
    height: 200px;
    width: auto;
    max-width: 100%;
    max-width: 134px;
    max-height: 134px;
}


/*reklame*/
.div_reklama_istakni {
    margin-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    cursor: pointer;
}

.panel_istakni_reklama {
    height: 100%;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.div_istaknuto_reklama {
    margin: 10px;
}



.kolona_istaknuto_reklama_lijevo {
    /*margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;*/
    padding-left: 0px;
    padding-right: 1px;
}

.kolona_istaknuto_reklama_desno {
    /*margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;*/
    padding-right: 0px;
    padding-left: 1px;
}

.div_borderi {
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    margin-bottom: 30px;
}

.redak_zvjezdice {
    text-align: center;
    margin-left: 15px;
}

.img_zvjezdice {
    margin: 0 auto;
    display: inline-block;
}

.redak_vise {
    float: right;
    padding-right: 15px;
    font-size: 20px;
}
/*.slika_istaknuto_reklama {
    width: 100%;
    height: auto;
    margin: 0px 30px;
}*/
/*.kolona_istaknuto_reklama_lijevo {
    padding-left: 0px;
}

.kolona_istaknuto_reklama_desno {
    padding-right: 0px;
}*/
/*prilagodba za 6 artikala u retku*/
.div_reklama_istakni_6 {
    min-height: 200px;
    margin-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
}

.panel_istakni_reklama_6 {
    max-height: 315px;
    width: auto;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/*efekt na hover*/
.shadow_na_hover {
    cursor: pointer;
    margin-bottom: 10px;
}

    /*div mora imati fiksnu visinu (min-height) da se ne mi pomicala visina redaka na hover*/
    .shadow_na_hover:hover {
        border-radius: 5px;
        box-shadow: 4px 4px 5px #c7c7c7;
        border: 1px solid #e3e3e3;
        border-bottom: 0px;
    }



/*#region SLIKA LIJEVO*/
/*prilagodba za verziju kad je slika artikla u koloni s lijeve strane*/
.div_artikal_istakni_lijevo {
    min-height: 200px;
    margin-top: 20px;
    cursor: pointer;
}


@media (max-width: 767px) {
    .div_artikal_istakni_lijevo {
        border-bottom: 1px solid lightgrey;
    }
}


.slika_istaknuto_artikal_lijevo {
    margin: auto;
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 200px;
    margin-top: 10px
}

.panel_istakni_reklama_lijevo {
    height: 200px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .panel_istakni_reklama_lijevo {
        /*border-bottom: 1px solid lightgrey;*/
    }
}




.shadow_na_hover_lijevo {
    cursor: pointer;
}

    .shadow_na_hover_lijevo:hover {
        border-radius: 15px;
        box-shadow: 15px 15px 10px #c7c7c7;
        border: 1px solid #e3e3e3;
        border-bottom: 0px;
    }

@media (max-width: 767px) {
    .shadow_na_hover_lijevo {
        border-bottom: 1px solid lightgrey;
    }
}
/*#endregion*/


/*#endregion  PANEL ISTAKNI*/

/*#region RIBBON ZA PRIKAZ AKCIJE U GORNJEM LIJEVOM KUTU*/
/*zakomentirane su originalne vrijednosti*/
.ribbon-vanjski {
    position: relative;
}



.ribbon {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
}

    .ribbon::before,
    .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        /*border: 5px solid #66000c;*/
    }

    .ribbon span {
        position: absolute;
        display: block;
        /*width: 225px;
        padding: 15px 0;*/
        width: 150px;
        padding: 10px 0;
        background-color: #A80014;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff;
        font: 700 18px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
    }

/* top left*/
.ribbon-top-left {
    /*top: -10px;
    left: -10px;*/
    top: 0px;
    left: 0px;
    z-index: 1
}


    .ribbon-top-left::before,
    .ribbon-top-left::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0;
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0;
    }

    .ribbon-top-left span {
        /*right: -25px;
        top: 30px;*/
        right: -10px;
        top: 20px;
        transform: rotate(-45deg);
    }

/* top right*/
/*.ribbon-top-right {
    top: -10px;
    right: -10px;
}

    .ribbon-top-right::before,
    .ribbon-top-right::after {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0;
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0;
    }

    .ribbon-top-right span {
        left: -25px;
        top: 30px;
        transform: rotate(45deg);
    }*/

/* bottom left*/
/*.ribbon-bottom-left {
    bottom: -10px;
    left: -10px;
}

    .ribbon-bottom-left::before,
    .ribbon-bottom-left::after {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-bottom-left::before {
        bottom: 0;
        right: 0;
    }

    .ribbon-bottom-left::after {
        top: 0;
        left: 0;
    }

    .ribbon-bottom-left span {
        right: -25px;
        bottom: 30px;
        transform: rotate(225deg);
    }*/

/* bottom right*/
/*.ribbon-bottom-right {
    bottom: -10px;
    right: -10px;
}

    .ribbon-bottom-right::before,
    .ribbon-bottom-right::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0;
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0;
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg);
    }*/
/*#endregion RIBBON*/

/*#region KATEGORIJE*/
/*------STIL ZA GORNJI PODIZBORNIK-----*/
.ul_gornji_podizbornik {
    width: 100%;
    padding: 0px;
    margin-left: -10px;
}

    .ul_gornji_podizbornik > li {
        list-style-type: none;
        display: inline-block;
        float: left;
    }

        .ul_gornji_podizbornik > li > a {
            padding-left: 10px;
            padding-right: 10px;
        }

        .ul_gornji_podizbornik > li:after {
            content: "|";
            color: #333333;
        }

        .ul_gornji_podizbornik > li:last-child:after {
            content: "";
        }

.redak_kategorija {
    padding: 5px 15px;
    width: 100%;
    padding-right: 0px;
    margin-left: -15px;
    margin-right: -15px;
}

.naslov_kategorija {
    width: 100%;
    height: 40px;
    background-color: var(--bojaPozadinaNaslovnica);
}

.div_slika_vanjski_kategorija {
    position: relative;
    min-height: 200px;
}

.div_slika_unutarnji_kategorija {
    position: absolute;
    min-width: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.logo_kategorije {
    height: 40px;
    width: auto;
}

.ul-lijevi-izbornik {
    list-style: none;
    padding-left: 20px;
    max-width: 200px
}

.span-offset {
    display: block;
    height: 134px; /*same height as header*/
    /*margin-top: -134px;*/ /*same height as header*/
    margin-top: -150px;
    visibility: hidden;
}

/*#endregion  KATEGORIJE*/

/*#region STRANICA PROIZVOD*/

.slika_proizvod {
    max-height: 300px;
    max-width: 300px;
}

.slika_artikla_velika_unutarnji {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-45%);
    margin-top: 25px;
    /*min-height: 300px;*/
}

.div_rasprodano_artikal {
    position: absolute;
    top: 20%;
    left: 20%;
    opacity: 0.7;
    color: #ffffff
}

.div_popust_proizvod {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    right: 25px;
    top: 5px;
    background-color: red;
    opacity: 0.9;
    color: #ffffff
}

.kvadratic_velicina_li {
    padding-right: 10px;
    padding-bottom: 10px;
}

.kvadratic_velicina_btn {
    /*border: 1px solid black;*/
    border: none;
    height: 32px;
    width: 64px;
    padding: 0
}


.prekrizeno {
    background: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='black' /><path d='M0 99 L99 0 L100 1 L1 100' fill='black' /></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
    pointer-events: none;
}


/*#endregion  STRANICA PROIZVOD*/

/*#region Opsirnije o proizvodu*/
#OpsirnijeProizvod a {
    color: #1b3889 !important;
    background-color: #1b388900;
}


    #OpsirnijeProizvod a:hover {
        color: white !important;
        background-color: #1b3889c2;
    }


#OpsirnijeProizvod .nav-link.active {
    color: white !important;
    background-color: #1b3889;
}

/*#endregion */


/*#region PAGINATION*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #2fa4e7;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 3;
            color: #157ab5;
            background-color: #eeeeee;
            border-color: #dddddd;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #999999;
        background-color: #f5f5f5;
        border-color: #dddddd;
        cursor: default;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #999999;
        background-color: #ffffff;
        border-color: #dddddd;
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 14px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
/*#endregion PAGINATION*/

/*#region MEDIA QUERY,VIEWPORT*/

@viewport {
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport {
    width: extend-to-zoom;
    zoom: 1.0;
}

@media (min-width: 768px) {
    /*.small_center {
        text-align: center !important;
    }*/
}

@media (max-width: 767px) {
    .PunaSirinaXS {
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    .xs_margin_lijevo {
        margin-left: 15px !important;
    }

    .padding_stranice_xs {
        padding: 10px !important;
    }

    .manji_logo_xs {
        height: 40px;
        width: auto;
    }

    .small_center {
        text-align: center !important;
    }
}



@media (max-width: 992px) {

    .skriveno_sm {
        display: none;
    }
}

/*#endregion  MEDIA QUERY,VIEWPORT*/

/*#region PETROVE IZMJENE*/

/*treba bit isto kao u skripta.js gdje je window onscroll, tj ako se mijenja jedno treba i drugo*/

@media (max-width: 799px) {
    .input-group {
        margin-bottom: 5px;
        width: 100%;
    }

    #search-master {
        padding-right: 0px;
        margin-left: 5px !important;
    }
}

.brend-nav-temp {
    background-color: hotpink;
}

.model-nav-temp {
    background-color: blue;
}

.temp-test-master {
    height: calc(100vh - var(--visinaPrvogReda));
    max-height: calc(100vh var(--visinaPrvogReda));
    min-height: calc(100vh var(--visinaPrvogReda));
}

.temp-test-master-ul {
    height: calc(100vh - var(--visinaPrvogRedaul));
    max-height: calc(100vh var(--visinaPrvogRedaul));
    min-height: calc(100vh var(--visinaPrvogRedaul));
    overflow-y: scroll;
}

/*glavni izbornik iz mastera pokrije sve jer je 100%, to triba bit samo kad je expanded=true*/
.visina-100 {
    height: 100%;
}

.neskrolaj {
    overflow-y: hidden;
}
/*#endregion PETROVE IZMJENE*/


/*DUALNE CIJENE*/

.txtTecaj {
    text-align: right;
    float: right !important;
    color: green;
    font-weight: bold
}

.hiddencol {
    display: none;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}


.klasa_odg_tip {
    position: absolute;
    left: 10px;
    color: #fff;
    top: 10px;
    height: 32px;
    padding: 0 15px;
    z-index: 10;
    background: #EE5029;
    font-size: 15px;
    line-height: 32px;
    border-radius: 3px
}