FileMaster

Edit File: template-picker.min.css

.srfm-template-picker{background:#f4f9fa;font-size:16px}.srfm-template-picker #wpwrap{background-color:#f1f5f9}.srfm-template-picker #wpbody-content .error,.srfm-template-picker #wpbody-content .notice{display:none!important}.srfm-template-picker *,.srfm-template-picker ::after,.srfm-template-picker ::before{box-sizing:border-box}.srfm-template-picker #adminmenuback,.srfm-template-picker #adminmenumain,.srfm-template-picker #adminmenuwrap,.srfm-template-picker #wpadminbar,.srfm-template-picker #wpfooter{display:none}.srfm-template-picker #wpcontent{margin:0;padding:0}.srfm-template-picker #bsf-optin-notice,.srfm-template-picker #uagb-admin-rating,.srfm-template-picker .notice-error{display:none}.srfm-template-picker a{text-decoration:none}.srfm-template-picker .srfm-tp-sp-methods-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:50px 1.25em}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-exit-link-container,.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-heading-container{display:flex;justify-content:center}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-exit-link-content{display:flex;align-items:center;margin-top:2.5em;font-size:1em;font-weight:400;line-height:1.5em;color:#64748b;cursor:pointer;gap:8px}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-exit-link-content svg{margin-top:2px}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-heading{font-size:1.875em;font-weight:600;color:#030712;text-align:center;margin-top:0;margin-bottom:1.33em;line-height:1.2em;width:50%}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods{display:flex;flex-wrap:wrap;justify-content:center;max-width:768px;gap:32px}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card{position:relative;width:calc(50% - 18px);box-shadow:0 12px 24px -4px rgba(0,0,0,.0784313725);background-color:#fff;border-radius:12px;transition:.3s}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-btn-arrow{display:flex;align-items:center}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-btn-arrow svg{margin:0!important}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-cs-badge{position:absolute;top:20px;right:20px;padding:.375em;border-radius:6px;background-color:#f3e8ff;font-weight:500;font-size:.6875em;color:#6b21a8;line-height:normal}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card{padding:2.5em 2em 2em 2em;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card svg{margin-bottom:2em}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card .srfm-tp-sp-text-container{flex-grow:1}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card .srfm-tp-sp-title{font-size:1.25em;font-weight:600;color:#0f172a;margin-top:0;margin-bottom:.625em;line-height:1.4em}.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card .srfm-tp-starting-point-card .srfm-tp-sp-description{font-size:.875em;color:#64748b;padding-bottom:1.143em;margin:0;flex-grow:1}@media (max-width:782px){.srfm-template-picker .srfm-tp-sp-methods-container .srfm-tp-sp-methods .srfm-single-card{width:100%}}.srfm-template-picker .srfm-ts-main-container,.srfm-template-picker .srfm-ts-preview-container{display:flex;flex-wrap:wrap;flex-direction:column}.srfm-template-picker .srfm-ts-main-container .srfm-ts-preview,.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar,.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview,.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar{position:fixed;left:0;width:290px;height:100%;padding:1.25em;background-color:#fff;border-right:1px solid #e5e7eb}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container,.srfm-template-picker .srfm-ts-main-container .srfm-ts-preview,.srfm-template-picker .srfm-ts-preview-container .srfm-ts-cards-container,.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview{display:flex;flex-wrap:wrap;width:calc(100% - 290px);margin-left:290px;padding:2.5em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-header{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:1em;font-weight:600;color:#030712;padding-bottom:1.25em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-header .srfm-ts-sidebar-search-input{font-weight:400;border-color:#dce0e6;width:100%}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-header .srfm-ts-sidebar-search-input:focus{box-shadow:none;border-color:#d54407}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-categories-container{padding-bottom:1.25em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-categories-container .srfm-ts-sidebar-category{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.5em .625em;cursor:pointer}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-ts-sidebar-categories-container .srfm-ts-category-is-selected{font-weight:600;color:#d54407}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container{padding:1em;border:1px solid #dce0e6;border-radius:4px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-title-container{display:flex;flex-wrap:wrap;padding-bottom:.75em;color:#030712;justify-content:center;align-items:center}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-title-container svg{width:16px;height:16px;margin-right:8px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-title-container .srfm-req-template-title{width:calc(100% - 24px);font-size:.875em;font-weight:500}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-body{padding-bottom:.75em;font-size:.875em;color:#64748b}.srfm-template-picker .srfm-ts-main-container .srfm-ts-sidebar .srfm-req-template-container .srfm-req-template-btn{padding:.4375em .625em;font-size:.75em;font-weight:500;background:#fff;color:#d54407;border:1px solid #d54407;border-radius:4px;width:100%;cursor:pointer}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container{gap:2em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;width:calc(25% - 2em);border:1px solid #dce0e6;background-color:#fff;box-shadow:0 1px 2px 0 rgba(13,19,30,.1);transition:.3s}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card:hover{box-shadow:0 16px 48px -8px rgba(0,0,0,.2)}@media (max-width:1199px){.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card{width:calc(33.33% - 2em)}}@media (max-width:991px){.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card{width:calc(50% - 2em)}}@media (max-width:782px){.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-card{width:100%}}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-blank-form{position:relative;display:flex;align-items:center;justify-content:center;width:100%;display:block;height:calc(100% - 58px)}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-blank-form .srfm-ts-preview-image{padding:0;height:100%}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-image{padding:1.5em 1.25em 0 1.25em;width:100%}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-template-name{width:100%;font-size:.875em;font-weight:500;background-color:#fff;padding:1em 1.25em 1em 1.25em;border-top:1px solid #e9e9e9;margin-top:-6px;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap{position:relative;width:100%}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-pro-badge{background:#ffc107;color:#000;padding:1px 10px;font-weight:500;font-size:.6875em;top:-10px;right:-10px;text-transform:uppercase;position:absolute;z-index:1;border-radius:6px;letter-spacing:.3px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-upgrade-to-pro-btn{display:flex;align-items:center;justify-content:center;gap:5px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container{opacity:0;display:flex;position:absolute;top:0;left:0;bottom:0;right:0;align-items:center;justify-content:center;flex-direction:column;z-index:1;transition:.3s;background-color:rgba(255,255,255,.1)}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container .srfm-common-btn{padding:9px 17px;font-size:.875em;font-weight:500;border:0;width:fit-content;box-shadow:0 1px 2px 0 rgba(0,0,0,.0509803922);border-radius:8px;cursor:pointer}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container .srfm-tc-hover-use-btn{background-color:#d54407;color:#fff;margin-bottom:.75em}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container .srfm-tc-hover-preview-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#125d9f;border:1px solid #e5e7eb;line-height:17px}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap .srfm-tc-btn-container .srfm-tc-hover-preview-btn svg{width:16px;margin-left:8px;height:auto}.srfm-template-picker .srfm-ts-main-container .srfm-ts-cards-container .srfm-ts-preview-wrap.hovered .srfm-tc-btn-container{opacity:1}.srfm-template-picker .srfm-ai-form-builder-ctn{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.srfm-template-picker .srfm-ai-form-builder-ctn .srfm-example-ai-prompt-ctn{display:flex;justify-content:space-between;width:80%;margin-bottom:20px}.srfm-template-picker .srfm-ai-form-builder-ctn .srfm-example-ai-prompt-btn{background-color:#fff;color:#d54407;border:1px solid #d54407;padding:10px;cursor:pointer}.srfm-template-picker .srfm-ai-form-builder-ctn .srfm-generate-ai-form-btn{background-color:#d54407;color:#fff;margin-top:2em;margin-bottom:.75em;padding:9px 17px;font-size:1em;font-weight:500;border:0;width:fit-content;box-shadow:0 1px 2px 0 rgba(0,0,0,.0509803922);border-radius:8px;cursor:pointer}.srfm-template-picker .srfm-ai-form-builder-ctn .srfm-ai-form-builder-message{font-size:1em;font-weight:500;color:#d54407;margin-top:2em;margin-bottom:.75em;padding:9px 17px}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-sidebar-back-btn{border:0;background-color:transparent;display:flex;align-items:center;padding:0;font-weight:500;font-size:.875em;color:#64748b;margin-bottom:1.5em}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-sidebar-back-btn svg{margin-right:.5em}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-sidebar-back-btn:focus{box-shadow:none}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-preview-form-title{color:#030712;padding-bottom:.75em;font-size:1.25em;font-weight:600}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-sidebar .srfm-ts-preview-form-info{color:#64748b;padding-bottom:1.5em;font-weight:400;font-size:.875em}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview{background-color:#f4f9fa}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview .srfm-ts-preview-template{width:100%;text-align:center}.srfm-template-picker .srfm-ts-preview-container .srfm-ts-preview .srfm-ts-preview-template img{width:100%;max-width:666px;margin:0 auto}

Back