@import url("../abstracts/colors.css");

.ev-dialog-bg .ui-dialog-content {
	background: none !important;
	display: contents;
}

/* ------------------------------------------------------------------ */
/* Loading indicator                                                   */
/* One simple, professional circular spinner: white ring + blue arc.    */
/* ------------------------------------------------------------------ */

.ev-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 52, 87, 0.55); /* --oxford-blue scrim, softer than pure black */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.ev-loader-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* page / form loader (WEB-INF/loader.xhtml) and the in dialog
   "processIndicator" loader share the same animation */
.ev-loader,
.loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  box-sizing: border-box;
  border: 4px solid #FFFFFF;                      /* white ring */
  border-top-color: var(--bright-blue, #0B5ED7);  /* brand blue arc */
  border-radius: 50%;
  background: transparent;
  animation: ev-spin 0.8s linear infinite;
}

/* processIndicator dialog - spinner sits on a transparent content area */
.loader-backgroundContainer {
  text-align: center;
  box-shadow: none !important;
}

.loader-backgroundContainer .ui-dialog-content {
  background: transparent !important;
}

.loader-backgroundContainer .loader {
  display: block;
  margin: 0 auto;
}

@keyframes ev-spin {
  to {
    transform: rotate(360deg);
  }
}

/* small corner ajax indicator (p:ajaxStatus in WEB-INF/template.xhtml) */
.layout-ajax-loader-icon {
  color: var(--bright-blue, #0B5ED7);
  font-size: 1.35rem;
  line-height: 1;
}