table.dataTable .reordered{
   background: #9acb44 !important;
}

table.dataTable, table.dataTable .btn {
   font-size: 13px;
}


table.dataTable td  .besedilo{
   min-height: 26px!important;
   line-height: 26px!important;
   padding: 0px 0px;
   overflow: hidden;
   text-overflow: ellipsis;
}

table.dataTable th,table.dataTable td {
    /*padding: .35rem;*/
   overflow:hidden;text-overflow: ellipsis;word-break: break-all;
   white-space: pre-line; 
   /* white-space: initial!important; */ /*Če hočemo prelom vrstic v tabeli */
  
}

.table thead tr th{
   border-bottom-width: 0px;
}
.table thead tr:last-child th{
   border-bottom: 2px solid #d8d8d8;
}

.table td, .table th {
    padding: .4rem; 
    vertical-align: middle;
}
.table td:has(input), .table td:has(select){
    padding: .0rem;     
}
.table td input{
    border: none;
    background-color: transparent;
}
.table td input:focus{
    border: 1px solid #80CBC4;
}
.table-bordered {
    border: 1px solid #d8d8d8;
}

table.dataTable .btn .fa{
   color: #34495e;
}

.table.dataTable thead th {
   background: #ECEEF5;
}

table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc{
   color: #6c757d;
}
div.dataTables_scrollHead table.table-bordered{
   border-color: #d8d8d8;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0.5em; 
    display: block;
    opacity: 1;
    color: #99ca46;
}
table.dataTable .checkbox-primary label {
    display: block;
    margin: 0px auto;
    width: 20px;
}
table.dataTable .checkbox-primary .checkbox-fade  {
    width: 100%;
}

table.dataTable th.width30 ,table.dataTable td.width30 {width:30px;}
table.dataTable th.width40 ,table.dataTable td.width40 {width:40px;}
table.dataTable th.width50 ,table.dataTable td.width50 {width:50px;}
table.dataTable th.width60 ,table.dataTable td.width60 {width:60px;}
table.dataTable th.width70 ,table.dataTable td.width70 {width:70px;}
table.dataTable th.width80 ,table.dataTable td.width80 {width:80px;}
table.dataTable th.width90 ,table.dataTable td.width90 {width:90px;}
table.dataTable th.width100,table.dataTable td.width100{width:100px;}
table.dataTable th.width110,table.dataTable td.width110{width:110px;}
table.dataTable th.width120,table.dataTable td.width120{width:120px;}
table.dataTable th.width130,table.dataTable td.width130{width:130px;}
table.dataTable th.width140,table.dataTable td.width140{width:140px;}
table.dataTable th.width150,table.dataTable td.width150{width:150px;}
table.dataTable th.width160,table.dataTable td.width160{width:160px;}
table.dataTable th.width170,table.dataTable td.width170{width:170px;}
table.dataTable th.width180,table.dataTable td.width180{width:180px;}
table.dataTable th.width190,table.dataTable td.width190{width:190px;}
table.dataTable th.width200,table.dataTable td.width200{width:200px;}
table.dataTable th.width220,table.dataTable td.width220{width:220px;}
table.dataTable th.width230,table.dataTable td.width230{width:230px;}
table.dataTable th.width250,table.dataTable td.width250{width:250px;}
table.dataTable th.width300,table.dataTable td.width300{width:300px;}

table.dataTable th{word-break: break-word;}
table.dataTable th {white-space: pre-line!important; }
table.dataTable{/*table-layout: auto;*/ width: 100%;} 
table.dataTable .input-group{width:100%;}
table.dataTable > thead > tr {background: white;} /*99ca46*/
table.dataTable > tbody > tr > td > * { box-sizing: border-box;}
table.dataTable .celica .form-group{margin-bottom:0px;}
table.dataTable .select2-container {
    width:100%!important;
    padding:0px !important;
    height:100%  !important;
}
table.dataTable .select2-container .select2-selection__rendered{
    /*line-height: 34px!important;*/
    line-height: 28px!important;
}
table.dataTable .select2-container--default .select2-selection--multiple {
   padding: 3px 10px 4px 10px;
}
table.dataTable  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
   padding:0px;
}

table.dataTable .select-num-of-selected-info{
   font-size: 14px;
   font-weight: normal;
   line-height: 2;
}

table.dataTable .select2 > .selection > span.select2-selection, table.dataTable .select2-selection >span{
   height: 35px;
   /*border: 1px solid #ced4da;border-radious:2px;*/
}
table.dataTable thead th i{ margin-left: 5px;}
table.dataTable thead th svg, table.dataTable.dtr-inline td svg{ margin-left: 5px;}

