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

/* osnovne boje */
.boja-pozadine {
    background-color: #28a745;
}

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

/* Tekst iznad input polja */
/*.boja-teksta {
    color: forestgreen;
}*/
/*Kraj Tekst iznad input polja */

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

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

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

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

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

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

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(10, 167, 13, 0.41);
    border-color: mediumseagreen;
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(10, 167, 13, 0.41);
    border-color: mediumseagreen;
}


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

.custom-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(10, 167, 13, 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: forestgreen;
}

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

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

#myTab li.active a {
    background-color: mediumseagreen;
}

/* Kraj Tabovi*/
.tooltip-inner {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #155724;
}

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

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

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

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

/* Početak toogle radio gumbi*/
.myToggle-switch {
    border-color: mediumseagreen;
}

    .myToggle-switch input + label {
        color: mediumseagreen;
    }

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