/* =========================================================
   SAPEnet - zajednička pravila boja
   Struktura je usklađena prema referentnoj zelenoj verziji.
   Konkretne vrijednosti boja definiraju se u css/teme/*.css
   ========================================================= */

#loading {
    background-color: lightgrey;
    background-color: var(--tema-loading-bg);
}

/* osnovne boje */
.boja-pozadine {
    background-color: var(--tema-pozadina);
}

.boja-teksta {
    color: var(--tema-tekst);
}
/* kraj osnovne boje */

/* Tekst iznad input polja */
/* Referentna zelena verzija nema zasebno pravilo .myOpisPolja. */
/*Kraj Tekst iznad input polja */

/* icona sa 3 linije za meni */
/*.toggler-icon-background {
    background-color: var(--tema-primary);
}*/
/* kraj icona sa 3 linije za meni */

/*Početak dodatak za nav-tabs */
.nav-tabs .nav-link {
    border-color: #e9ecef #e9ecef #dee2e6; /* da mi prikazuje sivi okvir za tabove */
    color: var(--tema-primary); /* boja slova u neodaberanom tabu*/
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    /*color: var(--tema-primary);*/
    background-color: #e9ecef;
}

.nav-tabs .nav-link.disabled {
    border-color: #e9ecef #e9ecef #dee2e6;
}
/* Kraj dodatak za nav-tabs */

/*Početak dodatak za navbar menu da se mogu mjenjati boje */
.navbar-custom {
    background-color: var(--tema-primary);
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: var(--tema-navbar-hover);
}

.navbar-custom .navbar-toggler {
    border: 1px solid var(--tema-navbar-border);
}
/*Kraj dodatak za navbar menu da se mogu mjenjati boje */

/* Polje sa stalnom pozicijom */
.FloatTop {
    background-color: var(--tema-primary);
}

.FloatTop:hover {
    background-color: var(--tema-primary);
}
/*Kraj Polje sa stalnom pozicijom */

/*Početak dodatak za custom kontrole radio checkbox  da se mogu mjenjati boje */
/* kada je odabran */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--tema-primary);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: var(--tema-disabled-bg);
    border-color: var(--tema-accent);
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: var(--tema-disabled-bg);
    border-color: var(--tema-accent);
}

/* sjena aktivnog */
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem var(--tema-focus-shadow);
}

.custom-select:focus {
    box-shadow: 0 0 0 0.2rem var(--tema-focus-shadow);
}
/*Kraj dodatak za custom kontrole radio checkbox  da se mogu mjenjati boje */

/*Početak dodatak za pagination da se mogu mjenjati boje */
/*.pagination-custom {

}*/
.pagination .page-link {
    color: var(--tema-primary);
}

.pagination .page-item.active .page-link {
    background-color: var(--tema-primary);
    border-color: var(--tema-primary);
}
/*Kraj dodatak za pagination da se mogu mjenjati boje */

/* Početak Tabovi*/
#myTab li a.active {
    background-color: var(--tema-accent);
}

#myTab li.active a {
    background-color: var(--tema-accent);
}
/* Kraj Tabovi*/

/* Početak tooltip*/
.tooltip-inner {
    color: var(--tema-tooltip-text);
    background-color: var(--tema-tooltip-bg);
    border: 1px solid var(--tema-tooltip-border);
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: var(--tema-tooltip-border);
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: var(--tema-tooltip-border);
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: var(--tema-tooltip-border);
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: var(--tema-tooltip-border);
}
/* Kraj tooltip*/

/* Početak toogle radio gumbi*/
.myToggle-switch {
    border-color: var(--tema-accent);
}

.myToggle-switch input + label {
    color: var(--tema-accent);
}

.myToggle-switch input:checked + label {
    background: var(--tema-accent);
}
/* Kraj toogle radio gumbi*/