#loading {
    background-color: lightgrey;
    background-color: rgba(68, 95, 202, 0.20);
}

/* osnovne boje */
.boja-pozadine {
    background-color: #17a2b8;
}

.boja-teksta {
    color: blue;
}
/* kraj osnovne boje */

/* Tekst iznad input polja */
.myOpisPolja {
    color: darkblue;
}
/*Kraj Tekst iznad input polja */

/* icona sa 3 linije za meni */
/*.toggler-icon-background {
    background-color: darkblue;
}*/
/* 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: darkblue; /* boja slova u neodaberanom tabu*/
}

    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        /*color: darkblue;*/
        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: darkblue;
}

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

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



/* Polje sa stalnom pozicijom */
.FloatTop {
    background-color: darkblue;
}

    .FloatTop:hover {
        background-color: darkblue;
    }
/*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: darkblue;
}

/* sijena aktivnog  */
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(10, 42, 167, 0.41);
}

.custom-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(10, 42, 167, 0.41);
}
/*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: darkblue;
}

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

/* Početak Tabovi*/
#myTab li.active a {
    background-color: blue;
}

#myTab li a.active {
    background-color: blue;
}
/* Kraj Tabovi*/

/* Početak tooltip*/
.tooltip-inner {
    color: darkblue;
    background-color: lightskyblue;
    border: 1px solid darkblue;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: darkblue;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: darkblue;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: darkblue;
}

.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: darkblue;
}
/* Kraj tooltip*/

/* Početak toogle radio gumbi*/
.myToggle-switch {
    border-color: darkblue;
}
        .myToggle-switch input + label {
            color: darkblue;
        }

        .myToggle-switch input:checked + label {
            background: darkblue;
        }
/* Kraj toogle radio gumbi*/