/* Popravki za datatables fixedColumns */
   /*.dataTables_scrollHead {width:100%!important;} .dataTables_scrollHead table, .dataTables_scrollBody table {width:100%!important;}*/
   .dataTables_scrollBody table thead tr, .DTFC_LeftBodyWrapper table thead tr {height:0px!important;}
   table.DTFC_Cloned tr{background-color:white;margin-bottom:0}
   div.DTFC_LeftHeadWrapper table,div.DTFC_RightHeadWrapper table{border-bottom:none !important;margin-bottom:0 !important;background-color:white}
   div.DTFC_LeftBodyWrapper table,div.DTFC_RightBodyWrapper table{border-top:none;margin:0 !important}
   div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_LeftBodyWrapper table thead .sorting:after,div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:after,div.DTFC_RightBodyWrapper table thead .sorting:after,div.DTFC_RightBodyWrapper table thead .sorting_asc:after,div.DTFC_RightBodyWrapper table thead .sorting_desc:after{display:none}
   div.DTFC_LeftBodyWrapper table tbody tr:first-child th,div.DTFC_LeftBodyWrapper table tbody tr:first-child td,div.DTFC_RightBodyWrapper table tbody tr:first-child th,div.DTFC_RightBodyWrapper table tbody tr:first-child td{border-top:none}
   div.DTFC_LeftFootWrapper table,div.DTFC_RightFootWrapper table{border-top:none;margin-top:0 !important;background-color:white}
   div.DTFC_Blocker{background-color:white}
   table.dataTable.table-striped.DTFC_Cloned tbody{background-color:white}
   .table_filters .dtfc-fixed-left {left: 0px;position: sticky;}

/* Popravki za gumbe v tabeli */
   .dataTables_scrollBody table .fa-lg {line-height: initial;}
   
/* Popravki za zgornji desni rob tabele */
div.dtfc-left-top-blocker, div.dtfc-right-top-blocker {
   z-index:-1;
}
   
