IR cod. 3426 e cod. 8053

<> .newletterJanela * { margin: 0; padding: 0; box-sizing: unset; font-family: 'Open Sans'Arialsans-serif } .newletterJanela .login-section { display: flex; justify-content: center; flex-wrap: wrap } .newletterJanela { background: #ffffff !important; max-width: 400px !important; margin: 0 auto } .newletterJanela .login-section .boxCadastro { border: 3px solid #f1f1f1; float: left; width: 600px; box-sizing: border-box; margin: 0 0 10px 0; padding: 0 } .newletterJanela .login-section .boxCadastro h3 { font-family: BarlowArialsans-serif; font-size: 20px; font-weight: 600; line-height: 21px; text-align: center; background: #f1f1f1; color: #3c3c3c; padding: 10px 0; box-shadow: 0 2px 19px -13px #999; border-bottom: solid 1px #fff } .newletterJanela .login-section .boxCadastro form { padding: 0 0 15px 0; display: flex; flex-wrap: wrap; overflow: hidden; justify-content: center } .newletterJanela .login-section .boxCadastro .boxForm { width: 100%; margin: 15px 20px 6px } .newletterJanela .login-section .boxCadastro .textoSelecione { color: #6b6b6b !important; font-size: 13px !important; padding: 8px 0 0 0; letter-spacing: -.020em; max-width: 250px; margin: 0 auto; text-align: center; } .newletterJanela .login-section .boxCadastro form input:not([type=checkbox]) { color: #232323; height: 40px; width: 100%; margin: 0 0 12px 0; font-size: 15px; background: #f1f1f1; padding: 0 15px; box-sizing: border-box; border: none; transition: all .5s ease; font-weight: 600; font-family: 'Open Sans'; letter-spacing: .010em; border-radius: 3px; text-align: center } .newletterJanela .login-section .boxCadastro .esquerda.boxEditorias { margin-right: 20px } .newletterJanela .login-section .boxCadastro form .termo .checkbox label { display: none } .newletterJanela .login-section .boxCadastro form .editoria { width: 16px; height: 16px !important; margin: auto 0 auto 10px !important } .newletterJanela .login-section .boxCadastro label.emailLabel p { font-size: 15px; text-align: center; font-weight: 600 } .newletterJanela .login-section .boxCadastro label:not(.emailLabel) { display: flex; margin: 0 0 10px 0; justify-content: flex-end } .newletterJanela .login-section .boxCadastro .boxEditorias .labelEditoria { font-weight: 700; text-transform: uppercase; font-size: 13px } .newletterJanela .login-section .boxCadastro form .checkbox.ativo em { background: #31962b; border-color: #31962b } .newletterJanela .login-section .boxCadastro form .botaoEntrar:hover { background: #17851f; border-bottom: 4px solid #006701 } .newletterJanela .login-section .boxCadastro form .botaoEntrar { text-decoration: none; text-transform: uppercase; font: 600 15px 'Open Sans'sans-serif; margin-top: 20px; transition: all .2s ease; color: #fff; background: #2b9933; display: block; width: calc(100% - 40px) !important; text-align: center; border-radius: 3px; border-bottom: 4px solid #006701; height: 45px } .newletterJanela .login-section .boxCadastro form .checkbox label { display: block } .newletterJanela .login-section .boxCadastro form .checkbox input { margin-top: 0 } .newletterJanela .login-section .boxCadastro form span.checkbox { margin: auto 0 } .newletterJanela .login-section .boxCadastro #checkbox { appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #fff; width: 16px !important; height: 16px !important; transition: all .3s ease; float: left; margin: 20px 0 0 10px } .newletterJanela .login-section .boxCadastro #checkbox:checked { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(000.05)inset 0 -15px 10px -12px rgba(000.05)inset 15px 10px -12px rgba(255255255.1); color: #99a1a7 } .newletterJanela .login-section .boxCadastro #checkbox:checked:after { content: '\2714'; font-size: 14px; position: absolute; top: 0; left: 3px; color: #99a1a7 } .newletterJanela .login-section .boxCadastro #checkbox .ativo { background: #010101; border: solid 1px #010101 } .newletterJanela .login-section .boxCadastro span.checkbox { margin: 0 2px 0 0 } .newletterJanela .login-section .boxCadastro span.checkbox:hover em { border: solid 1px #1eb400 } .newletterJanela .login-section .boxCadastro span.checkbox.ativo em { background: #1eb400; border: solid 1px #1eb400 } .newletterJanela .login-section .boxCadastro span.checkbox { margin: 0 2px 0 0 } .newletterJanela .login-section .boxCadastro span.checkbox:hover em { border: solid 1px #1eb400 } .newletterJanela .login-section .boxCadastro span.checkbox.ativo em { background: #1eb400; border: solid 1px #1eb400 } .newletterJanela .login-section .boxCadastro .botao { float: left; width: 30px; position: relative; cursor: pointer; margin: auto 0 } .newletterJanela .login-section .boxCadastro .botao span { display: block; width: 100%; height: 18px; text-align: center; background: #f1f1f1; line-height: 19px; font-size: 10px; font-weight: 600; letter-spacing: .01em; transition: all .5s ease; box-sizing: border-box; border: 1px solid transparent } .newletterJanela .login-section .boxCadastro .botao span:before { content: ''; width: 4px; height: 100%; background: #f1f1f1; position: absolute; top: 0; left: 0; display: block; transition: all .5s ease; display: none } .newletterJanela .login-section .boxCadastro .botao span:hover { border-color: #f1f1f1; background: #fff } .newletterJanela .login-section .boxCadastro .botao span.sim { color: #1eb400 } .newletterJanela .login-section .boxCadastro .botao span.sim:before { background: #1eb400 } .newletterJanela .login-section .boxCadastro .botao span.nao { color: #f37b00 } .newletterJanela .login-section .boxCadastro .botao span.nao:before { background: #f37b00 } .newletterJanela .login-section .boxCadastro .botao { float: left; width: 35px; position: relative; cursor: pointer } .newletterJanela .login-section .boxCadastro .botao span { display: block; height: 30px; width: 35px; line-height: 28px; text-align: center; background: #f1f1f1; font-size: 10px; font-weight: 700; letter-spacing: .01em; transition: all .5s ease; box-sizing: border-box; border: 1px solid transparent } .newletterJanela .login-section .boxCadastro .botao span:before { content: ''; width: 4px; height: 100%; background: #f1f1f1; position: absolute; top: 0; left: 0; display: block; transition: all .5s ease; display: none } .newletterJanela .login-section .boxCadastro .botao span:hover { border-color: #f1f1f1; background: #fff } .newletterJanela .login-section .boxCadastro .botao span.sim { color: #1eb400 } .newletterJanela .login-section .boxCadastro .botao span.sim:before { background: #1eb400 } .newletterJanela .login-section .boxCadastro .botao span.nao { color: #f37b00 } .newletterJanela .login-section .boxCadastro .botao span.nao:before { background: #f37b00 } .newletterJanela .login-section .boxCadastro .checkbox { float: left; position: relative; margin: auto 0 } .newletterJanela .login-section .boxCadastro span.checkbox em { display: block; color: #fff !important; float: left; width: 28px; height: 28px; border: solid 1px #ccc; transition: all .3s ease; background: #fff; position: relative } .newletterJanela .login-section .boxCadastro span.checkbox em::after { content: "\2714"; display: block; transition: all .2s ease; position: absolute; left: 45%; top: 48%; transform: translateX(-50%) translateY(-50%) scaleY(1); opacity: 0; color: #fff !important; font-size: 15px } .newletterJanela .login-section .boxCadastro span.checkbox:hover em { border: solid 1px #101010 } .newletterJanela .login-section .boxCadastro span.checkbox.ativo em { background: #1eb400; border: solid 1px #1eb400 } .newletterJanela .login-section .boxCadastro span.checkbox.ativo em::after { opacity: 1 } .newletterJanela .login-section .boxCadastro span.checkbox input { opacity: 0; -webkit-opacity: 0; height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer } .newletterJanela .login-section .boxCadastro span.checkbox label { font: 500 13px 'Open Sans'; width: auto; overflow: hidden; margin-right: 15px; color: #424c51; margin-left: 25px; padding: 0 } .newletterJanela .login-section .boxCadastro .termo { display: flex; /*border-top:1px solid #ececec;*/ width: calc(100% - 40px); /*padding:15px 0 0 15px;margin:10px 0 0 0;*/ BOX-SIZING: border-box } .newletterJanela .login-section .boxCadastro .termo p { font-size: 12px; margin: 2px 10px 0 20px; line-height: 14px } .newletterJanela .login-section .boxCadastro .termo p a { text-decoration: underline; color: #2a2a2a } .newletterJanela .login-section .boxCadastro .botaoEntrar { width: 100% !important; line-height: unset } .newletterJanela .login-section .boxCadastro .botaoEntrar:hover { cursor: pointer; } .newletterJanela .login-section .boxCadastro .emailLabel { display: flex; flex-wrap: wrap; flex-direction: column; height: fit-content }