body {
    color: #fff !important;
}

.content {
    position: static;
    background-image: url("https://escuta.la/assets/imgs/bg-login.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.cadastro-titulo {
    font-size: 32px;
    text-align: center;
    margin-bottom: 50px;
}

.cadastro__content {
    /* background-color: rgba(83, 216, 105, 0.6); */
    /* background-color: rgb(99, 191, 111); */
    background-color: rgba(88, 90, 211, 0.8);
    padding: 50px 15px;
    border-radius: 5px;
    position: relative;
}

.cadastro__voltar {
    position: absolute;
    top: 50px;
    left: 30px;
}

.cadastro__voltar a {
    font-size: 25px;
    transition: 0.3s ease;
}

.cadastro__voltar a:hover {
    color: #ccc;
}

.cadastro__titulo {
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
}

.ast-required {
    color: red;
    margin-left: 5px;
    font-size: 18px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff0;
    color: #fff;
    cursor: default;
}

#escutala-addon {
    border-radius: 0;
}

@media (min-width: 768px) {
    .content {
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
}

@import url('https://fonts.googleapis.com/css?family=Dosis');

:root {
  /* generic */
  --gutterSm: 0.4rem;
  /* --gutterMd: 0.8rem; */
  --gutterMd: 6px;
  --gutterLg: 1.6rem;
  --gutterXl: 2.4rem;
  --gutterXx: 7.2rem;
  --colorPrimary400: #7e57c2;
  --colorPrimary600: #5e35b1;
  --colorPrimary800: #4527a0;
  --fontFamily: "Dosis", sans-serif;
  --fontSizeSm: 1.2rem;
  --fontSizeMd: 1.6rem;
  /* --fontSizeLg: 2.1rem; */
  --fontSizeLg: 16px;
  --fontSizeXl: 2.8rem;
  --fontSizeXx: 3.6rem;
  --lineHeightSm: 1.1;
  --lineHeightMd: 1.8;
  --transitionDuration: 300ms;
  --transitionTF: cubic-bezier(0.645, 0.045, 0.355, 1);

  /* floated labels */
  --inputPaddingV: var(--gutterMd);
  --inputPaddingH: var(--gutterLg);
  --inputFontSize: var(--fontSizeLg);
  --inputLineHeight: var(--lineHeightMd);
  --labelScaleFactor: 0.95;
  --labelDefaultPosY: 50%;
  --labelTransformedPosY: calc(
    (var(--labelDefaultPosY)) -
    (var(--inputPaddingV) * var(--labelScaleFactor)) -
    (var(--inputFontSize) * var(--inputLineHeight))
  );
  --inputTransitionDuration: var(--transitionDuration);
  --inputTransitionTF: var(--transitionTF);
}

.Inputdiv {
    position: relative;
}

.Input {
  /* display: block; */
  /* margin: 0; */
  /* padding: var(--inputPaddingV) var(--inputPaddingH); */
  /* color: inherit; */
  /* width: 100%; */
  /* font-family: inherit; */
  /* font-size: var(--inputFontSize); */
  /* font-weight: inherit; */
  /* line-height: var(--inputLineHeight); */
  /* border: none; */
  /* border-radius: 0.4rem; */
  transition: box-shadow var(--transitionDuration);
}

.Input::placeholder {
  color: #B0BEC5;
}

.Input:focus {
  outline: none;
  /* box-shadow: 0.2rem 0.8rem 1.6rem var(--colorPrimary600); */
}

.Input-label {
  /* display: block; */
  position: absolute;
  bottom: 50%;
  margin-bottom: 3px;
  /* left: 1rem; */
  /* color: #fff; */
  /* font-family: inherit; */
  /* font-size: var(--inputFontSize); */
  /* font-weight: inherit; */
  /* line-height: var(--inputLineHeight); */
  opacity: 0;
  transform:
    translate3d(0, var(--labelDefaultPosY), 0)
    scale(1);
  transform-origin: 0 0;
  transition:
    opacity var(--inputTransitionDuration) var(--inputTransitionTF),
    transform var(--inputTransitionDuration) var(--inputTransitionTF),
    visibility 0ms var(--inputTransitionDuration) var(--inputTransitionTF),
    z-index 0ms var(--inputTransitionDuration) var(--inputTransitionTF);
}

.Input:placeholder-shown + .Input-label {
  visibility: hidden;
  z-index: -1;
}

.Input:not(:placeholder-shown) + .Input-label,
.Input:focus:not(:placeholder-shown) + .Input-label {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transform:
    translate3d(0, var(--labelTransformedPosY), 0)
    scale(var(--labelScaleFactor));
  transition:
    transform var(--inputTransitionDuration),
    visibility 0ms,
    z-index 0ms;
}