<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="first-steps-inner" data-reactid=".2.0.0.0"> <div class="first-steps-header" data-reactid=".2.0.0.0.0"> <h2 class="title" data-reactid=".2.0.0.0.0.0"> Primeiros passos </h2> <span class="btn-close glyphicon glyphicon-remove" data-reactid=".2.0.0.0.0.1"> </span> </div> <div class="p-s first-steps-body" data-reactid=".2.0.0.0.1"> <p class="intro" data-reactid=".2.0.0.0.1.0"> <span data-reactid=".2.0.0.0.1.0.0"> Bem vindo! </span> <br data-reactid=".2.0.0.0.1.0.1"> <span data-reactid=".2.0.0.0.1.0.2"> Conheça o iClinic de forma rápida com os passos abaixo: </span> </p> <ul class="reset-list" data-reactid=".2.0.0.0.1.1"> <li class="" data-reactid=".2.0.0.0.1.1.$0"> <a href="/pacientes/adicionar/31290/" data-reactid=".2.0.0.0.1.1.$0.0"><span class="icon s-check-green" data-reactid=".2.0.0.0.1.1.$0.0.0"></span><span data-reactid=".2.0.0.0.1.1.$0.0.1"> </span><span class="text" data-reactid=".2.0.0.0.1.1.$0.0.2">Cadastre um paciente</span></a> </li> <li class="" data-reactid=".2.0.0.0.1.1.$1"> <a href="/agenda/" data-reactid=".2.0.0.0.1.1.$1.0"><span class="icon s-check-green" data-reactid=".2.0.0.0.1.1.$1.0.0"></span><span data-reactid=".2.0.0.0.1.1.$1.0.1"> </span><span class="text" data-reactid=".2.0.0.0.1.1.$1.0.2">Crie um agendamento</span></a> </li> <li class="" data-reactid=".2.0.0.0.1.1.$2"> <a href="/agenda/" data-reactid=".2.0.0.0.1.1.$2.0"><span class="icon s-check-green" data-reactid=".2.0.0.0.1.1.$2.0.0"></span><span data-reactid=".2.0.0.0.1.1.$2.0.1"> </span><span class="text" data-reactid=".2.0.0.0.1.1.$2.0.2">Realize um atendimento</span></a> </li> <li class="" data-reactid=".2.0.0.0.1.1.$3"> <a href="/configuracoes/alertas/email/" data-reactid=".2.0.0.0.1.1.$3.0"><span class="icon s-check-green" data-reactid=".2.0.0.0.1.1.$3.0.0"></span><span data-reactid=".2.0.0.0.1.1.$3.0.1"> </span><span class="text" data-reactid=".2.0.0.0.1.1.$3.0.2">Configure os lembretes</span></a> </li> </ul> </div> </div> </div> </div>

element.style { } .first-steps .first-steps-inner { padding: 10px; background-color:red; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } user agent stylesheet div { display: block; } Inherited from body.show-notification-bar body { font-family: "Open Sans","Custom Helvetica Neue","Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #888; background-color: #fff; } Inherited from html.js.flexbox.canvas.canvastext.webgl.no-touch.geolocation.postmessage.websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths html { font-size: 10px; -webkit-tap-highlight-color: transparent; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } Pseudo ::before element *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Pseudo ::after element *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }