/* Custom styles to override existing CSS */
/* Use !important to ensure these styles take precedence */

/* Override .page-content styles */
.container-fluid {
  flex: 1;
}
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#global-loader {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,0.8);
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.dotted {
  border: none;               
  border-top: 1px dotted #333; 
  margin: 1rem 0;            
}