/* inicio desfoque modal */
#load .modal-backdrop {
    backdrop-filter: blur(6px);
    background-color: #1d1d1d18;
}
.modal-backdrop.in {
    opacity: 100 !important;
}

/* final desfoque modal */
#load .modal {
    text-align: center;
    padding: 0!important;
}

.modal-dialog {
    width: 210px;
}

#load .modal-content {
    box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.39);
    background: rgb(249,249,249);
    background: linear-gradient(0deg, #062344 0%, #062e55 100%);
}

#info-mensagem {
    margin-top: -35px;
    font-size: 11px;
    position: absolute;
    width: 123px;
    right: 8px;
    text-align: left;
    line-height: 1.1;
    color: #fff;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #fff;
  margin: 5px;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}