/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/
.centered-div {
    width: 50%; /* Or any specific width */
    margin: 0 auto; /* Sets top/bottom margin to 0 and left/right margin to auto */
}

/*
th a {
    position: relative; 
    padding-right: 20px; 
    cursor: pointer;
}
*/
.data-table thead .asc::after {
    /*background: url(/Content/images/sorter/sort_asc.png) no-repeat center right;*/
    content: "\F148";
    justify-content: flex-end;
    font-family: "bootstrap-icons";
    padding-left:6px;
    font-weight:100;
}

.data-table thead .desc::after {
    /*background: url(/Content/images/sorter/sort_desc.png) no-repeat center right;*/
    content: "\F128";
    justify-content: flex-end;
    font-family: "bootstrap-icons";
    padding-left: 6px;
    font-weight: 100;
}
/*
.table-light a {
    color: #8094ae;
    text-transform: uppercase;
    font-weight:600;
    font-size:0.9em;
}
.table-light-text {
    color: #8094ae;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9em;
}
*/

.divider-nomargin {
    border-bottom: 1px solid #e5e9f2 !important;
    margin: 28px 0;
    display: block;
}

.grayborder {
    border-bottom: 1px solid #e5e9f2;
}

.margin-bottom-10px {
    margin-bottom: 10px;
}

.margin-bottom-20px {
    margin-bottom: 20px;
}

.nomargin{
    margin:0px;
}

.no-results {
    text-align: center;
    min-height: 200px;
    margin: 0 auto;
    display: flex;
    align-items: center; /* Vertically centers content */
    justify-content: center; /* Horizontally centers content (optional) */
    height: 200px; /* Example height for the container */

}


.parent-div {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    /* Optional: align-items: center; for vertical centering */
}

.data-head {
    background-color: var(--bs-primary);
}

.link-list-menu li .active{
    background-color:var(--bs-primary);
    color:#fff;
}

.dark-mode .link-list-menu li .active {
    background-color: var(--bs-primary);
    color: #fff;
}

.dark-mode .nk-menu-text:hover, .dark-mode li.active > a.nk-menu-link > .nk-menu-text {
    color: rgb(100,100,100);
}

.link-list-menu  a:hover , .link-list-menu a:hover:after {
    color: var(--bs-primary);
}

.link-list-menu li.active > a, .link-list-menu a.active, .link-list-menu li.active > a .icon, .link-list-menu a.active .icon, .link-list-menu li.active > a:after, .link-list-menu a.active:after {
    color: rgb(245,245,245);
}

.nk-menu li.active > a .icon {
    color: rgb(245,245,245);
}

.dark-mode .is-light .active .nk-menu-link {
    color: rgb(245, 245, 245);
}

a:hover .nk-menu-icon .icon {
    color: var(--bs-primary);
}

.dark-mode a:hover .nk-menu-icon .icon {
    color: rgb(100,100,100);
}

.alert-pro.alert-info > .icon {
    color: rgb(100,100,100);
}
/*
.is-light .nk-menu-link:hover {
    color: var(--bs-btn-hover-bg);
}*/
/*
.is-light .nk-menu-link .active > .nk-menu-icon .icon {
    color: rgb(100,100,100);
}

.nk-menu-link:hover .nk-menu-icon .icon {
    color: rgb(100,100,100);
}

.is-light .active .nk-menu-link:hover {
    color: rgb(100,100,100);
}
*/
/*
.nk-menu-link:focus .nk-menu-icon .icon {
    color: var(--bs-color-primary);
}*/
/*
a .active .nk-menu-icon .icon {
    color: var(--bs-color-primary);
}
*/
.is-light .active .nk-menu-link {
    color: rgb(245,245,245);
}

.table .table-light th {
  background-color:var(--bs-primary);
}

    .table .table-light th a {
        color: rgb(245,245,245);
    }

.btn-primary {
    color: rgb(245,245,245);
}

.modal-title {
    color: rgb(245,245,245) !important;
}

a {
    color: rgba(100,100,100,1);
}

.table-light a, a:active, a:hover {
        font-weight: bold !important;
        color: rgba(100, 100, 100, 1);
    }

.table .table-light th {
    color: rgba(245, 245, 245, 1) !important;
}

a:hover {
    color: rgba(50,50,50,1);
}




.table-light a, a:active, a:hover {
    font-weight: bold !important;
    color: rgba(100,100,100,1);
}

.alert-light, .alert-lighter, .alert-gray {
    border-color: var(--bs-primary);
    color: #526484;
}

.dark-mode .table-hover > tbody > tr:hover > * {
    background-color: #141c26;
}

select option {
    margin: 40px;
    background: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

option:checked {
    background: var(--bs-primary);
    color:#fff;
}

option:focus {
    background: var(--bs-primary);
    color: #fff;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--bs-primary);
    color:white !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white !important;
}


.select2-container--default .select2-selection--multiple {
    position: relative;
    padding-right: 20px;
}

    .select2-container--default .select2-selection--multiple:after {
        content: '';
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        pointer-events: none;
    }

.select2-container--default.select2-container--open .select2-selection--multiple:after {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

bg-inactive {
    background-color: #e5e9f2 !important;
    --bs-bg-opacity: 1;
}

.wide-xs-fix {
    width: 1240px !important;
}

.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mt-5px {
    margin-top: 5px;
}

.mt-10px {
    margin-top: 10px;
}

.mt-16px {
    margin-top: 16px;
}

.mt-20px {
    margin-top: 20px;
}

.mb-5px {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mr-20px {
   margin-right:20px;
}

.mr-10px {
    margin-right: 10px;
}

.mr-8px {
    margin-right: 8px;
}

.mr-5px {
    margin-right: 5px;
}

.btn-centered-sized {
    min-width: 135px;
    justify-content: center;
}

.table-header-bbordered {
    border-bottom: 2px solid rgb(100,100,100);
}

.pb-20px {
    padding-bottom: 20px !important;
}

.text-right{
    text-align:right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.nline{
    display:block;
}

.align-div-right {
    margin-left: auto;
    margin-right: 0;
}
.pro-control .custom-control-input:checked ~ .custom-control-label {
    background-color: color-mix(in srgb, transparent, var(--bs-primary) 20%);
}

.nk-menu-icon .icon {
    font-size: 24px;
    letter-spacing: normal;
    vertical-align: middle;
    color: currentColor;
    transition: color 0.4s, background-color 0.4s;
}

.form-control:read-only, .dual-listbox .dual-listbox__search:read-only, div.dt-container div.dt-search input:read-only {
    background-color: #f5f6fa;
    opacity: 1;
}

.overline-title {
    color: #ffffff;
}

.ml-20px {
    margin-left: 20px !important;
}

.mr-20px {
    margin-right: 20px !important;
}


.ml-40px {
    margin-left: 40px !important;
}

.mr-40px {
    margin-right: 40px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.kontejner-slike {
    width: 100%; /* Ili fiksna širina, npr. 400px */
    aspect-ratio: 4 / 3; /* Prisiljava div na 4:3 format */
    overflow: hidden; /* Skriva višak ako zatreba */
}

    .kontejner-slike img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Reže višak slike bez deformisanja */
        object-position: center; /* Centrira sliku unutar diva */
    }