.panel{display:flex;flex-direction:column;margin:0 auto;min-width:0;max-width:1024px;height:732px;border-radius:15px;border:1px solid #f0f0f0;background-color:#f0f0f0}.panel .panel-heading{border-top-left-radius:15px;border-top-right-radius:15px;border-bottom:none;height:86px;padding:0 15px;background-color:#f0f0f0;text-align:center}.panel .panel-heading h4{margin:0;font-size:18px;font-weight:700;line-height:86px;color:#000}.panel .panel-body{flex-grow:1;padding:42px 46px}.panel .panel-footer{padding:0;border-top:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px;height:56px;background-color:#f0f0f0;text-align:center}.panel .panel-footer .navigation .pagination{margin:0 auto}.panel .panel-footer .navigation .pagination li a,.panel .panel-footer .navigation .pagination li span{border:none!important;background-color:transparent;font-size:16px}.panel .panel-footer .navigation .pagination li span{color:#cbcbcb}.panel .panel-footer .navigation .pagination li a{color:#000}.panel .panel-footer .navigation .pagination li:first-of-type a,.panel .panel-footer .navigation .pagination li:first-of-type span,.panel .panel-footer .navigation .pagination li:last-of-type a,.panel .panel-footer .navigation .pagination li:last-of-type span{width:18px;padding:9px 0;font-size:10px}.panel{height:728px}.panel .panel-body{height:584px;padding:0 42px}.panel .panel-body form{height:100%;display:flex}.panel .panel-body form .signature-form-wrapper{margin:0 24px 0 0;width:50%;display:flex;flex-direction:column}.panel .panel-body form .signature-form-wrapper #user{margin:auto 0;text-align:left}.panel .panel-body form .signature-preview-wrapper{margin:0 0 0 24px;width:50%;display:flex;flex-direction:column}.panel .panel-body form .signature-preview-wrapper .iframe-wrapper{width:100%;height:345px;margin:auto 0 0}.panel .panel-body form .signature-preview-wrapper .iframe-wrapper iframe{border:none;visibility:hidden}.panel .panel-body form .signature-preview-wrapper .message-wrapper{height:50px;width:100%;font-size:18px;line-height:50px;font-weight:700}.panel .panel-body form .signature-preview-wrapper .message-wrapper.message-success{color:green}.panel .panel-body form .signature-preview-wrapper .message-wrapper.message-fail{color:#c4353a}.panel .panel-body form .signature-preview-wrapper .button-wrapper{width:100%;margin:0 0 auto}.panel .panel-body form .signature-preview-wrapper .button-wrapper .row:first-of-type{margin-bottom:34px}.panel .panel-body form .signature-preview-wrapper .button-wrapper .row:last-of-type{margin-bottom:9px}.panel .panel-body form .signature-preview-wrapper .button-wrapper .row .btn{width:210px;padding:0;background-color:#c4353a;border-color:#c4353a}.panel .panel-body form .signature-preview-wrapper .button-wrapper .row .btn:first-child{margin-right:20px}.panel .panel-body form .signature-preview-wrapper .button-wrapper .row .btn:active{box-shadow:0 0 0 1px #c4353a}