.fade-loading-determinado
{
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.8);
  top: var(--altura-navbar);
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.fade-loading-determinado.opaco
{
background: rgba(255, 255, 255, 1);
}

.fade-loading-determinado.fade-out, .fade-loading-determinado.opaco.fade-out
{
  opacity: 0;
  pointer-events: none;
}

.loading-determinado 
{
  position: relative;
  width: 84px;
  height: 84px;
}

.loading-determinado svg {
  transform: rotate(-90deg);
}

.loading-determinado circle {
  fill: none;
  stroke-width: 6;
}

.loading-determinado .bg {
  stroke: var(--cinza-1);
}

.loading-determinado .progress {
  stroke: var(--verde-medio);
  stroke-dasharray: 226;
  stroke-dashoffset: 226;
  transition: stroke-dashoffset 0.4s ease;
}

.loading-determinado .percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-weight: bold;
}

/*spinner */
.spinner-container
{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.spinner-container .spinner {
  border-radius: 50%;
  border: 4px solid var(--cinza-1);
  border-top: 4px solid var(--verde-medio);
  animation: spin 1s linear infinite;

  width: 44px;
  height: 44px;
}

.spinner-container .spinner ~ p {
  margin: 0 0 0 12px;
  font-size: 14px;
  color: var(--cinza-4);
}

.spinner-container .spinner-md {
  width: 32px;
  height: 32px;
  border-width: 3px;
}

.spinner-container .spinner-md ~ p {
  font-size: 14px;
}

.spinner-container .spinner-sm {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

.spinner-container .spinner-sm ~ p {
  font-size: 12px;
}

.spinner-container.column {
  flex-direction: column;
}

.spinner-container.column .spinner ~ p {
  margin: 12px 0 0 0;
}


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



@media (0 < width < 768px) {
  .fade-loading-determinado{
    top: 50px;
  }

 }