.g-recaptcha > div { margin: auto; } .box-success { width: 430px; padding-bottom: 0px; height: 356px; z-index: 11 !important; background: white; text-align: center; } .login-box > div[data-type-login="recuperar-senha"] { height: 409px !important; } .tituloRecuperar{ text-align: left; font: normal normal 300 14px/20px Bradesco Sans; letter-spacing: -0.14px; color: #4D4E53; opacity: 1; margin-bottom: 18px !important; margin-top: -8px !important; } .labelRecuperar{ text-align: left; font: normal normal bold 14px/20px Bradesco Sans; letter-spacing: 0px; color: #4D4E53; opacity: 1; margin-top: -13px !important; margin-bottom: 1px !important; } .bs-button--link.bs-button--secondary { background: transparent; border-color: transparent; color: #0b67bd; cursor: pointer; text-align: right; font: normal normal bold 14px/24px Bradesco Sans; letter-spacing: 0px; color: #0B67BD; opacity: 1; } .bs-button-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 24px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; float: inline-end; } .bs-button-group .bs-media__button:last-child, .bs-button-group .bs-old-button:last-child, .bs-button-group .bs-button:last-child, .bs-button-group .bs-button-link:last-child { margin-right: 0; } .bs-button-group--side .bs-media__button, .bs-button-group--side .bs-old-button, .bs-button-group--side .bs-button, .bs-button-group--side .bs-button-link { margin-bottom: 0; } .login-box, body { min-width: 425px } .camposInput{ margin-bottom: 24px !important; } .login-box .component-control { height: 100%; } .login-box { width: 425px; margin: 0 !important; float: left } .login-box > div[data-type=recuperar-senha] { transform: translateX(0); width: 425px; padding-bottom: 0 } .recuperar-senha-wps { width: 425px; transform: translateX(0); margin: 0 auto } .login-box > div[data-type=recuperar-senha] [data-form=recuperar-senha] fieldset { width: 324px; margin: 0 auto } .login-box > div[data-type=recuperar-senha] [data-form=recuperar-senha] button { display: block } .login-box form button { width: 425px; font-size: 2rem; box-sizing: border-box; display: block; margin-top: 38px; cursor: pointer } .login-box button { line-height: 25px; font-family: NewJune Medium; padding: 25px; color: #fff; background: #cd2031 } .login-box [data-message] { position: absolute; top: -webkit-calc(100% - 18px); top: calc(100% - 18px); left: 0; margin-top: -8px; font-size: 10px; color: #cd2031; font-family: "OpenSans SemiBold" } .login-box .select-perfil [data-message] { top: -webkit-calc(100% - -12px); top: calc(100% - -12px) } .login-box .txt-captcha-codigo [data-message] { top: -webkit-calc(100% - 20px); top: calc(100% - 20px); left: 15px } .login-box [data-show=false] { opacity: 0; -webkit-transition: .5s; transition: .5s } .login-box [data-show=true] { opacity: 1; -webkit-transition: .5s; transition: .5s } .login-box small.obrigatorios { text-align: right; margin-bottom: 5px; width: 100%; display: block } .col-sm-6 { width: 50%; float: left } .login-box form fieldset .form-box { position: relative } .login-box .box-success { padding-bottom: 0px; height: 430px; -webkit-transition: opacity .3s; transition: opacity .3s; display: block } .login-box .box-success .content-success { padding: 55px; position: relative; height: 100%; width: 100% } .login-box .box-success i, .login-box .box-success p { width: 100%; text-align: center; display: block } .login-box .box-success i { color: #20cd43; margin-bottom: 35px; font-size: 10rem } .icon-alerta-sucesso:before { content: "\e08c" } .login-box .box-success button { margin-top: 0 } .login-box .box-success:not([data-active=true]) { z-index: -1; opacity: 0; display: none } [class*=" icon-"], [class^=icon-] { font-family: bradesco_v3 !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .bs-loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, .5); z-index: 9999; } .bs-loading-overlay-show { display: flex; } .bs-loading-overlay-hide { display: none; } .bs-loading { display: block; padding: 15px; text-align: center; width: 100%; } .bs-loading.bs-loading-overlay-hide { display: none; } .bs-loader { display: inline-block; height: 30px; position: absolute; width: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; } .bs-loader--larger { height: 90px; width: 90px; margin-top: -45px; margin-left: -45px; } .bs-loader::before, .bs-loader::after { -webkit-animation: bs-loading 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: bs-loading 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; border: 2px solid #cc092f; border-radius: 50%; content: ""; display: block; opacity: 1; position: absolute; } .bs-loader::after { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } @-webkit-keyframes bs-loading { 0%, 100% { bottom: 0; height: 1px; left: 0; margin: auto; opacity: 1; right: 0; top: 0; width: 1px; } 100% { height: 100%; opacity: 0; width: 100%; } } @keyframes bs-loading { 0%, 100% { bottom: 0; height: 1px; left: 0; margin: auto; opacity: 1; right: 0; top: 0; width: 1px; } 100% { height: 100%; opacity: 0; width: 100%; } } div[data-type-login=recuperar-senha] .component-control > section, div[data-type-login=recuperar-senha] .component-control > section .wpthemeControlBody { height: 100%; }