:is([data-sidebar="icon"], [data-sidebar="icon-hover"]) .pe-app-sidebar-logo .logo-main small {
  display: none;
}





.modal .modal-header .close {
  color: #999999;
}
.modal-dialog .modal-header .close {
  position: absolute;
  top: 15px;
  right: 20px;
}

.modal-dialog .modal-header .modal-title {
  text-align: center;
  width: 100%;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}


.modal {
  --pe-modal-zindex: 1055;
  --pe-modal-width: 1000px!important;
  
  
}



 #loader {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(255, 255, 255, 0.9);
      display: flex;  /* odmah vidljiv */
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }
    .spinner {
      border: 8px solid #f3f3f3;
      border-top: 8px solid #3498db;
      border-radius: 50%;
      width: 60px; height: 60px;
      animation: spin 1s linear infinite;
    }
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    
    
    
              
               /* === FORM ICON FIX ZA URBIX === */
        /* Resetujemo ranije apsolutno pozicioniranje */
        .form-icon {
          position: relative;
          padding-bottom: 0; /* više ne treba dodatni prostor */
        }
        
        
        /* Samo da ikona ostane lepo poravnata */
        .form-icon > i {
          position: absolute;
          left: 0.9rem;
          top: 50%;
          transform: translateY(-50%);
          font-size: 1rem;
          color: #6c757d;
          pointer-events: none;
          justify-content:flex-start!important;
        }
        
        
                
        /* centrira i vraća ikonu tačno levo */
        .form-icon > i {
          position: absolute;
          left: 0.9rem;              /* fino podešavanje – po potrebi 0.8–1.0rem */
          top: 50%;
          transform: translateY(-50%);
          font-size: 1rem;
          line-height: 1;
          pointer-events: none;
        }
        
        /* zadrži punu širinu inputa – ispravno u okviru flex/grid kolona */
        .form-control-icon {
          width: 100%;               /* 🟢 vraća širinu – ne skuplja input */
          padding-left: 2.5rem;      /* dovoljno prostora za ikonu, ne utiče na labelu */
          box-sizing: border-box;
        }
        
        /* invalid feedback uvek ispod, bez pomeranja inputa ili ikone */
        .form-icon .invalid-feedback {
          position: absolute;
          left: 0;
          bottom: -1.25rem;
          width: 100%;
          font-size: 0.8125rem;
          color: #dc3545;
          display: none;
        }
        
        /* kada je input invalid, ne menja layout – samo boju obruba */
        .form-control.is-invalid {
          padding-right: 0.75rem;    /* zadrži širinu bez dodatnog “crvenog” prostora */
        }
        /* --- dodatni prostor ispod poruke o grešci --- */
        /* pomeraj poruku ispod inputa, ali da ne dira visinu inputa */
        .form-icon .invalid-feedback {
          position: absolute;
          left: 0;
          bottom: -1.0rem;      /* fino podešavanje – možeš testirati -1.0 do -1.3rem */
          font-size: 0.8125rem;
          
          color: #dc3545;
         
        }	
        
        
        /* === crvena ikona kad je polje nevalidno === */
        .form-icon:has(.is-invalid) > i {
          color: #dc3545 !important;   /* bootstrap danger crvena */
        }
        
        /* === zelena ikona kad je polje validno === */
        .form-icon:has(.is-valid) > i {
          color: #198754 !important;   /* bootstrap success zelena */
        }


        /* === crveni placeholder u Select2 kada je polje nevalidno === */
       
        
        /* === boja teksta placeholdera kad je nevalidan === */
        .is-invalid + .select2-container--default .select2-selection__placeholder {
          color: #dc3545 !important;              /* crvena kao kod inputa */
          opacity: 0.9;
        }
        
        /* === boja regularnog placeholdera (kad nije nevalidno) === */
        .select2-container--default .select2-selection__placeholder {
          color: #6c757d;                         /* siva kao kod input ikona */
          opacity: 1;
        }
        
        /* === ukloni glow kad se popravi === */
        .is-valid + .select2-container--default .select2-selection--single {
          border-color: #198754 !important;       /* zelena kad je validno */
          box-shadow: none !important;
        }

		.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
		  display: none;
		}