.frame-cadastro{
  padding: 32px;
  position: absolute;
  top: 64px;
}

/* Margin */
.m-6{
  margin: 6px;
}

/* Margin Top */
.mt-22{
  margin-top: 22px;
}

/* Margin Bottom */
.mb-8{
  margin-bottom: 8px;
}

.mb-13{
  margin-bottom: 13px;
}

.mb-16{
  margin-bottom: 16px;
}

.mb-20{
  margin-bottom: 20px;
}

.mb-22{
  margin-bottom: 22px;
}

.mb-24{
  margin-bottom: 24px;
}

.mb-28{
  margin-bottom: 28px;
}

.mb-30{
  margin-bottom: 30px;
}

.mb-32{
  margin-bottom: 32px;
}

.mb-42{
  margin-bottom: 42px;
}

/* Margin Right */
.mr-5{
  margin-right: 5px;
}

.mr-10{
  margin-right: 10px;
}

.mr-17{
  margin-right: 17px;
}

.mr-20{
  margin-right: 20px;
}

.mr-32{
  margin-right: 32px;
}

/* Margin Left */
.ml-8{
  margin-left: 8px;
}

.ml-12{
  margin-left: 12px;
}

.ml-40{
  margin-left: 40px;
}

.ml-50{
  margin-left: 50px; 
}

/* Padding */
.p-32{
  padding: 32px;
}

/* Padding Bottom */
.pb-15{
  padding-bottom: 15px;
}

.pb-22{
  padding-bottom: 22px;
}

.pb-32{
  padding-bottom: 32px;
}


.vline-divider{
  height: 1px; background: #C4CBD9;
}

.black-overlay{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5000;
  display: none;
}

.footer-div{
  position: fixed;
  bottom: 0;
  width: 100%;
}

.lista-redes{
  background-color: white;
  border-radius: 8px 8px 0px 0px;
  padding: 12px;
}

.cursor-pointer{
  cursor: pointer;
}

.add-link{
  margin: 6px 12px;
}

.bootstrap-select.disabled, .bootstrap-select > .disabled{
  color: var(--neutral-6) !important;
}

.lh-17{
  line-height: 17px
}

.text-justify{
  text-align: justify;
}

.position-relative{
  position: relative;
}

.edit-icon{
  position: absolute;
  text-align: right;
  padding-right: .1rem
}

@keyframes ldio-x4qjjxcj0lo {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.ldio-x4qjjxcj0lo div {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 12px solid #109ce7;
  border-top-color: transparent;
  border-radius: 50%;
}
.ldio-x4qjjxcj0lo div {
  animation: ldio-x4qjjxcj0lo 1.4492753623188404s linear infinite;
  top: 50px;
  left: 50px;
}
.loadingio-spinner-rolling-kds12iubnq {
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-x4qjjxcj0lo {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.24);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.ldio-x4qjjxcj0lo div {
  box-sizing: content-box;
}

.underline-hover:hover {
  text-decoration: underline;
}

.progress-bar {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 8px;
  background: var(--brand-4);
  background: -moz-linear-gradient(left, var(--brand-3) 0%, var(--brand-4) 40%, #04baa5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--brand-3)), color-stop 40%, var(--brand-4)), color-stop(100%, #04baa5));
  background: -webkit-linear-gradient(left, var(--brand-3) 0%, var(--brand-4) 40%, #04baa5 100%);
  background: -o-linear-gradient(left, var(--brand-3) 0%, var(--brand-4) 40%, #04baa5 100%);
  background: -ms-linear-gradient(left, var(--brand-3) 0%, var(--brand-4) 40%, #04baa5 100%);
  background: linear-gradient(to right, var(--brand-3) 0%, var(--brand-4) 40%, #04baa5 100%);
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }

  .text-sm-right {
    text-align: right;
  }

  .text-sm-center {
    text-align: center;
  }

  .text-sm-justify {
    text-align: justify;
  }
}

@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }

  .text-md-right {
    text-align: right;
  }

  .text-md-center {
    text-align: center;
  }

  .text-md-justify {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }

  .text-lg-right {
    text-align: right;
  }

  .text-lg-center {
    text-align: center;
  }

  .text-lg-justify {
    text-align: justify;
  }
}

@keyframes pulse {
  0%
  {
    transform: scale( 1 );
  }
  50%
  {
    transform: scale( 1.2 );
  }
  100%
  {
    transform: scale( 1 );
  }
}

.pulse-single {
  animation: pulse .2s;
}

.modal-backdrop {
  z-index: -1;
}