.carregando{ left:0; top:0; position:fixed; z-index:5000000; background: rgba(31,41,55,0.9); width:100% !important; height:100% !important; display: flex; align-items: center; justify-content: center; }
.carregando .logoloading { width: 140px; height: 140px; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; background-repeat: no-repeat; background-size: 50% auto; background-position: center center; position: fixed; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.carregando .loader {  border: 3px solid transparent; border-top: 2px solid #eaeaea ; border-bottom: 2px solid #eaeaea ; border-radius: 50%; width: 140px; height: 140px; animation: spin 2s linear infinite; position: fixed; top: 50%; left: 50%; margin-top: -71px; margin-left: -71px; }
@keyframes spin { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); } }
@-moz-keyframes rodarodao { 0% {  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 25% {  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 50% { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } 75% {  -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 100% {  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

.carregando2 { position:fixed; z-index:5000000; background: rgba(244,245,248,0.6); width:100% !important; height:100vh; top: 0px; left: 0px; display: none; }
.carregando2 .loader { top: 50%; left: 50%; transform: translate(-50%, -50%); position:fixed; z-index:5000000; background: white url(../imagens/ajax-loader.gif) no-repeat center; width:100px !important; height:100px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

  .loader-wrapper {
    width: 75px;
    height: auto;
  }

  .logo-path {
    fill: transparent;
    stroke: #10b981;
    stroke-width: 18;
    stroke-linejoin: round;
    stroke-linecap: round;
   stroke-dasharray: 1800 6200;
    animation: runLine 2s linear infinite;
  }

  @keyframes runLine {
    from {
      stroke-dashoffset: 8000; 
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  .loader-wrapper svg {
    overflow: visible;
    filter: drop-shadow(0 0 12px rgba(246, 235, 85, 0.5));
  }