#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;
}