:root {--accent: #E7E763 ;}

/*Main*/
body{font-family: "Open Sans", sans-serif;}
.bg-main{background: #0d2e5b !important;}
.bg-main-alt{background: #ffc107 !important;}
.text-main-alt{color:#ffc107 !important;}
.text-main{color:#000C3C !important;}
.navbar-brand.brand {display: flex;align-items: center;gap: .7rem;color: #fff;line-height: 1;}
.brand-mark {width: 50px; height: 50px;display: grid; place-items: center;font-size: 1.35rem;}
.brand strong { display: block; font-size: 1.2rem; }
.brand small {display: block;margin-top: .25rem;font-family: "Open Sans", sans-serif;font-size: .68rem;letter-spacing: .12em;text-transform: uppercase;opacity: .75;}

/*Auxilliary*/
.mhide{display:none;}
.m-card{min-height:400px;background: linear-gradient(180deg, rgba(13, 46, 91,0.8) 0%, rgba(13, 46, 91,1) 100%);}
.m-border{border-color:#0d2e5b !important;}
.mcursor{cursor:pointer;}
#dropZone{border: 2px dashed #aaa;text-align: center;cursor: pointer;background: #f9f9f9;min-height:150px;}
#dropZone.dragover {background: #fff3cd;border-color: #ffc107;}
.modal-open .container-fluid, .modal-open  .container {-webkit-filter: blur(5px) grayscale(90%);}
.my-st{font-size:10.5pt !important;}
.progress-circle {
  --size: 100px;
  --thickness: 8px;
  --value: 0;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Hollow center */
.progress-circle::before {
  content: "";
  position: absolute;
  inset: var(--thickness);
  border-radius: 50%;
  background: #fff;
}

/* Map Bootstrap background classes to ring colors */
.progress-circle.text-bg-primary {
  background: conic-gradient(var(--bs-primary) calc(var(--value) * 1%), var(--bs-light) 0);
}
.progress-circle.text-bg-success {
  background: conic-gradient(var(--bs-success) calc(var(--value) * 1%), var(--bs-light) 0);
}
.progress-circle.text-bg-danger {
  background: conic-gradient(var(--bs-danger) calc(var(--value) * 1%), var(--bs-light) 0);
}
.progress-circle.text-bg-warning {
  background: conic-gradient(var(--bs-warning) calc(var(--value) * 1%), var(--bs-light) 0);
}