/*-------------------------------------------------------------------------------------------------------------------------*/
/* 4D Wand Web Katalog */
/* Datum zadnje izmjene: 13.07.2015 */
/* Bootstrap 3.3.2 i Bootswatch 3.3.2*/
/*-------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------*/
/* globalno */
/*-------------------------------------------------------------------------------------------------------------------------*/

html {
    min-height: 100%;
    height: auto;
    overflow-y: scroll;
}

body {
}

.container {
}

/* Vertikalni razmak između polja na formama */
.form-group {
    margin-bottom: 8px;
}

/* polje za unos količina */
.input-group-sm .form-control {
    padding: 2px 5px 2px 5px;
    min-width: 50px;
}

/* prikaz jedinice mjere i dostupnosti na malom addonu (na tabeli i košari)*/
.input-group-sm .input-group-addon {
    padding: 3px 6px;
}


del {
    color: red;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* custom classes */
/*-------------------------------------------------------------------------------------------------------------------------*/

/* zadaje se row klasi */
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

/* zadaje se row klasi */
.small-gutter > [class*='col-'] {
    padding-right: 4px;
    padding-left: 4px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* navbar */
/*-------------------------------------------------------------------------------------------------------------------------*/

.navbar {
    background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%); /* W3C */
    margin-bottom: 0px;
}

.navbar-nav > li {
    margin-top: 15px;
    margin-right: 4px;
}

.logo a {
    background: url('logo.png') center left no-repeat;
    width: 192px;
    /* height je ujedno i visina nav-bara. Ako se mijenja, treba izmjeniti i ".nav > li {margin-top: xxpx;}" */
    height: 80px;
    padding: 0px;
}

.icon-bar {
    /* ovo je nav bar meni (crtice gore desno) za xs i sm rezolucije */
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* body-content */
/*-------------------------------------------------------------------------------------------------------------------------*/

.body-content {
    /* padding-top se zadaje ako se postavi navbar-fixed-top*/
    _padding-top: 80px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* Prostor za prikaz kategorija */
/*-------------------------------------------------------------------------------------------------------------------------*/

/* Tipka za prikaz kategorija treba da bude lijevo i odvojena od searcha */
#kategorije-toggle {
    float: left;
    margin-right: 4px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/*kategorije-tree*/

#kategorije-tree-wrapper {
    padding: 6px 0px 6px 0px;
}

#kategorije-tree {
    overflow: hidden;
    /* ova dva donja reda služe da se skati visina grupa i doda scroll bar
    overflow: auto;
    max-height: 400px;
    */
    border: 1px solid #ddd;
    border-radius: 4px;
}

#kategorije-tree-header {
}

    #kategorije-tree-header h4 {
        margin-top: 0px;
        padding: 8px;
    }

#kategorije-tree-list {
    _font-stretch: condensed;
    _letter-spacing: -1px;
    _font-size: 13px;
    _border: 1px solid #ddd;
}

#kategorije-tree-list .panel {
    margin-bottom: 0px;
}

.no-transition {
  -webkit-transition: height 0;
  -moz-transition: height 0;
  -ms-transition: height 0;
  -o-transition: height 0;
  transition: height 0;
}

[class*='dubina-'] 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block !important;
    cursor: pointer;
}

[class*='dubina-']:hover
{
    text-decoration: none;
    box-shadow: inset 0 0 0 1px black;    

    /*
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
    */

}

.dubina-1
{
    font-size: 14px;
    padding: 0px 0px 0px 4px;
    background-color: #e0e0e0;
}

.dubina-2
{
    padding-left: 10px;
    background-color: #eeeeee;
}

.dubina-3
{
    padding-left: 20px;
    _background-color: #ffffff;
}

.dubina-4
{
    padding-left: 30px;
}

.dubina-5
{
    padding-left: 40px;
}

.dubina-selected
{
}

