﻿.blank_background {
  background                      : url(/images/background.png);
  height                          : 100vh;
  width                           : 100vw;
  min-height                      : 100vh;
  max-width                       : 100vw;
  background-size                 : cover;
  background-position-y           : 10px;
  background-position-x           : -130px;
  background-position             : center;
}

.modal-body-inner{
  margin-top                      : 45px;
  margin-left                     : 45px;
  margin-right                    : 45px;
}

/*---------------------------------------------------------------------------*/
/*| Spin                                                                    |*/
/*---------------------------------------------------------------------------*/
/*#region*/

#divIndicadorProgresso {
  margin-top:5px;
  font-size:12px;
}

#spin {
  position                        : fixed;
  width                           : 220px;
  height                          : 220px;
  left                            : 50%;
  top                             : 50%;
  margin-left                     : -110px;
  margin-top                      : -110px;
  background                      : #ddd;
  color                           : #000;
  border-radius                   : 10px;
  z-index                         : 1979;
}

#spinOverlay {
  position                        : absolute;
  height                          : 100%;
  width                           : 100%;
  top                             : 0px;
  left                            : 0px;
  z-index                         : 1978;
  background-color                : #313131;
  -moz-opacity                    : 0.3;
  opacity                         : .3;
  filter                          : alpha(opacity=30);
}

.blur > *:not(#spinOverlay, #spin) {
  -webkit-filter                  : blur(2px);
  -moz-filter                     : blur(2px);
  -o-filter                       : blur(2px);
  -ms-filter                      : blur(2px);
  filter                          : blur(2px);
  filter:progid:DXImageTransform.Microsoft.Blur(pixelradius='20', shadowopacity='0.0');
}

.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  margin : 85px;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #000;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}


/*#endregion*/
