:root {
--disabled-color: rgba(255, 0, 0, 0.06);
--readonly-color: rgba(0, 0, 0, 0.06);
--btn-disabled-color: rgba(0, 0, 0, 0.20);
--btn-secondary-color: #6c757d;
--btn-secondary-select-color: #17a2b8;
--side-menu-enabled-color: #5ca47a;
--side-menu-disabled-color: rgba(0, 0, 0, 0.30);
--side-menu-selected-color: rgba(255,194,0,.251);;
}
/*
*
* ==========================================
* BUTTON UTIL CLASSES START
* ==========================================
*
*/
.flex.column {
    flex-direction: column;
}
.flex {
    display: flex;
}
.flex.center {
    align-items: center;
    justify-content: center;
}
.gap-5 {
    gap: 20px!important;
}
.files-list {
    display: flex;
    flex-direction: column;
    max-height: 40vh;
}
.files-list .files-header {
    font-weight: 700;
    padding: 6px 6px;
}
.files-list .file .iui-btn {
    width: auto!important;
}
.files-list .file {
    border-bottom: 1px solid #eee;
    display: flex;
    gap: 6px;
    justify-content: space-between;
    padding: 6px 6px;
}
.files-list .list {
    overflow: auto;
    overscroll-behavior: contain;
}
.iui-btn.s, .iui-btn.xs {
    border-width: 1px;
    font-weight: 600;
}
a, li, p {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    margin: 0;
}
.iui-btn.xs {
    font-size: 9px;
    padding: 4px 8px;
}
.iui-btn:hover {
    background-color: #d5f5e3;
}
.hover-btn-cancel:hover{
    background-color: dimgrey;
}
.hover-btn-submit:hover{
    background-color: blue;
}
.iui-btn.m {
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    padding: 8px 16px;
}
.iui-btn.outlined {
    a, li, p {
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    margin: 0;
}

    border: 2px solid #5ca47a;
    color: #5ca47a;
}
.iui-btn {
    background: none;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #a8cf45;
    gap: 8px;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: all;
}
.iui-btn.l {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    padding: 8px 20px;
    cursor: pointer;
}
.iui-btn.l svg {
    height: 18px;
    width: 18px;
}
.iui-btn.primary {
    background: #5ca47a;
    color: #fff;
}
.iui-btn-label{
    cursor: pointer;
}
.iui-btn{
    hover: background-color:#002ead;;
}
svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
}
svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}
.svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

.dropzone-container .dropzone p {
    font-weight: 600;
    letter-spacing: .4px;
}
.dropzone-container .dropzone {
    color: rgba(0,0,0,.4);
    padding: 20px;
    text-align: center;
}
.dropzone-container {
    border: 1px dashed rgba(0,0,0,.4);
    border-radius: 5px;
}
.dialog-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
}
/*
*
* ==========================================
* BUTTON UTIL CLASSES END
* ==========================================
*
*/

option:disabled, option:selected  {
    background-color: red;
}

.form-control:focus{
  border-color: #80bdff;  
  box-shadow: none; 
  -webkit-box-shadow: none;
}
 
.form-group {
    margin-bottom: 7px;
}

label {
    display: inline-block;
    margin-bottom: 1px;
    font-size: 12px;
}

.form-control {
	font-size: 12px;
	line-height: 1;
	padding: 6px;
    height: 32px;
}

select.form-control:not([size]):not([multiple]) {
    height: 32px;
}
.border-3 {
    border-width:3px !important;
}
.border-4 {
    border-width:4px !important;
}
.hover {
    background-color: rgba(255,194,0,.251) !important;
}
a:hover {
  color: #5ca47a;
}
.nav-color {
    font-weight: bold;
    font-size: 18px;
    color: Teal;
}

.background-naslov {
    background-color: #5ca47a !important;
}
.color-white {
    color: white !important;
}
.rounded-top-left-2 {
    border-top-left-radius: 2rem;
}
.height-1 {
    height: 1rem;
}
.margin-left-right-15 {
    margin-left: -15px;
    margin-right: -15px;
}
.margin-right-15 {
    margin-right: -15px;
}

.side_menu_disabled {
    background-color: white;
    color: var(--side-menu-disabled-color);
}
.side_menu_enabled {
    background-color: white;
    color: var(--side-menu-enabled-color);
}
.side_menu_selected {
    background-color: var(--side-menu-selected-color);
    color: var(--side-menu-enabled-color);
}


/*.CaptionCont .SelectBox .search {*/
/*  font-size: 12px !important;*/
/*  border: 1px solid red !important;*/
/*}*/

/*.SelectBox {*/
/*  padding: 6px 14px;*/
/*}*/

/*.SumoSelect.open .search-txt {*/
/*  font-size: 12px !important;*/
/*}*/

/*.SumoSelect > .CaptionCont > span.placeholder {*/
/*  color: #495057;*/
/*  font-style: normal !important;*/
/*  font-size: 12px !important;*/
/*}*/

/* Treba promeniti border color */
/*.SumoSelect > .CaptionCont {*/
/*  border: 1px solid #ced4da !important;*/
/*  min-height: 32px !important;*/
/*  border-radius: 4px !important;*/
/*  margin: 0;*/
/*  font-size: 12px !important;*/
/*}*/

/*.SumoSelect > .optWrapper > .options li label {*/
/*  text-overflow: ellipsis;*/
/*  white-space: pre-wrap;*/
/*  overflow: hidden;*/
/*  display: block;*/
/*  cursor: pointer;*/
  /*height: 26px;*/
/*}*/

/*.SumoSelect > .optWrapper > .MultiControls {*/
  /*background-color: #fff !important;*/
