.localserver {
position: fixed;
bottom: 10px;
right: 10px;
background-color: rgba(255, 0, 0, 0.8);
color: #fff;
padding: 8px 12px;
border-radius: 6px;
font-size: 14px;
font-family: Arial, sans-serif;
z-index: 9999;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
text-shadow: 0px 0px 2px #000;
}

.developer-mode-only{
display:none;
}
 
.localbg{
background-color:#ff000069;
}

.localbg nav.navbar {
background-color: #9b0000 !important;
}

.localbg a.logo{
background-color: maroon !important;
}

.localbg .sidebar-toggle:hover {
background-color: maroon !important;
}

.localbg .sidebar-menu>li.active>a {
border-left-color: #9b0000 !important;
}

.cf-loading-bg {
z-index: 99998;
opacity: 0.6;
position: fixed;
background-color: #000;
top: 0;
left: 0;
right: 0;
bottom:0;
}

.cf-loading {
z-index: 99999;
align-items: center;
justify-content: center;
background-color: #fff;
position: fixed;
left: 30%;
top: 30%;
right: 30%;
padding: 40px;
border-radius: 6px;
}

.cf-loading .cf-loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.35);
  border-top-color: #0d6efd; /* accent color */
  animation: cf-spin 1s linear infinite;
  margin: 0 auto 12px;
}

.cf-loading .cf-text {
font-size: 14px;
line-height: 1.3;
margin-top: 50px;
text-align: center;
font-weight:bold;
}

#finalform{
position:fixed;
width:1px;
height:1px;
bottom:0;
right:0;
background-color:red;
}

/* Show state */
.cf-loading.is-active { display: flex; }
.cf-loading-bg.is-active { display: block; opacity: 1; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .cf-loading .cf-loader { animation: none; }
}

/* Spinner keyframes */
@keyframes cf-spin {
  to { transform: rotate(360deg); }
}