.bojaZelena {
    background-color: #B4FF00; /* Narandžasta pozadina */
}

.bojaTeget {
    background-color: #00233F; /* Narandžasta pozadina */
}

.bojaPlava {
    background-color: #C4DFea; /* Narandžasta pozadina */
}
/*.dropdown-menu {*/
/*    position: absolute;*/
/*    top: -100%; !* Podesite ovu vrednost prema vašim potrebama *!*/
/*    right: 0;*/
/*    z-index: 1050; !* Obezbedite da dropdown meni bude iznad ostalog sadržaja *!*/
/*}*/
.custom-btn {
    background-color: #00233F; /* Boja pozadine */
    color: #C4DFea; /* Boja teksta */
    border: none; /* Uklonite okvir dugmeta (opciono) */
    border-radius: 5px; /* Dodajte zaobljenje ivica (opciono) */
    padding: 10px 20px; /* Dodajte razmak oko teksta (opciono) */
    transition: background-color 0.3s, color 0.3s; /* Glatka tranzicija boje */
}

.pozadinkiEvent {
    color: white; /* Bela boja teksta */
}

.custom-btn:hover {
    background-color: #C4DFEA; /* Boja pozadine u hover stanju */
    color: #00233F; /* Boja teksta u hover stanju */
}

td.no-padding {
    padding: 0;
    margin: 0;
}


.live{
    height:14px;
    width:14px;
    display:block;
    border-radius:50%;
    background-color: #B4FF00;
    animation:pulse 1500ms infinite;
}

@keyframes pulse{
    0%{
        box-shadow:#B4FF00 0 0 0 0;
    }
    75%{
        box-shadow:#B4FF0000 0 0 0 16px;
    }
}



@media screen {
    .hide {
        display: none !important;
    }
}
.disable-input {
    pointer-events: none;
    background-color: #f0f0f0;
}

.disabled-div {
    background-color: #f0f0f0;
    color: #00233F;

    opacity: 0.5; /* Smanjuje providnost diva */
    pointer-events: none; /* Onemogućava interakciju sa div-om */
    /*background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0, 0, 0, 0.2) 2px, rgba(0, 0, 0, 0.2) 4px);*/
}

#task_form_datum_edit {
    pointer-events: none;
    background-color: #f2f2f2;
}
.form-control1 {
    padding: 0.375rem 0.75rem;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
    padding: 5px;
}
.table-condensed2>thead>tr>th, .table-condensed2>tbody>tr>th, .table-condensed2>tfoot>tr>th, .table-condensed2>thead>tr>td, .table-condensed2>tbody>tr>td, .table-condensed2>tfoot>tr>td {
    padding: 2px;
}

/* Prikaz na telefonima u quick forme za unos taskova kada je potrebno da se sva polja vide odjednom */
@media screen and (max-width: 992px) {

    .row {
        display: flex;
        flex-wrap: wrap;
    }

    .quick-form-media {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    @media (min-width: 576px) {
        /* Prikaz na telefonima u profilnom režimu i većim ekranima */
        .quick-form-media {
            flex-basis: 50%;
            max-width: 50%;
        }

        /* Dodatni stil za prikaz svih 6 polja u pejzažnom režimu */
        .row.landscape {
            flex-wrap: nowrap;
        }

        .quick-form-media {
            flex-basis: 16.6667%;
            max-width: 16.6667%;
        }
        .quick-form-media1 {
            flex-basis: 30%;
            max-width: 30%;
        }
        .quick-form-media2 {
            flex-basis: 10%;
            max-width: 10%;
        }
        .quick-form-media3 {
            flex-basis: 15%;
            max-width: 15%;
        }
    }



}

@media (min-width: 768px) {
    .navbar-brand.flex-1.flex-lg-0 {
        /* Stilovi za normalni prikaz */
    }
}

/* Mobilni prikaz (za ekrane manje od 768px) */
@media (max-width: 767px) {
    .navbar-brand.flex-1.flex-lg-0 {
        justify-content: center; /* Dodaj ovde stil za mobilni prikaz */
    }
}

/* klasa za table da budu zbijenije */
.table_morecondensed>thead>tr>th,
.table_morecondensed>tbody>tr>th,
.table_morecondensed>tfoot>tr>th,
.table_morecondensed>thead>tr>td,
.table_morecondensed>tbody>tr>td,
.table_morecondensed>tfoot>tr>td {
    padding: 2px;
    padding-left: 10px; /* Dodajte ovu liniju za leve strane paddinga */
    padding-right: 10px; /* Dodajte ovu liniju za leve strane paddinga */
}

.page-header.mobile-padding {
    --page-header-padding-y: 0.5rem;
}

@media (max-width: 767px) {
    .mobile-padding-sm {
        --page-header-padding-y: 0.5rem;
    }
}



@media (max-width: 767px) {
    .fullcalendar-event-colors {
        width: 330px;

    }

    .fullcalendar-event-colors .fc-view > table {
        width: 330px;
    }
    .fc .fc-view-harness {
        overflow-x: hidden;
        overflow-y: auto;
        min-height: 600px;
        box-shadow: 0 0 0 var(--fc-cell-border-width) var(--fc-cell-border-color) inset;
        --fc-cell-padding-x: 0.25rem; /* Dodatno definisanje varijable */
    }
}

.table-responsive {
    overflow-x: auto;
}

/*.table-bordered {*/
/*    min-width: 1000px; !* ili neka druga vrednost koja odgovara širini tabele *!*/
/*}*/

.first-col {
    position: sticky;
    left: 0;
    background-color: white; /* Pozadina mora biti definisana da se izbegne "presijavanje" */
    z-index: 2; /* Viši z-index za prvu kolonu */
    width: 150px; /* Postavi širinu koja odgovara tvojoj koloni */
    box-shadow: 2px 0 5px rgba(0,0,0,0.1); /* Dodaj senku da se jasno vidi razdvajanje */
}

thead th {
    position: sticky;
    top: 0;
    z-index: 3; /* Viši z-index za zaglavlja */
    background-color: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Senka za zaglavlje */
}