/*  background-color: #20B2AA !important;*/
/*  border-radius: 0 0 3px 3px;*/
/*  font-size: 12px !important;*/
/*  color: white !important;*/
/*}*/

/*.SumoSelect > .CaptionCont > label > i {*/
/*  opacity: 0.5 !important;*/
/*}*/

.btn {
    font-weight: normal;
    border: 1px solid transparent;
    padding: 6px 9px;
    font-size: 14px;
    line-height: 1;
}

.modal-dialog {
    max-width: 350px;
}

.modal-body {
    padding: 7px 15px;
}

.modal-body p {
	margin: 0;
}

.modal-header {
    padding: 7px 15px;
}

.modal-footer {
    padding: 7px 15px;
}

.btn-default
{
  background-color: #FFFFFF;
  height: 30px;
  color:#495057;
  border-color: #acacac;

}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

  background-color: #FFFFFF;
 
 }

.btn-default-select {
    background-color: #FFFFFF;
    height: 30px;
    border: 1px;
    border-color: #ccc;
	  color: #495057;
 }
 
 .bootstrap-select .btn.disabled, .btn:disabled {
    opacity: 1;
 }

 .btn-default-select-disabled {
    background-color: rgba(0, 0, 0, 0.03);
    height: 30px;
    border: 1px;
    border-color: #ccc;
    color: #495057;
 }
 
 .has-error .form-control > .selectpicker {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 }

 .btn-default-select-error {
    background-color: #FFFFFF;
    height: 32px;
    border-color: red;
 }
 .btn-default-select-change {
    background-color: #FFFFFF;
    height: 32px;
    border-color: blue;
 }
 .select:disabled, .option:selected  {
    background-color: red;
 }
 
 .bootstrap-select .dropdown-toggle .filter-option {
	height: 32px;
 }
 
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	/*color: red;*/
	height: 20px;
	vertical-align: middle;
	padding: 2px 2px;
 }

.btn {
    font-size: 12px;
    line-height: 1;
}
.bootstrap-select.form-control {
    border: 1px solid  #ccc;
}
.btn-group-sm>.btn, .btn-sm {
    font-size: 12px;
}
.dropdown-menu {
  font-size: 12px;
}

 .default-button-right {
    float: right;
    padding: 6px 14px 6px 14px;
    vertical-align: middle;
    background-color: blue;
    color: #fff;
}

.card-header {
    padding: 0.5rem 1.25rem;
    vertical-align: middle;
}
.table {

    font-size: 12px;
}

.tr {
    vertical-align: middle;
}

.table.th {
    font-size: 14px;
}

.inputTxtError {
    border: 1px solid #ff0000;
    color: #0e0e0e;
    border-radius: 4px !important;
}

.is-invalid {
    border: 1px solid #ff0000 !important;
    color: #0e0e0e !important;
    border-radius: 4px !important;
}

.dataTables_info {
  font-size: 14px;
}

.dataTables_paginate {
  font-size: 14px;
}

.my-read-only-class {
  cursor: not-allowed;
}

.myselect select {
  max-width: 100px;
  white-space:normal;
}

.napomena {
  height: 40px;
  background-color: rgba(0, 0, 0, 0.06);
}

.btn-toolbar .btn{
    margin-right: 5px;
}
.btn-toolbar .btn:last-child{
    margin-right: 0;
}
.form-inline > * {
   margin:5px 3px;
}

.button:active{
    background:olive;
}
.btn-focus:focus{
    background: rgb(137, 165, 219);
}

.select_wrap {
    width: 92px;
    white-space:pre-wrap;
}

.center {
    text-align:center;
}
.horpadd0 {
  padding-left: 0;
  padding-right: 0;
}

.page-link{
  padding:.3rem .75rem;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
}
table.dataTable thead th {
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
table.dataTable tfoot td {
    font-weight: bold;
    text-align: center;
}

.hide_column {
    display : none;
}

.block-center {
  display: block;
  margin-left: auto; 
  margin-right: auto; 
}


/*table.dataTable tbody th, table.dataTable tbody td {
   text-align: center; 
}*/

@media print {
  .header-print {
    display: table-header-group;
  }
}

.dt-button.excelbtn span
{
background: url(../img/excel.png) no-repeat center center;
}
.dt-button.pdfbtn span
{
/*background: url(../assets/images/icons/print1.jpg) no-repeat center center*/
background-image: url("../assets/images/icons/print1.jpg");
background-position-x: center;
background-position-y: center;
background-size: 80px 50px;
}

button.dt-button
{
width:30px;
height:30px;
padding: 0px 0px;
}

.dataTable td.col-center {
    text-align: center;}

div.dataTables_length {
  margin-right: 10em;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.progress {
  width: 100px;
  height: 100px;
  background: none;
  position: relative;
}

.progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}

.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.progress .progress-left {
  left: 0;
}

.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress .progress-right {
  right: 0;
}

.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.progress .progress-value {
  position: absolute;
  top: 0;
  left: 0;
}

/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/

/*body {
  background: #ff7e5f;
  background: -webkit-linear-gradient(to right, #ff7e5f, #feb47b);
  background: linear-gradient(to right, #ff7e5f, #feb47b);
  min-height: 100vh;
}*/

.pt-5, .py-5 {
  padding-top: 0.1rem !important;
}

.rounded-lg {
  border-radius: 1rem;
}

.text-gray {
  color: #aaa;
}

.text-red {
  color: #FF0000;
}

div.h4 {
  line-height: 1rem;
}

.black_on_white {
    color: black;
    background:white;
}

.white_on_red {
    color: white;
    background:red;
}

.first_last {
    width: 30px;
}