form#obclavepersonalizadaFrm{display:grid;grid-template-columns:repeat(2,1fr);column-gap:32px;text-align:center}#obcpFrmCol1{grid-row:1 / span 1;grid-column:1 / span 1}#obcpFrmCol2{grid-row:1 / span 1;grid-column:2 / span 1}#obcpFrmCol3{grid-row:2 / span 1;grid-column:1 / span 2}form div.obcpFrmTitulo{font-size:xx-large;font-weight:lighter;text-transform:uppercase}form div.obcpFrmSubtitulo{font-size:small;font-weight:700}form#obclavepersonalizadaFrm>div>fieldset{margin-top:25px;border-color:#D4F1F9;border-radius:5px;padding:25px;padding-bottom:0;text-align:left}form#obclavepersonalizadaFrm>div>fieldset div.obcpFrmAyudaRapida{font-size:x-small;font-weight:700;font-style:italic}form#obclavepersonalizadaFrm>div>fieldset input[type=number]{margin-left:10px;width:83px;border:none;border-bottom:1px solid #4d4d4d;text-align:right;font-size:xx-large}form div.obcpCampo{margin-top:25px;padding:25px;margin-bottom:25px}form div.obcpCampo:hover{background-color:#D4F1F9}form div.obcpCampo label{font-size:xx-large}form div#obcpClaveGenerada{margin-top:45px;padding:30px;cursor:pointer}form div#obcpClaveGenerada:hover{margin-bottom:25px;background-color:#D4F1F9;border:1px solid #556b2f;border-radius:5px}form#obclavepersonalizadaFrm div#obcpFrmCol2 div#obcpClaveGenerada input[type=text]{border:none;background:#fff0;font-size:37px;text-align:center;color:#556b2f;cursor:pointer}form div#obcpClaveGenerada div#tipHelpCopyClave{font-size:small;font-weight:lighter;font-style:italic;color:#556b2f}form div#obcpFrmCol3{padding:30px;text-align:center}form div#obcpFrmCol3 button{padding:15px 40px;background:#0B0B45;border:0;color:#fff;text-transform:uppercase;font-family:helvetica;font-size:xx-large;letter-spacing:3px;position:relative;transition:all .4s cubic-bezier(.645,.045,.355,1);cursor:pointer;display:block;margin:0 auto}form div#obcpFrmCol3 button::after,form div#obcpFrmCol3 button::before{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);opacity:0;transition:all .4s cubic-bezier(.645,.045,.355,1)}form div#obcpFrmCol3 button::after{width:30px;height:1px;background:#fff;transform:translateX(-3px);margin-top:0}form div#obcpFrmCol3 button::before{content:"";transform:rotate(-135deg) translateX(50%);width:11px;height:11px;background:#fff0;border-left:1px solid #fff;border-bottom:1px solid #fff;margin-top:-1px}form div#obcpFrmCol3 button:hover{padding:15px 60px 15px 20px}form div#obcpFrmCol3 button:hover::after,form div#obcpFrmCol3 button:hover::before{opacity:1;right:15px}form div#obcpFrmCol2 span.obcpFIok,form div#obcpFrmCol2 span.obcpFIno{display:inline-block;width:37px;height:37px;border-right:1px solid green}form div#obcpFrmCol2 span.obcpFIok{background-color:#556b2f}form div#obcpFrmCol2 span.obcpFIno{background-color:red}form div#obcpFrmCol2 span.obcpFIPrim{border-top-left-radius:5px;border-bottom-left-radius:5px}form div#obcpFrmCol2 span.obcpFIUlt{border-top-right-radius:5px;border-bottom-right-radius:5px}form div#obcpFrmCol2 div.obcpFIMDebil,form div#obcpFrmCol2 div.obcpFIDebil,form div#obcpFrmCol2 div.obcpFIMod,form div#obcpFrmCol2 div.obcpFIFuerte,form div#obcpFrmCol2 div.obcpFIMFuerte{font-size:xx-large;font-weight:700}form div#obcpFrmCol2 div.obcpFIMDebil,form div#obcpFrmCol2 div.obcpFIDebil{color:red}form div#obcpFrmCol2 div.obcpFIMod{color:#FF8C00}form div#obcpFrmCol2 div.obcpFIFuerte,form div#obcpFrmCol2 div.obcpFIMFuerte{color:#556b2f}form div#obcpFrmCol2 div.obMsg{margin-top:16px;margin-bottom:16px;padding:7px;border-radius:5px}form div#obcpFrmCol2 div.obMsgInfo{color:#31708f;background-color:#d9edf7;border:1px solid #d9edf7}form div#obcpClaveGenerada div.tipCopyClipboard{border:1px solid #556b2f;background-color:#D4F1F9;border-radius:5px;padding:10px;font-size:x-large}