.title {
    font-size: 24px;
    text-align: center;
}

.form-text {
    font-size:14px;
    color: #75869c;
}

.transparent {
    background-color: transparent;
}

.btn-action {
    background-color: #FF005B !important;
    font-size: 18px;
    color: #FFF;
    border-radius: 30px !important;
    height: 50px !important;
}

.btn-auth {
    width: 100%;      
    height: 50px !important;
}

.terms {
    font-size: 14px;
    font-weight: 500;
}

.terms-link {
    margin-top: -3px;
}

.cardOld {
    margin: 0 auto;
    border:none;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgb(0 28 36 / 31%);
    width: 420px;
    border-radius: 5px;
    background-color: transparent;
}

input[type=text], input[type=email], input[type=password], button[type=submit], .btn-form {
    height: 50px !important;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input .focus {
    border: 1px solid #0000003d !important;
}

.card {
    margin: 0 auto;
    border:none;
    padding: 10px;
    max-width: 520px;
    /*background-color: transparent !important;*/
}

.card-sm {
    max-width: 420px !Important;
}


.subtitle {
    font-weight: 600;
    font-size: 12px !important;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.subtitle_2 {
    color: #17a2b8;
    font-size: 22px;
    margin: 30px;
}

.subtitle_sm {
    color: #000;
    font-size: 18px;
    margin: 30px;
}


.subtitle_3 {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
}

.card-text {
    margin: 30px;
}

.email-confirm {
    color: #17a2b8;
}

.boxOr {
    background-color: #FFF;
    width: 50px;
    text-align: center;
    position: absolute; 
    margin-top:45px;
    left: 43%;
    z-index: 2;
}

@media (max-width: 520px) {
    .card {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
    
    #boxLogin.card {
        width: calc(100% - 10px) !Important;
        margin: auto !Important;
    }
}

a, a:hover{
  color:#333
}

.bg-gray-100 {
    background-color: transparent !important;
}

.custom-select-lg {
    font-size: 1rem;
}

.emailOk {
   color: #17a2b8; 
}

.emailError {
   color: #FF0000; 
}

a {
    color: #e91e63;
    text-decoration: none;
}

a:hover {
    color: #c20746;
    text-decoration: none;
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.1em solid currentColor; /*Alterada a espessura da borda*/
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-sm-custom {
    width: 1.1rem;
    height: 1.1rem;
    vertical-align: middle;
}