.dubina-selected:hover
{
    background-color: initial;
    color: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* Prostor za prikaz artikala, košarice, searcha,... */
/*-------------------------------------------------------------------------------------------------------------------------*/

#page-content-wrapper {
    padding-top: 6px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* search polje i button */

.search-form {
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* breadcrumb */

.breadcrumb {
    margin-bottom: 4px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* alert ekrani: neispravan login, košara prazna i sl.*/

.alert {
    margin-top: 12px;
    margin-bottom: 12px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* statusline - naziv grupe, search pojam,... */

#statusline {
}

    #statusline h4 {
        margin-top: 10px;
        padding: 8px;
    }

/*-------------------------------------------------------------------------------------------------------------------------*/
/* pagerline */

.pagerline {
    padding: 5px;
    overflow-y: auto;
}

    .pagerline a {
        padding: 4px 6px 4px 6px;
    }

/*-------------------------------------------------------------------------------------------------------------------------*/
/* Thumbnail na tabeli i detalju artikla */

.thumbnail {
}

.thumbnail img {
}


/*-------------------------------------------------------------------------------------------------------------------------*/
/* Tabela artikala sa slikama - treba prilagoditi svakom korisniku */

.tabela-slika {
    height: 120px;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;     
}
.tabela-slika:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.tabela-slika a {
    /* ovdje ne može biti teksta jer je font stavljen na 0 */
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
}

.tabela-slika a img {
    max-height: 120px;
    _max-width: 100%;
    max-width: 250px;
}

.tabela-caption {
    _font-stretch:condensed;
    _letter-spacing: -1px;
    font-size: 13px;
    margin-top: 4px;
    /* min-height se upisuje da bi visina svake ćelije u redu bila jednaka */
    min-height: 40px; 
}

    .tabela-caption p {
        margin-bottom: 0px;
    }

.tabela-cijena p {
    margin-bottom: 4px;
}

.tabela-kolicina {
    /* "display" određuje da li se vidi unos količine na glavnoj tabeli */
    _display: none;
}

    .tabela-kolicina .input-group {
        padding-bottom: 6px;
        max-width: 150px;
    }

    .tabela-kolicina p {
        margin-bottom: 0px;
        _float: right;
    }

.zalihaOK {
    color: green;
}
.zalihaNotOK {
    color: red;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* Detalj artikla */

/* Ovdje se zadaje boja strelica za listanje slika lijevo-desno */
.carousel-control {
    color: black;
}

.detalj-fotografije li {
    margin-bottom: 0px;
}

.detalj-fotografije > span {
    padding: 0px;
}

.detalj-fotografija {
    margin-top: 4px;
    margin-left: 4px;
}

    .detalj-fotografija a img {
        cursor: pointer;
        /* Ovo se aktivira ako se želi fiksna visina sličica ispod carousela */
        _height: 90px;
    }

.carousel-slika > img {
    display: block;
    height: 400px;
    max-height: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.detalj-red {
    color: red;
}

.detalj-kolicina {
}

.detalj-kolicina .input-group {
    padding-bottom: 6px;
    max-width: 160px;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* basket-line je statusni red košarice */

#basket-line {
    margin-top: 10px;
    line-height: 38px;
}

    #basket-line .basket-status {
    }

/*-------------------------------------------------------------------------------------------------------------------------*/
/* basket-content je sadržaj košarice */

#basket-content {
    display: none;
}

    #basket-content td {
        vertical-align: middle !important;
    }

        #basket-content td .kosara-kolicina-input {
            max-width: 240px;
            min-width: 100px;
        }

    /* td.basket-desc i td.basket-desc div trebaju za tabelu kada se detalji artikla "otvaraju" ispod reda tabele */
    #basket-content table tr td.basket-desc {
        padding: 0;
        margin: 0;
    }

        #basket-content table tr td.basket-desc div {
            display: none;
            overflow: hidden;
        }

/*-------------------------------------------------------------------------------------------------------------------------*/
/*list-content*/

#list-content {
    padding: 0px;
}

    #list-content td {
        vertical-align: middle;
    }

        #list-content td .list-rabat {
            margin: 0 0 0 12px;
            color: red;
        }

        #list-content td .kosara-kolicina-input {
            max-width: 240px;
            min-width: 100px;
        }

    /* td.list-desc i td.list-desc div trebaju za tabelu kada se detalji artikla "otvaraju" ispod reda tabele */
    #list-content table tr td.list-desc {
        padding: 0;
        margin: 0;
    }

        #list-content table tr td.list-desc div {
            display: none;
            overflow: hidden;
        }

        #list-content table tr td.list-desc td {
            vertical-align: top;
        }


/*-------------------------------------------------------------------------------------------------------------------------*/
/* narudzbaforma */

#narudzbaforma {
}

    #narudzbaforma h4 {
        margin: 0px 15px 4px 15px;
        padding: 8px;
    }

    #narudzbaforma h5 {
        margin: 4px 0px 4px 15px;
        padding: 8px;
    }

/*-------------------------------------------------------------------------------------------------------------------------*/
/* styles for validation helpers */
/*-------------------------------------------------------------------------------------------------------------------------*/

.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

select.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* Small Devices, Tablets */
/*-------------------------------------------------------------------------------------------------------------------------*/

@media (max-width : 768px) {

    /* Na mobitelima smanji veličinu fonta */
    body, .form-control {
        font-size: 12px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    h4, .h4 {
        font-size: 16px;
    }
    h5, .h5 {
        font-size: 14px;
    }

    /* kada je nav bar smanjen, ne treba razmak iznad stavki menija (buttona) */
    .navbar .nav li {
        margin-top: 0px;
    }
    /* kada je nav bar smanjen buttoni će zauzimati cijeli red */
    .navbar .nav a {
        width: 100%;
    }
    /* kada je svaki artikl u jednom redu ne treba prilagodba za visinu teksta ispod slike */
    .tabela-caption {
        min-height: 0px;
    }

}

/*@media (min-width: 992px) and (orientation:landscape) {
    .col-md-4 {
        // some properties
    }
}

@media (min-width: 992px) and (orientation:portrait) {
    .col-md-4 {
         // redefined
    }
}*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 568px) {
    /* Prebaci na dvije kolone kada je iPhone 5 u landscape modu */
  .col-sm-6 {
    float: left;
    width: 50%;
  }
}

@media (max-width : 992px) {

    /* kada se ukupni iznos prebaci u poseban red dignu se margine da cijeli red ne bude iste boje */
    /* ne treba, jer je riješeno sa div-om, ali ostavljam kao primjer */
    .basket-status_primjer_ {
        margin-left: 15px;
        margin-right: 15px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------*/
/* Bootstrap definicije */
/*-------------------------------------------------------------------------------------------------------------------------*/

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
}