.bg-dark-blue {
  background: #288BE4;
  display: flex;
  justify-content: center;
  padding-bottom: 5px;
}

.modal.fade.in {
  opacity: 1;
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-backdrop.in {
  opacity: 0.5;
}

.tag-id-formato-evento {
  text-align: center;
  color: #1E2125;
  width: fit-content;
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  margin-top: 2px;
}

  .tag-id-formato-evento > span {
    margin: 0 10px;
  }

.botao-telegram {
  background-color: #34AADF;
  color: white;
}

  .botao-telegram:hover {
    background-color: #34aadfd4;
    color: white;
  }

.botao-whatsapp {
  background-color: #25D366;
  color: white;
}

  .botao-whatsapp:hover {
    background-color: #25d366de;
    color: white;
  }

@media only screen and (min-width: 992px) {
  .modal-editar-participante-wrapper .numero, .modal-editar-participante-wrapper .entrada {
    padding-left: 0;
  }

  .modal-editar-participante-wrapper .entrada {
    float: right;
    padding-right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .modal-editar-participante-wrapper .entrada, .modal-editar-participante-wrapper .numero {
    padding: 0;
  }
}

.btn-sm {
  padding: 0.4rem 0.9rem;
}

.modal-novo .modal-header {
  background: #6a78d1;
  border: none;
  padding: 1.4rem;
}

  .modal-novo .modal-header h4 {
    color: white;
    font-weight: 600;
    font-size:1.3rem;
  }

  .modal-novo .modal-header .close {
    color: white;
    opacity: 1;
    font-weight: 100;
    font-size: 28px;
  }

.modal-novo .modal-footer {
  background: white;
  border: none;
  padding: 1.8rem;
  padding-top: 0;
}
.modal-novo .modal-body{
  padding: 1.8rem;
}

.btn-outline-secondary {
  border-color: #dbdee1 !important;
}

label {
  margin-bottom: 0.2rem;
  font-size: .9rem;
}

.form-control, .alert {
  font-size: .9rem;
}

@media (max-width: 767px) {
  .btn-xs-block {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top:2px;
    margin-bottom:2px;
  }

  .btn-xs-block i {
    margin-right: 5px;
  }


  /*
        Extra config:
        .btn-xs-block .btn {
            flex-grow: 1;
        }
    */
  input[type="submit"].btn-xs-block,
  input[type="reset"].btn-xs-block,
  input[type="button"].btn-xs-block {
    width: 100%;
  }

  .btn-block + .btn-xs-block,
  .btn-xs-block + .btn-block,
  .btn-xs-block + .btn-xs-block {
    margin-top: 0.5rem;
  }
}


input[type=submit].is-waiting, button.is-waiting, .button.is-waiting, a.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.btn.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.is-waiting {
  background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  background-image: linear-gradient(-45deg, rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-animation: move-is-waiting-stripes 0.5s linear infinite;
  -moz-animation: move-is-waiting-stripes 0.5s linear infinite;
  -ms-animation: move-is-waiting-stripes 0.5s linear infinite;
  -o-animation: move-is-waiting-stripes 0.5s linear infinite;
  animation: move-is-waiting-stripes 0.5s linear infinite;
  cursor: wait;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}


@-moz-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@-webkit-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@-o-keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

@keyframes move-is-waiting-stripes {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 30px 0px;
  }
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.max-width-form {
  max-width: 960px;
  margin: 0 auto;
}