#filter-form{
    border-top:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
    padding-top:10px;
    padding-bottom:10px;
}

.filters .form-check {
    margin-bottom: 10px !important;
    margin-right:10px !important;
}

.filters .form-group {
    margin: 10px !important;

}

.filters .form-group > label {
    text-transform: uppercase;
    margin-bottom: 20px;
}

[data-kt-toggle-filter="on"] {
    display: none;

}

.dataframe th{
    text-transform: uppercase;
    color:#B5B5C3 !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

.dataframe>tbody>tr:last-child td,.dataframe>tbody>tr:last-child th  {
    border-top:3px solid #EFF2F5 !important;
    color: #BF953F !important;
    text-transform: none;
    font-size: 1rem;
    font-weight: 600 !important;
}

.select-all{
    cursor: pointer;
}

.bg-otvoren,.btn-otvoren,.badge-otvoren{
    background: #9fc6e1 !important;
}

.text-otvoren{
    color:#9fc6e1;
}

.bg-predugovor, .btn-predugovor,.badge-predugovor{
background: #fcb655 !important
}

.text-predugovor{
color:#fcb655 !important
}

.bg-ugovor, .btn-ugovor, .badge-ugovor{
background: #009735 !important;
}

.text-ugovor{
color:#009735 !important;
}

.bg-otkazan, .btn-otkazan, .badge-otkazan{
background: #ff7d7d !important;
}

.text-otkazan{
color: #ff7d7d !important;
}

.bg-zakazan-ugovor,.btn-zakazan-ugovor,.badge-zakazan-ugovor{
background: rgba(0, 151, 53, 0.5) !important;
}

.text-zakazan-ugovor {
color: rgba(0, 151, 53, 0.5) !important;
}

.bg-zakazan-predugovor, .btn-zakazan-predugovor, .badge-zakazan-predugovor{
background: rgba(252, 182, 85, 0.5) !important
}

.text-zakazan-predugovor{
color: rgba(252, 182, 85, 0.5) !important
}

.bg-aktivan, .btn-aktivan, .badge-aktivan{
    background: #fafafa !important;
}

.text-aktivan{
    color:#e2e2e2!important;
}


.bg-blokiran, .btn-blokiran, .badge-blokiran{
    background: #d891bf !important;
}

.text-blokiran{
    color: #d891bf !important;
}

.btn-dark{
    background: rgba(31, 30, 45, 0.59) !important;
}

td.left,th.left{
    text-align: left;
}

td.center,th.center{
    text-align: center;
}

td.right,th.right{
    text-align: right;
}
/*
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead
    width: 350px;
}
*/
.ocena{
    font-size: 4em;
    color: #1671bd;
    padding-left: 35px;
}

.prose-editor .ProseMirror {
    min-height: 300px;
    padding:0.75rem 1rem !important;
    color: #5E6278 !important;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
}

#filter-form  div[id^="div_id_"]>fieldset > div {

    padding: 0.75rem !important;

}

#filter-form  div[id^="div_id_"]> label,#filter-form  div[id^="div_id_"] legend {

        color: #3691c9 !important;
    font-size: 1.25rem !important;

}

#filter-form  div[id^="div_id_okrug"]>fieldset > div {
    column-count: 2;
    padding-top:10px;
}

#filter-form  div[id^="div_id_skolska_uprava"]>fieldset > div {
    column-count: 2;
    padding-top:10px;
}
/*
  vertikalno poređani barovi */

  .bar-wrap {  height:18px; width:100%; overflow:hidden; }
  .bar { height:100%; padding:0 6px; display:flex; align-items:center; justify-content:flex-end; color:#fff; font-size:12px; }


  /* svaka oblast/standard kao kartica */
  .mb-5.oblast-block {
    background: #fafafa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: box-shadow 0.2s ease;
      min-height: 400px;
  }
  .mb-5.oblast-block:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  }

  /* mreža od 2-3 kolone (automatski responzivno) */
  .oblasti-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 20px;
    align-items: start;
  }

  /* barovi u koloni */
  .histogram-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: .5rem;
  }

  .fw-bold.mb-2 {
    font-size: 1rem;
    color: #2a2a2a;
  }

.oblast-block{
    page-break-inside: avoid;
}




.header-brand{
    background-color: #7f0623 !important;
}

.aside .aside-toolbar .aside-user {
    border-top: none !important;
}

.aside-menu .menu .menu-item .menu-link .menu-title {
    color: #ffffff;
}

.aside-menu .menu .menu-item .menu-link .menu-icon, .aside-menu .menu .menu-item .menu-link .menu-icon .svg-icon, .aside-menu .menu .menu-item .menu-link .menu-icon i {
    color: #ffffff;
}

.menu-item {
        background: rgba(255, 255, 255, 0.1);
    margin-bottom: 10px;
}

/* Osnovni izgled loadera */
.page-loader {
  position: fixed;
  inset: 0;
  background-image: url('/static/assets/img/bg-login.png');
  background-position: top left;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 1s ease, visibility 1s ease;
}

/* Dok je body.page-loading prisutan — loader vidljiv */
body.page-loading .page-loader {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.izvestaj .bar-wrap { background: #f1f1f1;  height: 18px; width: 100%; overflow: hidden; }
.izvestaj .bar     { height: 100%; background: #4a90e2; }

.izvestaj .muted { color: #666; }
.izvestaj.small { font-size: 0.9rem; }
.izvestaj.grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.izvestaj.grid .tile { text-align: center; }
.izvestaj.tile .label { margin-top: 6px; font-size: .9rem; }
.izvestaj .boja-1,.boja-1 { background: rgba(2, 82, 145, 0.74); !important; } /* smaragdno zelena */
.izvestaj .boja-2,.boja-2 { background: rgba(3, 151, 128, 0.74);!important; } /* tirkizno plava */
.izvestaj .boja-3,.boja-3 { background: rgba(159, 44, 3, 0.74);!important; } /* zlatno žuta */
.izvestaj .boja-4,.boja-4 { background: rgba(172, 149, 3, 0.74);!important; } /* koralno crvena */
.izvestaj .boja-5,.boja-5 { background: rgba(172, 3, 157, 0.74);!important; } /* ljubičasta */
.izvestaj .boja-6,.boja-6 { background: rgba(161, 3, 39, 0.74);!important; } /* svetlija zelena */

.izvestaj h2, .izvestaj h3{
    margin-top: 2.5rem !important;
    margin-left: -1.25rem !important;
    text-transform: uppercase !important;
}

.toastr.toastr-success {
    background-color: #1671bd !important;
}



.uputstvo img{
    max-width: 50%;
}

@media print {
  .watermark {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
    font-size: 100px;
    font-weight: bold;
    color: rgba(0, 123, 200, 0.15);
    z-index: 9999;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none;
  }

    .btn-print{
        display: inline-block !important;
    }

    .uputstvo img{
    max-width: 100%;
    }
}



.custom-valid{
        background: #006ec6;
        color: white;
}

.custom-invalid{
        background: #980000;
        color: white;
}


.filters{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  align-items: start;
}


.filters .me-4{ margin-right: 0 !important; }