.page-item.active .page-link {background-color: #99ca46;border-color: #99ca46;}

/* Razširjena vrstica v responsive načinu */
   table.dataTable .child .dtr-data {float:right;max-width:100%;text-wrap: wrap;}
   table.dataTable .child ul {width:100%;}
   table.dataTable .child li {display: flow-root;padding: 0.4em 1em 0.4em 1.7em!important; width: auto;}
   

/* Barvanje vrstic */
   table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {background-color: rgba(153, 202, 70, 0.18) !important;}
   table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, .table-striped tbody tr:nth-of-type(odd) {background-color: #F5F7FA!important;}
   table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even, .table-striped tbody tr:nth-of-type(even) {background-color: white!important;}

/* Fiksiran layout tabele */   
   .fixed-table{table-layout: fixed;   /*word-wrap:break-word; */}

/* Izbrane vrstice */
   table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {background-color: #00aeef!important;}
   table.dataTable tbody tr.selected {background-color: #00aeef!important;}
   table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {background-color: #00aeef!important;}

/* Barve ikon za razširitev vrstice pri responsive pogledu*/
   table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {background-color: #99ca46!important;}
   
/* Pri pogledu Stolpci v vrstici */   
   table.dtr-inline td i {margin-right:0px; float: right; margin-left: 5px;line-height: 1.2em;}
   table.dataTable.dtr-inline td input {
      border: 1px solid #ced4da;
   }   
   
/* plus sign pri pogledu Stolpci v vrstici */
   table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
   table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
      top: 7px; 
   }   

/* Pri pogledu Fiksni stolpci */
   table.dataTable thead tr>.dtfc-fixed-left, table.dataTable thead tr>.dtfc-fixed-right, table.dataTable tfoot tr>.dtfc-fixed-left, table.dataTable tfoot tr>.dtfc-fixed-right {
      background-color: #ECEEF5!important;      
   }
   .dtfc-has-left table.dataTable tbody tr.selected td{background-color: #00aeef!important;}
   .dtfc-has-left .table-striped tbody tr:nth-of-type(odd) {
      background-color: #f9f9f9!important;
   }
   table.dataTable.table-striped>tbody>tr.odd>* {
      box-shadow: none;
   }
   table.dataTable tbody tr>.dtfc-fixed-left, table.dataTable tbody tr>.dtfc-fixed-right {
      background-color: inherit!important;
      /*box-shadow: 0px 0px 0px 25px #99ca4610 inset;*/
   }

/* Grupiranje vrstic */
   table.dataTable.table-grouped-rows tr.odd td:first-child,
   table.dataTable.table-grouped-rows tr.even td:first-child {
       /* padding-left: 4em; */
   }   
   
     
   .dtfc-has-left .table-striped tbody tr.dtrg-group:nth-of-type(odd),
   .dtfc-has-left .table-striped tbody tr.dtrg-group:nth-of-type(even){
      color: #ff0000 !important;
      font-weight: bold;
   }
   .dtfc-has-left .table-striped tbody tr.dtrg-group:nth-of-type(odd) td,
   .dtfc-has-left .table-striped tbody tr.dtrg-group:nth-of-type(even) td {
      background-color: inherit !important;
   }
   

/* checkbox ikone za gumbe v meniju*/   
   div.dt-button-collection a.buttons-columnVisibility:before,
      div.dt-button-collection a.buttons-columnVisibility.active span:before {display:block;position:absolute;top:1.2em;left:0;width:12px;height:12px;box-sizing:border-box;}
   div.dt-button-collection a.buttons-columnVisibility:before {content:' ';margin-top:-6px;margin-left:5px;border:0px solid white;border-radius:0px;}
   div.dt-button-collection a.buttons-columnVisibility.active span:before {content:'\2714 ';margin-top:-17px;margin-left:-16px;text-align:center;text-shadow:1px 1px #DDD, -1px -1px #DDD, 1px -1px #DDD, -1px 1px #DDD;}
   div.dt-button-collection a.buttons-columnVisibility span {margin-left:8px;position: relative;}

/* select v tabeli v meniju */   
.dataTables_length select,  .dataTables_length select.form-control:not([size]):not([multiple]) {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 5px;
    height: 36px;
}

/* Popravki za panes filtre */
div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody td.dtsp-nameColumn {
    width: auto! important;
}
div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dtsp-nameCont span.badge {
    min-width: min-content!important; 
}

   
/* gumbi v tabeli */
   @media screen and (max-width: 767px){         
      .dataTables_wrapper .myFilterAndLength{width:100%;float: none; justify-content: center;}             
      .dataTables_wrapper .myButtons  {float: none!important;position: relative;margin-bottom: 15px;z-index: 5;display: flex; justify-content: center;}
      .dataTables_wrapper .myButtons .dt-buttons {float:none!important;}
      .dataTables_wrapper .myButtons .btn-group .btn {
         margin-bottom: 5px;
      }
   }
   .dataTables_wrapper{
      position:relative;
      z-index:0; /*rabi, da ne pride do prekrivanja popupa ob kliku na gumbe tabele*/
   }
   .dataTables_wrapper table button {
      padding: 0px 0px !important;
      cursor: pointer;
      vertical-align: middle;
      align-content: center;
      display: flex;    
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      float: left;
      text-align: left;
      /*justify-content: center;*/
   }
   .dataTables_wrapper table button.btnWithoutText > *{
      margin: 0px auto!important;
   }
   
   .dataTables_wrapper table .tristate {
      max-width: 160px;
      margin: 0px auto;
   }
   
   .dataTables_wrapper table .tgl-flat + .tgl-btn{
      margin:0px auto;
   }
    
   .dataTables_wrapper table .btn-outline-inverse:hover {color: #868e96;}
   .dataTables_wrapper .myFilter  {float: right;width: 100px;min-width: 150px; position:relative; float:right; z-index:4; }
   .dataTables_wrapper .myFilter input {padding-left: 1em; padding-right:1em; min-height: 36px;}
   .dataTables_wrapper .myFilter label {font-size:12px;} 
   
   .dataTables_wrapper .myMenu{display: block;} 
   .dataTables_wrapper .myFilterAndLength{display: flex;float: right;} 
   
   .dataTables_wrapper .myLength {text-align: center; margin: 0px 15px;z-index:4;}   
   .dataTables_wrapper .myButtons  {position:relative; float:left; margin-bottom:15px;z-index:5;}
   .dataTables_wrapper .myButtons .btn-group .btn {
      background-color: white;
      border-color: #212529;
      float: none;
      color: #212529;
      padding: 10px 1em;
      height: 36px;
      font-size: 14px;
   }
   .dataTables_wrapper .myButtons .btn-group .btn:hover {
      background-color: #212e3b;
      border-color: #212529;
      color: white;
   }
/* gumbi v tabeli v meniju  */
   .card .card-block .myButtons .dropdown-menu {
      top: 0px; 
      overflow-y: auto;
   } 

   .card .card-block .myButtons .dropdown-menu div.btn-group {
      display: block;
   }
   
   button.dt-button dropdown-item buttons-columnVisibility{background:#99ca46;}
   button.dt-button dropdown-item buttons-columnVisibility.active{background:#00aeef;}   
   button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {background-color: #34495e;color:white;border-color: #34495e;background-image: none;}
   button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) {
    box-shadow: inset 1px 1px 3px #999999;background-color: #99ca46;background-image: none;
   }
   
   button.dt-button, div.dt-button, a.dt-button {background-color: white;
    border-color: #212529;color: #212529;background-image:none;}
   div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
      background-color: #99ca46;background-image:none;
   }   
   div.dt-button-collection a.dt-button{margin-bottom:4px !important;}
   div.dt-button-collection{width:auto; padding: 0px;}