# easy-elements/1.3.2/assets/css/admin/admin.min.css

Easy Elements for Elementor – Addons & Website Templates, version 1.3.2. 464 lines.

- Page: https://pluginprobe.com/plugins/easy-elements/1.3.2/code/assets/css/admin/admin.min.css
- Raw: https://pluginprobe.com/plugins/easy-elements/1.3.2/raw/assets/css/admin/admin.min.css
- Modified: 2026-01-29T12:34:50+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/easy-elements/1.3.2/code/assets/css/admin/admin.min.css#L10-L20`.

```css
:root{--easy-primary-color:#7455FF;--easy-white-color:#ffffff;--easy-title-color:#09051B;--easy-black-color:#000000}.easyel-tColor{color:var(--easy-title-color)}.overflow-hidden{overflow:hidden}.easyel-decoration-none{text-decoration:none}.easyel-border-radius-20{border-radius:20px}.easyel-position-rl{position:relative}.easyel-position-ab{position:absolute}.easyel-top-0{top:0}.easyel-bottom-0{bottom:0}.easyel-star-0{left:0}.easyel-end-0{right:0}.easyel-section-gap{padding:120px 80px}.easyel-py-0{padding-top:0;padding-bottom:0}.easyel-dflex{display:flex}.easyel-align-center{align-items:center}.easyel-justify-between{justify-content:space-between}.easyel-section-heading .easyel-title{color:var(--easy-title-color);font-size:40px;font-weight:600;line-height:130%;margin:0 0 35px}.easyel-section-heading .easyel-desc{font-size:18px;color:#09051bcc;margin:0;text-transform:capitalize}.easyel-tab-panel .easyel-dashboard-heading{font-size:28px;font-weight:500;color:var(--easy-title-color);line-height:160%;padding:0;margin-bottom:25px}.easyel-focus-hide:focus{box-shadow:none;outline:0;color:inherit}body.toplevel_page_easy-elements-dashboard #wpbody-content{font-family:Inter,sans-serif!important;font-size:16px}.elementor-panel .elementor-element .icon i.rt-icon::before{display:none}.elementor-panel .elementor-element .icon i.rt-icon::after{width:30px;height:30px;content:"";display:inline-block;border-radius:5px;background:url("../img/icons/easy-editor-logo.svg") no-repeat center center/cover}.elementor-icons-manager__tab-link i.rt-icon{width:30px;height:30px;content:"";border-radius:100%;background:url(../img/icons/easy-editor-logo.svg) no-repeat center center/cover;display:inline-block;position:relative;top:10px;margin-right:6px}.easy-form-table{background-color:#f9f9f9;border-top:3px solid #003599}.easy-widget-row strong{display:block}.easy-form-table td{border:1px solid #0000000a;padding:25px!important;text-align:center;box-sizing:border-box;background:var(--easy-white-color)}.easy-form-table td:nth-child(2n+0){background:#fafafa}.eel-pro-notice{padding:10px;color:#d94a4a;font-weight:700}.eel-popup-note{padding:8px 10px;color:#2271b1;background:#f0f6fb;border-radius:4px;margin:8px 0 0 0;font-size:14px}#easyel-custom-fonts-upload-form input[type=file]{padding:10px;border:2px dashed #0073aa;border-radius:6px;background:#f1f1f1;width:100%;margin-bottom:10px;transition:border-color .3s,background .3s}#easyel-custom-fonts-upload-form input[type=file]:hover{border-color:#00a0d2;background:#e8f7ff}#easyel-custom-fonts-upload-form input[type=file]{padding:10px;border:2px dashed #0073aa;border-radius:6px;background:#f1f1f1;width:100%;margin-bottom:10px;transition:all .3s}#easyel-custom-fonts-upload-form input[type=file]:hover{border-color:#00a0d2;background:#e8f7ff}.easyel-fonts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:15px}.easyel-font-box{padding:15px;border:1px solid #ccc;border-radius:6px;background:#f9f9f9;text-align:center;transition:transform .2s,box-shadow .2s}.easyel-font-box:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.easyel-font-box p{margin:5px 0}.easyel-font-box .button-secondary{margin-top:8px}#easy-elements-notifications{position:fixed;top:32px;right:20px;z-index:999999;max-width:400px}.easy-elements-notification{background:var(--easy-white-color);border-left:4px solid;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-bottom:10px;padding:12px 16px;border-radius:4px;font-size:14px;display:none}.easy-elements-notification.success{border-color:#4caf50;color:#155724;background-color:#d4edda}.easy-elements-notification.error{border-color:#f44336;color:#721c24;background-color:#f8d7da}.easy-elements-notification.info{border-color:#2196f3;color:#0c5460;background-color:#d1ecf1}.easyel-builder-tabs{display:flex;gap:10px;margin:15px 0;padding:10px;background:var(--easy-white-color);border:1px solid #ccd0d4}.easyel-tab{padding:6px 12px;border:1px solid #ccd0d4;text-decoration:none;border-radius:4px}.easyel-tab.active,.easyel-tab:hover{background:#2271b1;color:var(--easy-white-color)}.easyel-choose-template{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:400px;margin:0 auto}.easyel-choose-template h2{font-size:22px;font-weight:600;color:#333;text-align:center}.easyel-template-type{width:100%}.easyel-builder-template-name,.easyel-builder-tmpl-type{width:100%;padding:8px 15px!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:15px;outline:0;transition:all .3s ease}.easyel-builder-template-name:focus,.easyel-builder-tmpl-type:focus{border-color:#4a90e2;box-shadow:0 0 8px rgba(74,144,226,.3)}.easyel-builder-tmpl-type option{padding:10px}.easyel-builder-template-name::placeholder{color:#aaa;font-style:italic}.easyel-overview-header{padding:24px 30px;background:var(--easy-white-color)}.easyel-plugin-settings-wrapper{display:flex;justify-content:flex-start;gap:30px;margin-top:35px}.easyel-nav-tab-item{width:20%}.easyel-nav-tab-wrapper{position:sticky;top:50px;height:85vh}.easyel-nav-tab-wrapper,.easyel-tab-panel{padding:20px;background:var(--easy-white-color)}.easyel-nav-tab,.easyel-nav-tab-pro{display:flex;gap:10px;align-items:center;font-size:18px;color:var(--easy-title-color);font-weight:500;text-decoration:none;padding:16px;margin-bottom:24px;border-radius:10px;transition:.3s;line-height:1em}.easyel-nav-tab i,.easyel-nav-tab-pro i{font-size:23px}.easyel-nav-tab-active,.easyel-nav-tab:focus,.easyel-nav-tab:hover{background:var(--easy-primary-color);color:var(--easy-white-color);outline:0;box-shadow:none}.easyel-tab-pro-link{position:absolute;left:20px;bottom:20px;width:calc(100% - 40px)}.easyel-tab-pro-link .easyel-nav-tab-pro{margin-bottom:0;border-radius:8px;color:var(--easy-primary-color);background:#7455ff26;justify-content:center}.easyel-tab-pro-link .easyel-nav-tab-pro i{font-size:23px;top:-2px;position:relative}#easyel-tab-content{width:77%}.easyel-overview-area{margin:0}.easyel-overview-area .easyel-position-rl{background-image:url(../../../admin/img/overview/easy-right-gallery-overview.webp)!important;background-position:top 50% right -30%;background-repeat:no-repeat;background-size:61%}.easyel-overview-area .easyel-banner-section .easyel-shape-2{margin-top:30px}.easyel-overview-area .easyel-banner-content-area{background:#f1f2fa80;padding:120px 60px 78px}.easyel-overview-area .easyel-banner-content{max-width:432px;width:100%;position:relative;z-index:2}.easyel-overview-area .easyel-banner-content .title{margin-top:40px;font-size:56px;line-height:1em}.easyel-overview-area .easyel-banner-content .title span{color:var(--easy-primary-color);font-weight:700}.easyel-overview-area .easyel-banner-rating{gap:30px;margin-top:70px}.easyel-overview-area .easyel-rating-content{gap:20px}.easyel-overview-area .easyel-banner-rating h3{font-size:40px;margin:0}.easyel-overview-area .easyel-rating .rating-icon i{color:#1cb165;font-size:16px;width:16px;height:16px}.easyel-overview-area .easyel-rating span{color:var(--easy-black-color);font-size:14px}.easyel-overview-area .easyel-btn{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;padding:14px 28px;color:var(--easy-white-color);border:2px solid transparent;border-radius:30px;background:linear-gradient(to right,#8e74ff,var(--easy-primary-color) 57%,var(--easy-primary-color)) padding-box,linear-gradient(to right,var(--easy-primary-color),#c2b4ff) border-box;background-size:200% 100%;background-position:left center;transition:all .4s ease}.easyel-overview-area .easyel-btn i{font-size:22px}.easyel-overview-area .easyel-btn:focus,.easyel-overview-area .easyel-btn:hover{color:var(--easy-white-color);background:linear-gradient(to left,var(--easy-primary-color),#8e74ff 57%,var(--easy-primary-color)) padding-box,linear-gradient(to left,#c2b4ff,var(--easy-primary-color)) border-box;background-size:200% 100%;background-position:right center;box-shadow:none;outline:0}.easyel-overview-area .easyel-docx-area{gap:40px}.easyel-overview-area .easyel-docx-image-area{background:#f9fafd;padding:50px}.easyel-overview-area .easyel-docx-image-area img{max-width:100%}.easyel-overview-area .easyel-docx-content{max-width:490px;width:100%;padding-bottom:55px}.easyel-overview-area .easyel-video-heading{max-width:600px;text-align:center;margin:auto;padding-bottom:40px}.easyel-overview-area .easyel-video-heading .easyel-title{margin-bottom:20px}.easyel-overview-area .easyel-video-items{gap:28px}.easyel-overview-area .easyel-video-item{flex-basis:33%;width:33%}.easyel-overview-area .easyel-video-img span{display:none}.easyel-overview-area .easyel-video-img a{display:block;border-radius:20px;overflow:hidden}.easyel-overview-area .easyel-video-img a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:var(--easy-white-color);opacity:.2}.easyel-overview-area .easyel-video-img a img{width:100%;max-height:200px;object-fit:cover}.easyel-overview-area .easyel-video-img svg{width:50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.easyel-overview-area .easyel-video-item .easyel-video-text{font-size:16px;font-weight:600;margin:20px 0 0}.easyel-overview-area .easyel-video-btn{text-align:center;margin-top:50px}#easyel-popup-video-area{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:9999}#easyel-popup-video-area .easyel-popup-content{position:relative;max-width:800px;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}#easyel-popup-video-area .easyel-popup-video{aspect-ratio:16/9;border-radius:12px;overflow:hidden}#easyel-popup-video-area .easyel-popup-close{position:absolute;top:-23px;right:-23px;font-size:18px;font-weight:700;width:32px;height:32px;color:var(--easy-white-color);background:linear-gradient(to left,var(--easy-primary-color),#8e74ff 57%,var(--easy-primary-color));opacity:.8;border-radius:50%;cursor:pointer;z-index:10;justify-content:center;transition:all .3s ease}#easyel-popup-video-area .easyel-popup-close:hover{transform:scale(1.1)}#easyel-popup-video-area iframe{width:100%;height:100%;border:none;display:block}.easyel-faq-area{gap:30px}.easyel-faq-heading{max-width:335px;width:100%}.easyel-faq-heading .easyel-title{font-size:32px;margin-bottom:30px}.easyel-faq-item:not(:last-child){padding-bottom:40px}.easyel-faq-item-heading{position:relative;width:100%;text-align:left;font-size:20px;font-weight:600;padding:0;cursor:pointer;background:0 0;border:none;outline:0}.easyel-faq-item-heading span{display:inline-block;width:93%}.easyel-faq-item-heading:before{content:"↓";position:absolute;right:0;width:25px;height:25px;color:var(--easy-primary-color);font-size:18px;display:flex;justify-content:center;align-items:center;border:2px solid var(--easy-primary-color);border-radius:50%}.easyel-faq-item.active .easyel-faq-item-heading:before{content:"↑"}.easyel-faq-item-content{display:none;padding-top:12px;font-weight:500;line-height:1.5;width:95%}.easyel-requestFeature-section{background:#f9fafd;padding:100px 40px 40px}.easyel-requestFeature-heading{max-width:800px;width:100%;margin:auto;text-align:center;margin-bottom:60px}.easyel-requestFeature-heading .easyel-title{margin-bottom:20px}.easyel-requestFeature-heading .easyel-btn{margin-top:40px}.easyel-requestFeature-image img{width:100%}.easyel-support-area{padding-top:60px;gap:20px}.easyel-support-item{padding:28px;width:50%;position:relative}.easyel-support-item-left{background:#f9fafd}.easyel-support-item img{width:100%}.easyel-support-heading{max-width:450px;width:100%;margin-bottom:110px}.easyel-support-heading .easyel-title{font-size:28px;margin-top:35px;margin-bottom:28px}.easyel-support-item .easyel-btn{position:absolute;left:28px;bottom:28px}.easyel-support-item-right{background:var(--easy-primary-color)}.easyel-support-item-right .easyel-support-heading *{color:var(--easy-white-color)!important}.easyel-support-item-right .easyel-btn{background:linear-gradient(to right,var(--easy-white-color),var(--easy-white-color)) padding-box,linear-gradient(to right,var(--easy-primary-color),#c2b4ff) border-box;color:var(--easy-primary-color)}.easyel-support-item-right .easyel-btn svg{fill:currentColor}.easyel-addon-search button{font-size:16px;line-height:150%;border:none;box-shadow:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.easyel-addon-search .easyel-action-btn{background:#7455ff1a;color:var(--easy-primary-color);padding:6px 16px;margin-right:5px}.easyel-addon-search .easyel-action-btn.active,.easyel-addon-search .easyel-action-btn:hover{background:var(--easy-primary-color);color:var(--easy-white-color)}.easyel-widget-activeDeactivate-button button{background:var(--easy-primary-color);color:var(--easy-white-color);font-weight:500;padding:12px 24px}.easyel-widget-activeDeactivate-button button#deactivate-all-btn{margin-left:10px;background:#e21700}.easyel-addon-search #element-search{width:100%;font-size:14px;background:#f4f6f8;color:var(--easy-title-color);padding:8px 12px;border:none;box-shadow:none;border-radius:10px;margin-top:24px;height:36px}.easyel-addon-search #element-search::placeholder{color:#919eab}.easyel-extension-wrapper,.easyel-widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding-bottom:20px}.easyel-extension-group-title,.easyel-widget-group-title{font-size:20px;font-weight:600;color:var(--easy-title-color);margin:40px 0 28px}.easyel-widget-card{position:relative;overflow:hidden;background:#f1f2fa;padding:10px;border-radius:12px}.easyel-widget-card.easyel-pro-enable{opacity:.7}.easyel-widget-icon{font-size:24px;width:60px;height:60px;background:var(--easy-white-color);display:flex;justify-content:center;align-items:center;border-radius:8px;margin-right:12px;position:relative}.easyel-pro-badge{position:absolute;left:50%;top:-4px;background-color:#f2295b;color:var(--easy-white-color);border-radius:36px;font-size:8px;font-weight:500;transform:translateX(-50%);display:inline-flex;align-items:center;gap:3px;padding:4px 6px;line-height:100%}.widget-header strong{font-size:16px;font-weight:600;color:var(--easy-title-color);line-height:1.2}.easyel-demo-link{margin-top:8px;gap:14px}.easyel-demo-link a{font-size:12px;color:#09091480;text-decoration:none;box-shadow:none;transition:.3s;line-height:1em}.easyel-demo-link a i{font-size:14px}.easyel-demo-link a:hover{color:var(--easy-primary-color)}.easy-toggle-switch{position:relative;display:inline-block;width:40px;height:24px;margin-top:0}.easy-toggle-switch input,.easyel-toggle-switch-extension input,.easyel-toggle-switch-widget input{opacity:0;width:0;height:0}.easy-toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e9e9e9;transition:.4s;border-radius:24px}.easy-toggle-switch .slider:before,.easyel-toggle-switch-extension .slider:before,.easyel-toggle-switch-widget .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;top:4px;background-color:var(--easy-white-color);transition:all .3s ease;border-radius:50%}.easy-toggle-switch input:checked+.slider,.easyel-toggle-switch-extension input:checked~.slider,.easyel-toggle-switch-widget input:checked~.slider{background-color:#22c55e}.easy-toggle-switch input:checked+.slider:before{transform:translateX(16px)}.easyel-toggle-switch-extension,.easyel-toggle-switch-widget{display:inline-flex;align-items:center;cursor:pointer;position:relative;user-select:none;gap:10px}.easyel-toggle-switch-extension .easyel-enable-all,.easyel-toggle-switch-widget .easyel-enable-all-widget{font-size:14px;font-weight:500;color:var(--easy-title-color);line-height:1;white-space:nowrap}.easyel-toggle-switch-extension input,.easyel-toggle-switch-widget input{position:absolute}.easyel-toggle-switch-extension .slider,.easyel-toggle-switch-widget .slider{position:relative;width:44px;height:24px;background-color:#e5e7eb;border-radius:24px;transition:all .3s ease}.easyel-toggle-switch-extension .slider:before,.easyel-toggle-switch-widget .slider:before{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.easyel-toggle-switch-extension input:checked~.slider:before,.easyel-toggle-switch-widget input:checked~.slider:before{transform:translateX(20px)}#toplevel_page_easy-elements-dashboard .wp-menu-image{background:url('../../img/easy-dashicon.svg') no-repeat center center!important;background-size:20px 20px!important}#toplevel_page_easy-elements-dashboard .wp-menu-image:before{content:none!important}.easyel-extension-main-wrapper .easyel-widget-icon img{width:28px;height:28px;max-width:100%}.easyel-video-section{display:none}.easyel-promo-notice{padding:0;border:none!important;background:#0d0c24;color:#fff;margin-top:20px;position:relative;overflow:hidden;border-radius:6px;margin-bottom:30px}.easyel-promo-content{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background:linear-gradient(90deg,#062e87,#0d0c24)}.easyel-promo-left{font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.easyel-promo-left span.orange{color:#ff7a00}.easyel-promo-right{font-size:18px;font-weight:700}.easyel-promo-btn{background:#fff;padding:10px 18px;border-radius:5px;font-weight:600;text-decoration:none;color:#000;margin-left:20px;display:inline-flex;align-items:center;gap:5px;font-size:16px}.easyel-promo-dismiss{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;text-decoration:none;font-size:16px}.easyel-promo-notice .notice-dismiss::before{font-size:30px}.easyel-promo-notice .notice-dismiss{top:10px;right:10px}.easyel-settings-topbar{display:flex;justify-content:space-between}.easyel-settings-topbar button{background:var(--easy-primary-color);color:var(--easy-white-color);font-weight:500;padding:12px 24px;font-size:16px;line-height:150%;border:none;box-shadow:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.easyel-settings-wrapper .w-100{width:100%!important}.easyel-settings-wrapper .easyel-settings-field{display:flex;margin-bottom:20px}.easyel-settings-field-label{min-width:200px}.easyel-settings-field-inputs{display:flex;gap:10px;flex-direction:column;width:100%}.easyel-settings-field .easyel-settings-field-input{padding:10px 20px;border-radius:4px;border:1px solid #ededed;width:min-content}.easyel-settings-field-group{display:flex;gap:10px;flex-direction:column}.easyel-toast{position:fixed;top:100px;right:20px;background:#2271b1;color:#fff;padding:10px 20px;border-radius:5px;font-size:14px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:99999;opacity:0;transform:translateY(-20px);transition:all .3s ease}.easyel-toast.show{opacity:1;transform:translateY(0)}.easyel-toast.success{background:#46b450}.easyel-toast.error{background:#d63638}.easyel-toast.info{background:#1e73be}.easyel-export-settings .button-primary,.easyel-import-settings .button-primary{background:var(--easy-primary-color);color:var(--easy-white-color);font-weight:500;padding:4px 15px;outline:0;border-radius:6px;border:none}.easyel-export-settings .button-primary:focus,.easyel-export-settings .button-primary:hover,.easyel-import-settings .button-primary:focus,.easyel-import-settings .button-primary:hover{background:var(--easy-primary-color);color:var(--easy-white-color);border:none}.easyel-scroll-smoother-popup-setting{cursor:pointer}.easyel-smooth-scroll-settings-main-wrapper{display:flex;flex-direction:column;gap:30px;max-height:280px;overflow-y:auto}.easyel-smooth-scroll-heading{margin-bottom:40px}.easyel-smooth-scroll-popup{position:fixed;top:100px;left:0;right:0;width:100%;max-width:967px;margin:0 auto;background:#fff;border-top:1px solid #f1f0f3;box-shadow:0 10px 30px 5px rgba(19,65,98,.1);z-index:104;visibility:hidden;opacity:0;padding:30px 20px;transition:opacity .3s linear,clip .6s linear,visibility 0s .2s;transform:translateZ(0);border-radius:12px;opacity:0;z-index:1010}.easyel-smooth-scroll-popup .wrapper{font-weight:400}.easyel-smooth-scroll-popup.active{visibility:visible;opacity:1;transition:clip .6s linear,opacity .2s linear}.easyel-smooth-scroll-popup{overflow-x:hidden;overflow:hidden!important}.easyel-smooth-scroll-popup.active{overflow-x:hidden;overflow:visible!important}.easyel-smooth-scroll-popup-close-icon i.feather-search::before{content:"\ea02"}.ajax-search-close-icon{position:relative}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon{position:absolute;right:-23px;top:-25px;width:40px;height:40px;z-index:1020;border-radius:50%;border:1px solid #e3e0f5;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon i{color:#04122b;text-align:center;font-family:"Font Awesome 6 Pro";font-size:22px;font-style:normal;font-weight:400;line-height:22px;cursor:pointer}.easyel-smooth-scroll-popup{position:fixed;top:100px;left:0;right:0;width:100%;max-width:700px;margin:0 auto;background:#fff;border-top:1px solid #f1f0f3;box-shadow:0 10px 30px 5px rgba(19,65,98,.1);z-index:104;visibility:hidden;opacity:0;transition:opacity .3s linear,clip .6s linear,visibility 0s .2s;transform:translateZ(0);border-radius:12px;opacity:0;z-index:1010}.easyel-smooth-scroll-popup.active{visibility:visible;opacity:1;transition:clip .6s linear,opacity .2s linear}.easyel-smooth-scroll-popup{overflow-x:hidden;overflow:hidden!important}.easyel-smooth-scroll-popup.active{overflow-x:hidden;overflow:visible!important}.easyel-smooth-scroll-popup-close-icon i.feather-search::before{content:"\ea02"}.ajax-search-close-icon{position:relative}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon{position:absolute;right:-38px;top:-50px;width:35px;height:35px;z-index:1020;border-radius:50%;border:1px solid #e3e0f5;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon i{color:#04122b;text-align:center;font-family:"Font Awesome 6 Pro";font-size:22px;font-style:normal;font-weight:400;line-height:22px;cursor:pointer}.easyel-smooth-scroll-popup.active .rbt-search-all-product{overflow-y:auto!important;max-height:calc(100vh - 180px)}.easyel-smooth-scroll-popup .rbt-search-all-product{overflow-x:hidden}.popup-opened #wpbody-content::before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / 52%);z-index:1002;transition:all .7s}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:focus{outline:0;border:none;box-shadow:unset!important}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:hover{background:var(--easy-primary-color);color:var(--easy-white-color)}.easyel-smooth-scroll-popup .easyel-smooth-scroll-popup-close-icon:hover svg path{fill:#fff!important}.smooth-scroll-popup-item-save{display:flex;align-items:center;justify-content:flex-end}.smooth_scroll_popup_item_save{font-size:14px;font-weight:700;line-height:30px;padding:2px 15px;background:var(--easy-primary-color);color:var(--easy-white-color);border:1px solid #0074e0;border-radius:5px;margin-top:30px;cursor:pointer}.easyel-smooth-scroll-item{display:flex;align-items:center;gap:15px}.easyel-smooth-scroll-item .easy-field-label{flex:0 0 35%}.easyel-smooth-scroll-item .easy-field-item input[type=number]{width:150px}#easyel-message-box{position:fixed;top:60px;right:20px;background-color:#0074e0;border:1px solid #0074e0;padding:10px 15px;z-index:9999;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:5px;display:none;width:200px;text-transform:capitalize;text-align:center;font-size:18px;color:#fff}#easyel-message-box p{margin:0;font-size:14px;text-align:center;color:#fff}@media only screen and (min-width:1600px) and (max-width:1700px){.easyel-banner-section .easyel-shape-3{width:45%;height:100%}}@media only screen and (min-width:1367px) and (max-width:1599px){.easyel-banner-section .easyel-shape-3{width:40%;height:100%}}@media only screen and (max-width:1400px){.easyel-nav-tab-item{width:25%}.easyel-plugin-settings-wrapper{gap:20px}.easyel-section-gap{padding:80px 10px}}@media only screen and (max-width:1366px){.easyel-banner-section .easyel-shape-3{display:none}}@media only screen and (max-width:1250px){.easyel-section-heading .easyel-title{font-size:28px}.easyel-section-heading .easyel-desc{font-size:16px}}@media only screen and (max-width:990px){.easyel-plugin-settings-wrapper{display:grid}#easyel-tab-content,.easyel-nav-tab-item{width:100%}.easyel-overview-area .easyel-banner-content .title{font-size:36px}.easyel-overview-area .easyel-position-rl{background-image:none}.easyel-overview-area .easyel-banner-content-area{padding:100px 26px 60px}.easyel-overview-area .easyel-banner-rating{display:grid}.easyel-nav-tab,.easyel-nav-tab-pro{margin-bottom:0}}

/*custom font*/

.easyel-custom-font {
  font-family: "Inter", sans-serif;
  color: #1e293b;
  max-width: 1000px;
  margin: 20px auto;
  padding: 0 15px;
}

.easyel-custom-font-banner {
  background: linear-gradient(135deg, #6d28d9, #a855f7);
  color: #fff;
  padding: 50px 40px;
  border-radius: 14px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}

.easyel-custom-font-banner h1 {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}

.easyel-custom-font-banner p {
  font-size: 15px;
  opacity: 0.9;
  margin-bottom: 20px;
}

.easyel-upgrade-btn-custom-font {
  background: #fff;
  color: #6d28d9;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 6px;
  transition: all 0.3s ease;
  display: inline-block;
}

.easyel-upgrade-btn-custom-font:hover {
  background: #ede9fe;
  color: #4c1d95;
}

.easyel-custom-font-page {
    font-family: "Inter", sans-serif;
    color: #1e293b;
    max-width: 1000px;
    margin: 20px auto;
    padding: 0 15px;
}

.easyel-plugin-main-settings-page {
    position: relative;
}

.easyel-plugin-main-settings-page::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 10;
}


.easyel-plugin-main-settings-page.is-saving::after {
    opacity: 1;
    visibility: visible;
}

.easyel-saving-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 4px;
    z-index: 99999;
    color: #3b82f6;
    opacity: 0;

}

.easyel-plugin-main-settings-page.is-saving .easyel-saving-indicator {
    opacity: 1;
}

.easyel-promo-right a {
  color: #fff;
  font-size: 18px;
}


/* PRO Upgrade Modal */
.easyel-admin-toggle-pro-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;
}

.easyel-admin-toggle-pro-modal.active {
    display: block;
}

.easyel-admin-toggle-pro-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
}

.easyel-admin-toggle-pro-modal-content {
    position: relative;
    max-width: 520px;
    margin: 10% auto;
    background: #fff;
    border-radius: 14px;
    padding: 32px;
    text-align: center;
    box-shadow: 0 25px 60px rgba(0,0,0,.25);
    animation: easyelAdminTogglePop .3s ease;
}

@keyframes easyelAdminTogglePop {
    from { transform: scale(.92); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
}

.easyel-admin-toggle-pro-modal-close {
    position: absolute;
    top: 12px;
    right: 14px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
}

.easyel-admin-toggle-pro-badge {
    display: inline-block;
    background: linear-gradient(135deg, #ff4d4d, #ff9f43);
    color: #fff;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 12px;
    margin-bottom: 12px;
}

.easyel-admin-toggle-pro-feature-list {
    text-align: left;
    margin: 22px 0;
    padding-left: 0;
    list-style: none;
}

.easyel-admin-toggle-pro-feature-list li {
    margin-bottom: 10px;
    font-size: 14px;
}

.easyel-admin-toggle-pro-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
}

.easyel-admin-toggle-pro-upgrade-btn {
    background: #ff4d4d;
    color: #fff;
    padding: 12px 24px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
}

.easyel-admin-toggle-pro-upgrade-btn:hover {
    background: #e63e3e;
}

.easyel-admin-toggle-pro-modal-cancel {
    background: #f0f0f0;
    border: none;
    padding: 12px 20px;
    border-radius: 10px;
    cursor: pointer;
}

/* Locked widget feel */
.easy-widget-item.easyel-pro-enable {
    cursor: pointer;
}

.easy-widget-item.easyel-pro-enable .widget-toggle-checkbox {
    cursor: not-allowed;
}

.easy-widget-item.easyel-pro-enable .easyel-widget-card-switcher {
    cursor: pointer;
}

.easy-widget-item.easyel-pro-enable .widget-toggle-checkbox {
    pointer-events: none;
}

.easyel-readingprogress-bar-popup-setting {
    cursor: pointer;
}


.easyel-reading-progressbar-popup-setting {
    cursor: pointer;
}

.easyel-reading-progressbar-settings-main-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-height: 300px;
    overflow-y: auto;
}
.easyel-reading-progressbar-heading {
    margin-bottom: 40px;
}

.easyel-reading-progressbar-popup {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 967px;
    margin: 0 auto;
    background: white;
    border-top: 1px solid #f1f0f3;
    box-shadow: 0px 10px 30px 5px rgba(19, 65, 98, 0.10);
    z-index: 104;
    visibility: hidden;
    opacity: 0;
    padding: 30px 20px;
    transition: opacity 0.3s linear, clip 0.6s linear, visibility 0s 0.2s;
    transform: translateZ(0);
    border-radius: 12px;
    opacity: 0;
    z-index: 1010;
}

.easyel-reading-progressbar-popup .wrapper {
    font-weight: 400;
}

.easyel-reading-progressbar-popup.active {
    visibility: visible;
    opacity: 1;
    transition: clip 0.6s linear, opacity 0.2s linear;
}

.easyel-reading-progressbar-popup {
    overflow-x: hidden;
    overflow: hidden!important;
}

.easyel-reading-progressbar-popup.active {
    overflow-x: hidden;
    overflow: visible!important;
}

.easyel-reading-progressbar-popup-close-icon i.feather-search::before {
    content: "\ea02";
}

.ajax-search-close-icon {
    position: relative;
}

.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon {
    position: absolute;
    right: -23px;
    top: -25px;
    width: 40px;
    height: 40px;
    z-index: 1020;
    border-radius: 50%;
    border: 1px solid #E3E0F5;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
}
.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon i {
    color: #04122B;
    text-align: center;
    font-family: "Font Awesome 6 Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
}

.easyel-reading-progressbar-popup {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    background: white;
    border-top: 1px solid #f1f0f3;
    box-shadow: 0px 10px 30px 5px rgba(19, 65, 98, 0.1);
    z-index: 104;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s linear, clip 0.6s linear, visibility 0s 0.2s;
    transform: translateZ(0);
    border-radius: 12px;
    opacity: 0;
    z-index: 1010;
}
 
.easyel-reading-progressbar-popup.active {
    visibility: visible;
    opacity: 1;
    transition: clip 0.6s linear, opacity 0.2s linear;
}

.easyel-reading-progressbar-popup {
    overflow-x: hidden;
    overflow: hidden !important;
}

.easyel-reading-progressbar-popup.active {
    overflow-x: hidden;
    overflow: visible !important;
}

.easyel-reading-progressbar-popup-close-icon i.feather-search::before {
    content: "\ea02";
}

.ajax-search-close-icon {
    position: relative;
}

.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon {
    position: absolute;
    right: -38px;
    top: -50px;
    width: 35px;
    height: 35px;
    z-index: 1020;
    border-radius: 50%;
    border: 1px solid #E3E0F5;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
}

.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon i {
    color: #04122B;
    text-align: center;
    font-family: "Font Awesome 6 Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
}
  
.easyel-reading-progressbar-popup.active .rbt-search-all-product {
    overflow-y: auto !important;
    max-height: calc(100vh - 180px);
}
  
.easyel-reading-progressbar-popup .rbt-search-all-product {
    overflow-x: hidden;
}

.popup-opened #wpbody-content::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 52%);
    z-index: 1002;
    transition: all 0.7s;
}

.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon:focus {
    outline: none;
    border: none;
    box-shadow: unset!important;
}

.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon:hover {
    background: var(--easy-primary-color);
    color: var(--easy-white-color);
}

.easyel-reading-progressbar-popup .easyel-reading-progressbar-popup-close-icon:hover svg path {
    fill: #fff!important;
}


.reading_progressbar_popup_item_save {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    padding: 2px 15px;
    background: var(--easy-primary-color);
    color: var(--easy-white-color);
    border: 1px solid #0074e0;
    border-radius: 5px;
    margin-top: 30px;
    cursor: pointer;
}

.easyel-reading-progressbar-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-right: 30px;
}

.easyel-reading-progressbar-item .easy-field-label {
    flex: 0 0 35%;
}

.easyel-reading_progressbar-item .easy-field-item input[type="number"] {
    width: 150px;
}

.easyel-reading-progressbar-item .easyel-checkbox-group {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 15px;
    padding: 10px;
}

.easyel-reading-progressbar-item .easyel-pro-notice {
    color: #d62b87;
    flex: 1 1 100%;
    font-size: 13px;
}
```