| 1 |
.fpf-modal-opener{text-decoration:none}.fpf-modal{position:fixed;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;visibility:hidden;background:rgba(0,0,0,0.7);opacity:0;z-index:-1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.fpf-modal.is-visible{opacity:1;visibility:visible;z-index:999997}.fpf-modal.is-visible .modal{z-index:999999;margin:1em auto}.fpf-modal.fpf-modal-initial-overflow .modal .modal-body{overflow:initial}.fpf-modal .modal{position:relative;margin:1em auto;margin-top:-1em;max-height:calc(100vh - 1em*2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,0.3);-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);background-clip:padding-box;outline:none;border-radius:8px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.fpf-modal .modal.viewport-width70{width:70vw}@media screen and (max-width: 780px){.fpf-modal .modal.viewport-width70{width:95vw}}.fpf-modal .modal.viewport-width30{width:30vw}.fpf-modal .modal.viewport-width26{width:26vw}.fpf-modal .modal.viewport-width480px{width:480px}.fpf-modal .modal p{font-size:14px}.fpf-modal .modal .modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;outline:0;max-height:calc(100vh - 1em*2)}.fpf-modal .modal .modal-content .modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-negative:0;flex-shrink:0;position:relative;background:#fff;padding:0;padding-left:1em;text-align:left;border-bottom:1px solid #eee;-webkit-box-shadow:0 0px 1px 2px rgba(0,0,0,0.1);box-shadow:0 0px 1px 2px rgba(0,0,0,0.1);border-radius:6px 6px 0 0}.fpf-modal .modal .modal-content .modal-header .modal-title{margin:0;font-weight:normal;line-height:50px}.fpf-modal .modal .modal-content .modal-header .actions{position:absolute;right:0;top:0;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;display:inline-block;list-style:none;margin:0;padding:0}.fpf-modal .modal .modal-content .modal-header .actions li{display:inline-block;opacity:0.4;cursor:pointer;margin:0}.fpf-modal .modal .modal-content .modal-header .actions li:last-child{border-left:1px solid #ccc}.fpf-modal .modal .modal-content .modal-header .actions li a{display:inline-block;width:50px;height:50px;font-size:23px;line-height:50px;color:#000}.fpf-modal .modal .modal-content .modal-header .actions li:hover{opacity:0.75}.fpf-modal .modal .modal-content .modal-header:after{content:'';display:block;clear:both}.fpf-modal .modal .modal-content .modal-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px;color:#333;overflow-y:auto;overflow-x:hidden;height:auto;max-height:initial;-ms-flex-positive:1;flex-grow:1}.fpf-modal .modal .modal-content .modal-body.viewport-height70{height:70vh}.fpf-modal .modal .modal-content .modal-body.viewport-height30{height:30vh}.fpf-modal .modal .modal-content .modal-body.viewport-height26{height:26vh}.fpf-modal .modal .modal-content .modal-body.viewport-height480px{height:480px}.fpf-modal .modal .modal-content .modal-body table{font-size:13px}.fpf-modal .modal .modal-content .modal-body .fpf-fields-wrapper{padding:.5em !important}.fpf-modal .modal .modal-content .modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-negative:0;flex-shrink:0;padding:1em;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;clear:both;margin-top:auto}.fpf-modal .modal .modal-content .modal-footer:before,.fpf-modal .modal .modal-content .modal-footer:after{display:table;content:"";line-height:0}.fpf-modal .modal .modal-content .modal-footer:after{clear:both}.fpf-modal .modal .modal-content .modal-footer a+a{margin-left:1em}.fpf-modal .overlay{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:999998} |
