.lepopup, .lepopup-admin { font-size: 14px; font-family: arial; } #uap-body .lepopup-admin { margin: 0; } .lepopup-static { position: static !important; margin: 0; height: 100%; overflow: hidden } .lepopup-tooltip-content { display: none; } .lepopup-fa-noicon:before { content: "-"; } .lepopup-half { width: 50%; } .lepopup-third { width: 33.3333% !important; } .lepopup-240 { width: 240px; min-width: 240px; } .lepopup-red { color: #c00000; } .lepopup-number { width: 100px !important; text-align: right; } .lepopup-number input[type="text"]{ text-align: right; } /* Dialog Popup - begin */ .lepopup-dialog-overlay { position: fixed !important; z-index: 99988; top: 0px; left: 0px; height: 100%; width: 100%; background-position: center center; background: rgba(0,0,0,0.8); display: none; } .lepopup-dialog { position: fixed !important; box-sizing: border-box; z-index: 99989; top: -3000px; left: 50%; width: 90%; height: 600px; background: #ffffff; transform:translate(-50%, -50%) scale(0); -webkit-transform:translate(-50%, -50%) scale(0); box-shadow: 3px 3px 20px -5px #000000; overflow: hidden; transition-property: transform; transition-timing-function: ease-in-out; transition-duration: 300ms; } .lepopup-dialog * { box-sizing: border-box; } .lepopup-dialog-inner { height: 600px; position: relative; box-sizing: border-box; } .lepopup-dialog-title { box-sizing: border-box; height: 52px; line-height: 52px; padding: 0 0 0 20px; text-align: left; border-bottom: 1px solid #f0f0f0; background: #f8f8f8; } .lepopup-dialog-title h3 { font-weight: normal; font-size: 20px; font-family: arial; color: #202020; letter-spacing: 0; text-transform: none; margin: 0 !important; padding: 0 !important; line-height: inherit; } .lepopup-dialog-title h3 i { margin-right: 0.5em; line-height: 52px; vertical-align: top; } .lepopup-dialog-title h3 label { cursor: default; cursor: default; line-height: 52px; display: inline-block; vertical-align: top; } .lepopup-dialog-title a { display: block; float: right; font-size: 20px; width: 52px; height: 52px; color: #202020; text-align: center; text-shadow: none !important; box-shadow: none !important; outline: none !important; border: none !important; margin: 0 0 0 20px !important; padding: 0 !important; transition-property: all; transition-timing-function: ease-in-out; transition-duration: 300ms; } .lepopup-dialog-title a:hover { color: #bd4070; } .lepopup-dialog-content { height: 496px; overflow-x: hidden; overflow-y: scroll; background: #ffffff; position: relative; font-size: 15px; line-height: 1.475; } .lepopup-dialog-content::-webkit-scrollbar { width: 5px; } .lepopup-dialog-content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.1); } .lepopup-dialog-content::-webkit-scrollbar-thumb { background-color: #bd4070; } .lepopup-dialog-content hr { margin: 0 30px; } .lepopup-dialog-loading { position: absolute; background: #fff; top: 52px; left: 0; z-index: 99982; width: 100%; bottom: 0; right: 0; } .lepopup-dialog-loading i { position: absolute; z-index: 99983; top: 50%; left: 50%; font-size: 24px; margin-top: -12px; margin-left: -12px; } .lepopup-dialog-content-html { padding: 30px 50px; } .lepopup-dialog-message { text-align: center; } .lepopup-dialog-buttons { box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: 0; height: 52px; line-height: 48px; padding-right: 8px; text-align: center; border-top: 1px solid #f0f0f0; } .lepopup-dialog-button { display: inline-block; line-height: 40px; height: 40px; min-width: 140px; margin: 0 5px 0px 5px; font-size: 15px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; transition-duration: .3s; -webkit-transition-duration: .3s; color: #fff; background: #bd4070; border: 1px solid #a93a65; text-decoration: none; outline: none; box-shadow: none; box-sizing: border-box; padding: 0 1em; } .lepopup-dialog-button-cancel { color: #222; background: #d0d0d0; border: 1px solid #c0c0c0; } .lepopup-dialog-button-disabled { opacity: 0.3; cursor: default !important; } .lepopup-dialog-button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); text-decoration: none; color: #fff; background: #a93a65; background-image: none; outline: none; box-shadow: none; transform:translateY(2px); -webkit-transform:translateY(2px); } .lepopup-dialog-button:hover, .lepopup-dialog-button:focus { text-decoration: none; color: #fff; background: #a93a65; background-image: none; outline: none; box-shadow: none; } .lepopup-dialog-button-cancel:active, .lepopup-dialog-button-cancel:hover, .lepopup-dialog-button-cancel:focus { color: #222; background: #c0c0c0; } .lepopup-dialog-button label { line-height: 38px; display: inline-block; margin-left: 8px; vertical-align: top; margin-bottom: 0; font-weight: 400; } .lepopup-dialog-button i { line-height: 38px; vertical-align: top; } /* Dialog Popup - end */ /* Properies Popup begin */ .lepopup-admin-popup-overlay { position: fixed !important; z-index: 99980; top: 0px; left: 0px; height: 100%; width: 100%; background-position: center center; background: rgba(0,0,0,0.8); display: none; } #lepopup-stylemanager-overlay { z-index: 99982; } .lepopup-admin-create-overlay { position: fixed !important; z-index: 11001; top: 0px; left: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; background-position: center center; background: rgba(241,241,241,0.8); display: none; display: block; } .lepopup-admin-create { position: fixed !important; box-sizing: border-box; z-index: 99981; top: 50%; left: 50%; width: 480px; height: 190px; background: #ffffff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); box-shadow: 3px 3px 20px -5px #000000; overflow: hidden; transition-property: transform; transition-timing-function: ease-in-out; transition-duration: 300ms; } .lepopup-admin-create-content { height: 200px; padding: 32px 32px; overflow-x: hidden; overflow-y: hidden; background: #ffffff; position: relative; } .lepopup-admin-create-content input, .lepopup-admin-create-content input:focus, .lepopup-admin-create-content input:active { font-size: 16px; font-weight: normal; border-radius: 3px; padding: 0 1.6em; line-height: 52px; border: 1px solid #CCC; border-spacing: 0; font-family: arial, verdana; box-sizing: border-box; box-shadow: none; margin: 0; background: #FFF; height: 52px; min-width: 0px; max-width: 100%; outline: none; width: 100%; text-align: center; } .lepopup-admin-popup { position: fixed !important; box-sizing: border-box; z-index: 99981; top: 50%; left: 50%; width: 90%; height: 600px; background: #ffffff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); display: none; box-shadow: 3px 3px 20px -5px #000000; overflow: hidden; transition-property: transform; transition-timing-function: ease-in-out; transition-duration: 300ms; } #lepopup-stylemanager { z-index: 99983; } .lepopup-admin-popup * { box-sizing: border-box; } .lepopup-admin-popup-inner { height: 600px; position: relative; box-sizing: border-box; } .lepopup-admin-popup-title { box-sizing: border-box; height: 52px; line-height: 52px; padding: 0 0 0 20px; text-align: left; border-bottom: 1px solid #f0f0f0; background: #f8f8f8; } .lepopup-admin-popup-title>span { float: right; display: block; width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 20px; color: #555; transition-property: color; transition-timing-function: ease-in-out; transition-duration: 300ms; cursor: pointer; } .lepopup-admin-popup-title>span:hover { color: #bd4070; } .lepopup-admin-popup-title h3 { font-weight: normal; font-size: 20px; font-family: arial; color: #202020; letter-spacing: 0; text-transform: none; margin: 0 !important; padding: 0 !important; line-height: inherit; } .lepopup-admin-popup-title h3 span { font-size: 16px; color: #a0a0a0; display: inline-block; margin-left: 20px; padding-left: 20px; border-left: 1px dashed #e0e0e0; line-height: 25px; height: 25px; vertical-align: middle; } .lepopup-admin-popup-title a { display: block; float: right; font-size: 20px; width: 52px; height: 52px; color: #202020; text-align: center; text-shadow: none !important; box-shadow: none !important; outline: none !important; border: none !important; margin: 0 0 0 20px !important; padding: 0 !important; transition-property: all; transition-timing-function: ease-in-out; transition-duration: 300ms; } .lepopup-admin-popup-title a:hover { color: #bd4070; } .lepopup-admin-popup-content { height: 496px; overflow-x: hidden; overflow-y: scroll; background: #ffffff; position: relative; } .lepopup-admin-popup-content::-webkit-scrollbar { width: 5px; } .lepopup-admin-popup-content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.1); } .lepopup-admin-popup-content::-webkit-scrollbar-thumb { background-color: #bd4070; } .lepopup-admin-popup-content hr { margin: 0 30px; } .lepopup-admin-popup-loading { position: absolute; background: #fff; top: 52px; left: 0; z-index: 99982; width: 100%; bottom: 0; right: 0; } .lepopup-admin-popup-loading i { position: absolute; z-index: 99983; top: 50%; left: 50%; font-size: 24px; margin-top: -12px; margin-left: -12px; } .lepopup-admin-popup-content-form { } .lepopup-admin-popup-buttons { box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: 0; height: 52px; line-height: 48px; padding-right: 8px; text-align: right; border-top: 1px solid #f0f0f0; } .lepopup-properties-item { display: table; margin: 20px 0; width: 100%; } .lepopup-properties-noitem { display: table; margin: 20px 0; width: 100%; } .lepopup-properties-message { border: 1px solid #ccc; border-radius: 3px; padding: 0.5em 1em !important; background: #f0f0f0; box-shadow: 1px 1px 10px -6px rgba(0, 0, 0, 0.5); line-height: 1.5; } .lepopup-properties-label { display: table-cell; font-size: 15px; width: 200px; min-width: 200px; vertical-align: top; padding: 0 1em 0 2em; } .lepopup-properties-label label { font-weight: 400; margin-bottom: 0; } .lepopup-properties-tooltip { display: table-cell; font-size: 18px; width: 2em; min-width: 2em; text-align: center; vertical-align: top; } .lepopup-tooltip { font-size: 14px !important; line-height: 1.3 !important; z-index: 99999 !important; } .lepopup-tooltip pre { margin-bottom: 0 !important; } div.lepopup-properties-line { display: table; vertical-align: top; position: relative; margin-bottom: 10px; padding-left: 0px !important; } .lepopup-properties-content>div.lepopup-properties-line:last-of-type { margin-bottom: 0; } .lepopup-properties-content, .lepopup-properties-group { width: 100%; vertical-align: top; font-size: 14px; } .lepopup-properties-content { padding-right: 20px; display: table-cell; position: relative; } .lepopup-properties-group { display: table; } .lepopup-properties-content>div, .lepopup-properties-group>div, .lepopup-properties-line>div { padding-left: 10px; vertical-align: top; position: relative; } .lepopup-properties-content>div:first-of-type, .lepopup-properties-group>div:first-of-type, .lepopup-properties-line>div:first-of-type { padding-left: 0; } .lepopup-properties-content-two-third { display: table-cell; width: 67%; } .lepopup-properties-content-half { display: table-cell; width: 50%; } .lepopup-properties-content-quarter { display: table-cell; width: 25%; } .lepopup-properties-content-third { display: table-cell; width: 33%; } .lepopup-properties-content-dime { display: table-cell; width: 10%; } .lepopup-properties-content-9dimes { display: table-cell; width: 90%; } .lepopup-properties-content-full { display: block; width: 100%; margin-bottom: 10px; } .lepopup-properties-content-full>label, .lepopup-properties-content-third>label, .lepopup-properties-content-two-third>label, .lepopup-properties-content-half>label, .lepopup-properties-content-quarter>label, .lepopup-properties-content-dime>label, .lepopup-properties-content-9dimes>label { color: #ccc; font-size: 14px; font-style: italic; cursor: default; display: block; } .lepopup-style-save-row { margin-bottom: 1em; } .lepopup-style-save-row label { display: block; cursor: default; } .lepopup-style-save-row input[type="text"], .lepopup-style-save-row select, .lepopup-properties-content input[type="text"], .lepopup-properties-content select, .lepopup-properties-content input[type="email"], .lepopup-properties-content input[type="password"], .lepopup-properties-content textarea, .lepopup-bulk-editor textarea { font-size: 15px; font-weight: normal; border-radius: 3px; padding: 0 0.8em; line-height: 40px; border: 1px solid #CCC; border-spacing: 0; font-family: arial, verdana; box-sizing: border-box; box-shadow: none; margin: 0; /* background: #FFF; */ height: 40px; min-width: 0px; max-width: 100%; outline: none; width: 100%; } .lepopup-properties-content select { height: 40px !important; font-size: 15px !important; } .lepopup-properties-content textarea { height: 10em !important; line-height: 1.4; padding: 0.4em 0.8em; } .lepopup-properties-content textarea.lepopup-tinymce { height: 16em !important; } .lepopup-properties-content input[type="text"]:focus, .lepopup-properties-content select:focus, .lepopup-properties-content textarea:focus, .lepopup-bulk-editor textarea:focus { border-color: #a93a65; box-shadow: 0 0 16px -10px #a93a65; } .lepopup-properties-content input::-webkit-input-placeholder, .lepopup-properties-content textare::-webkit-input-placeholder { color: inherit !important; opacity: 0.3; } .lepopup-properties-content input::-moz-placeholder, .lepopup-properties-content textare::-moz-placeholder { color: inherit !important; opacity: 0.3; } .lepopup-properties-content input:-moz-placeholder, .lepopup-properties-content textare:-mox-placeholder { color: inherit !important; opacity: 0.3; } .lepopup-properties-content input:-ms-input-placeholder, .lepopup-properties-content textare::-ms-input-placeholder { opacity: 0.3; color: inherit !important; } .lepopup-properties-content .lepopup-input-units { position: relative; min-width: 100px; } .lepopup-properties-content .lepopup-100px { min-width: 100px; width: 100px; max-width: 100px; } .lepopup-properties-content .lepopup-input-units::after { position: absolute; color: #ccc; font-size: 13px; line-height: 40px; top: 0; right: 5px; } .lepopup-properties-content .lepopup-input-px::after { content: 'px'; } .lepopup-properties-content .lepopup-input-ms::after { content: 'ms'; } .lepopup-properties-content .lepopup-input-mb::after { content: 'Mb'; } .lepopup-properties-content .lepopup-input-days::after { content: 'days'; } .lepopup-properties-content .lepopup-input-hrs::after { content: 'hrs'; } .lepopup-properties-content .lepopup-input-sec::after { content: 'sec'; } .lepopup-properties-content .lepopup-input-px input { padding-right: 24px; } .lepopup-properties-content .lepopup-input-ms input { padding-right: 26px; } .lepopup-properties-content .lepopup-input-mb input { padding-right: 28px; } .lepopup-properties-content .lepopup-input-days input { padding-right: 36px; } .lepopup-properties-content .lepopup-input-hrs input { padding-right: 28px; } .lepopup-properties-content .lepopup-input-sec input { padding-right: 28px; } .lepopup-properties-content .lepopup-media-id { position: relative; } .lepopup-properties-content .lepopup-media-id input, .lepopup-properties-content .lepopup-image-url input, .lepopup-properties-content .lepopup-date>input, .lepopup-properties-content .lepopup-time>input { padding-right: 40px; } #uap-body .lepopup-properties-content .lepopup-image-url input { padding-right: 0.8em !important; } .lepopup-properties-content .lepopup-media-id span, .lepopup-properties-content .lepopup-image-url span, .lepopup-properties-content .lepopup-date>span, .lepopup-properties-content .lepopup-time>span, .lepopup-properties-content .lepopup-input-shortcode-selector span { position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #888; cursor: pointer !important; transition-duration: .3s; -webkit-transition-duration: .3s; } #uap-body .lepopup-properties-content .lepopup-image-url span { display: none !important; } .lepopup-properties-content .lepopup-media-id span i, .lepopup-properties-content .lepopup-image-url span i, .lepopup-properties-content .lepopup-date>span i, .lepopup-properties-content .lepopup-time>span i, .lepopup-properties-content .lepopup-input-shortcode-selector span i { font-size: 20px; line-height: 40px; } .lepopup-properties-content .lepopup-input-shortcode-selector span i.fa-code { font-size: 16px; } .lepopup-properties-content .lepopup-media-id span:hover, .lepopup-properties-content .lepopup-image-url span:hover, .lepopup-properties-content .lepopup-date>span:hover, .lepopup-properties-content .lepopup-time>span:hover, .lepopup-properties-content .lepopup-input-shortcode-selector span:hover { color: #a93a65; } .lepopup-properties-content .wp-picker-container { position: relative; white-space: nowrap; } .lepopup-properties-content .wp-picker-container .wp-color-result.button { height: 40px; width: 40px; padding: 0; margin: 0 6px 0 0; font-size: 15px; border-color: #ccc; box-shadow: none; display: inline-block; } .lepopup-properties-content .wp-picker-container .wp-color-result.button span { display: none; line-height: 38px; } .lepopup-properties-content .wp-picker-container .wp-color-result.button:active, .lepopup-properties-content .wp-picker-container .wp-color-result.button:focus { box-shadow: none; border-color: #ccc; } .lepopup-properties-content .wp-picker-container input[type=text].wp-color-picker { font-size: 15px; width: 150px !important; font-family: arial; } .lepopup-properties-content .wp-picker-container .wp-picker-input-wrap input[type=button] { display: none; } .lepopup-properties-content .wp-picker-container .wp-picker-holder { position: absolute; z-index: 999999; right: 0; } .lepopup-properties-content .wp-picker-container .wp-picker-holder .iris-picker { border-radius: 3px; } .lepopup-properties-content-color .wp-picker-container .wp-picker-holder { right: auto; left: 0; } .lepopup-fa-selector-button { display: inline-block; font-family: arial; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; background-image: none; border-radius: 3px; transition-duration: .3s; -webkit-transition-duration: .3s; color: #444444; border: 1px solid #ccc; text-decoration: none; outline: none; box-shadow: none; width: 80px; height: 40px; } .lepopup-fa-selector-button i { display: block; font-size: 18px !important; line-height: 40px !important; } .lepopup-fa-selector-button:active { background-image: none; outline: 0; text-decoration: none; border-color: #a93a65; color: #a93a65; background-image: none; outline: none; box-shadow: none; transform:translateY(2px); -webkit-transform:translateY(2px); } .lepopup-fa-selector-button:hover, .lepopup-fa-selector-button:focus { text-decoration: none; color: #a93a65; border-color: #a93a65; background-image: none; outline: none; box-shadow: none; } input[type="checkbox"].lepopup-checkbox-toggle { display: none !important; } input[type="checkbox"].lepopup-checkbox-toggle+label { appearance: none; width: 64px; height: 32px; border: 1px solid #ccc; border-radius: 32px; background: #ffffff; position: relative; display: inline-block; overflow: hidden; vertical-align: middle; transition: background 0.3s; box-sizing: border-box; outline: none; box-shadow: none; cursor: pointer; margin: 0; padding: 0; } input[type="checkbox"].lepopup-checkbox-toggle+label:before { content: ''; } input[type="checkbox"].lepopup-checkbox-toggle+label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #ccc; border: none; border-radius: 26px; transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } input[type="checkbox"].lepopup-checkbox-toggle:checked+label { background: #a93a65; border-color: #a93a65; } input[type="checkbox"].lepopup-checkbox-toggle:checked+label:after { left: 34px; background: #fff; } input[type="checkbox"].lepopup-checkbox-toggle:disabled+label { opacity: 0.5; } .lepopup-properties-sub-item { padding: 0px; margin-bottom: 10px; background: #f8f8f8; border-radius: 3px; border: 1px solid #ccc; } .lepopup-properties-sub-item-new { display: none; } .lepopup-properties-sub-item-exist .lepopup-properties-sub-item-body { display: none; } .lepopup-properties-sub-item-body hr { margin: 0 20px; } .lepopup-properties-sub-item-body-loading { padding: 1em 0 2em 0; text-align: center; } .lepopup-properties-sub-item-body-loading i { font-size: 24px; } .lepopup-properties-sub-item .lepopup-properties-label { min-width: 160px; padding: 0 1em 0 1em; } .lepopup-properties-sub-item-header { padding: 1em; font-size: 15px; line-height: 24px; } .lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools { float: right; line-height: 24px; } .lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span { margin-left: 10px; cursor: pointer; font-size: 18px; color: #888; vertical-align: top; } .lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span i { vertical-align: top; line-height: 24px; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span i.fa-cog { color: #444; } .lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span:hover i, .lepopup-properties-sub-item-header div.lepopup-properties-sub-item-header-tools span:hover i.fa-cog { color: #a93a65; } .lepopup-properties-sub-item-header label { font-weight: bold; font-style: italic; vertical-align: top; display: inline-block; height: 24px; } .lepopup-properties-content-validators-allowed a, .lepopup-properties-content-filters-allowed a { margin-bottom: 0.3em; } .lepopup-properties-css-toolbar { margin-top: 5px; } .lepopup-properties-css-toolbar span { color: #fff; background-color: #444; vertical-align: top; margin: 0; text-align: center; line-height: 28px; height: 28px; width: 28px; font-size: 14px; cursor: pointer; display: inline-block; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-properties-css-toolbar span:first-of-type { border-radius: 3px 0 0 3px; } .lepopup-properties-css-toolbar span:last-of-type { border-radius: 0 3px 3px 0; } .lepopup-properties-css-toolbar span:hover { color: #fff; background-color: #a93a65; } .lepopup-properties-options-box { border-top: 1px solid #ccc; border-bottom: 3px solid #a93a65; min-height: 180px; height: 240px; } .lepopup-properties-options-container { overflow-x: hidden; overflow-y: scroll; height: 100%; } .lepopup-properties-options-container::-webkit-scrollbar { width: 5px; } .lepopup-properties-options-container::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(255,255,255,0.1); } .lepopup-properties-options-container::-webkit-scrollbar-thumb { background-color: #bd4070; } .lepopup-properties-options-item { padding: 10px; margin-top: 10px; margin-right: 10px; background: #f8f8f8; border-radius: 3px; border: 1px solid #ccc; } .lepopup-properties-options-item:last-of-type { margin-bottom: 10px; } .lepopup-properties-options-item-placeholder { padding: 10px; margin-top: 10px; margin-right: 10px; background: transparent; border-radius: 3px; border: 1px dashed #ccc; } .lepopup-properties-options-item i.fa-check { color: #ccc !important; } .lepopup-properties-options-item-default i.fa-check { color: #a93a65 !important; } .lepopup-properties-options-table, .lepopup-properties-options-table-header { display: table; width: 100%; } .lepopup-properties-options-table-header { padding: 0 50px 5px 10px; margin: 0 20px; } .lepopup-properties-options-table-footer { text-align: right; margin-top: 5px; } .lepopup-properties-options-table-footer a { margin-left: 5px; } .lepopup-properties-options-table-footer-left { display: table-cell; text-align: left; vertical-align: middle; font-size: 15px; font-style: italic; } .lepopup-properties-options-table-footer-right { display: table-cell; text-align: right; vertical-align: middle; } .lepopup-properties-options-table>div { display: table-cell; width: 33.3333%; padding-right: 10px; text-align: right; vertical-align: middle; font-size: 16px; position: relative; } .lepopup-properties-options-table>div.lepopup-image-url span { margin-right: 10px; } .lepopup-properties-image-options-table .lepopup-properties-options-table>div { width: 25%; } .lepopup-properties-options-table-header>div { display: table-cell; width: 33.3333%; text-align: left; vertical-align: middle; font-size: 16px; font-style: italic; } .lepopup-properties-image-options-table .lepopup-properties-options-table-header>div { width: 25%; } .lepopup-properties-options-table>div:last-of-type { padding-right: 0; } .lepopup-properties-options-table>div span { margin-left: 10px; color: #888; cursor: pointer; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-properties-options-table>div span:hover { color: #a93a65; } .lepopup-properties-options-table>div span:last-of-type { cursor: move; cursor: -webkit-grab; cursor: grab; } .lepopup-properties-options-table>div input[type='text'] { font-size: 14px; padding: 0.6em 0.6em; } .lepopup-properties-options-table>div.lepopup-image-url input[type='text'] { padding-right: 40px; } .lepopup-properties-preview-option { position: relative; padding: 0 !important; width: 100px; height: 100px; line-height: 100px; border: 1px solid #ccc; border-radius: 3px; display: inline-block; margin-right: 10px; margin-bottom: 10px; text-align: center; transition-duration: .3s; -webkit-transition-duration: .3s; vertical-align: top; } input[type="radio"].lepopup-radio-image { display: none !important; } input[type="radio"].lepopup-radio-image+label { appearance: none; display: inline-block; border: 1px solid #c0c0c0; border-radius: 5px; box-sizing: border-box; margin: 0 10px 10px 0; -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#grayscale"); background-position: center center; background-repeat: no-repeat; transition-property: border, filter; -webkit-transition-property: border, filter; transition-duration: .3s; -webkit-transition-duration: .3s; } input[type="radio"].lepopup-radio-image:checked+label { border: 2px solid #a93a65; -moz-filter: none; -o-filter: none; -webkit-filter: none; filter: none; filter: none; } .lepopup-properties-preview-option>input[type="radio"] { display: none !important; } .lepopup-properties-preview-option>input[type="radio"]+label { appearance: none; font-size: 24px; line-height: 24px; width: 24px; position: absolute; top: 5px; left: 5px; color: #ccc; cursor: pointer; text-align: left; z-index: 999; } .lepopup-properties-preview-option>input[type="radio"]+label:before { content: ''; } .lepopup-properties-preview-option>input[type="radio"]+label:after { content: "\f0c8"; } .lepopup-properties-preview-option>input[type="radio"]:checked+label:after { content: "\f14a" !important; color: #a93a65; } .lepopup-properties-preview-option:hover { border: 1px solid #a93a65; } .lepopup-properties-preview-option:hover>input[type="radio"]+label:after { color: #a93a65; } .lepopup-properties-preview-option>div { position: relative; } .lepopup-bar-options, .lepopup-bar-selector { color: #444; white-space: nowrap; display: inline-block; } .lepopup-bar-selector input[type="radio"], .lepopup-bar-selector input[type="checkbox"] { display: none !important; } .lepopup-bar-selector input[type="radio"]+label:before, .lepopup-bar-selector input[type="radio"]+label:after, .lepopup-bar-selector input[type="checkbox"]+label:before, .lepopup-bar-selector input[type="checkbox"]+label:after { content: ''; } .lepopup-bar-options span, .lepopup-bar-selector input[type="radio"]+label, .lepopup-bar-selector input[type="checkbox"]+label { appearance: none; line-height: 40px; display: inline-block; min-width: 40px; height: 40px; text-align: center; padding: 0 5px; cursor: pointer; border: 1px solid #ccc; border-left: none; border-right: none; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-bar-options span i, .lepopup-bar-selector input[type="radio"]+label i, .lepopup-bar-selector input[type="checkbox"]+label i { line-height: 40px; vertical-align: middle; } .lepopup-bar-options span:first-of-type, .lepopup-bar-selector input[type="radio"]+label:first-of-type, .lepopup-bar-selector input[type="checkbox"]+label:first-of-type { border-radius: 3px 0 0 3px; border-left: 1px solid #ccc; } .lepopup-bar-options span:last-of-type, .lepopup-bar-selector input[type="radio"]+label:last-of-type, .lepopup-bar-selector input[type="checkbox"]+label:last-of-type { border-radius: 0 3px 3px 0; border-right: 1px solid #ccc; } .lepopup-bar-options span.lepopup-bar-option-selected, .lepopup-bar-selector input[type="radio"]:checked+label, .lepopup-bar-selector input[type="checkbox"]:checked+label, .lepopup-bar-options span:hover, .lepopup-bar-selector input[type="radio"]+label:hover, .lepopup-bar-selector input[type="radio"]:checked+label, .lepopup-bar-selector input[type="checkbox"]+label:hover, .lepopup-bar-selector input[type="checkbox"]:checked+label { border-color: #a93a65; background: #a93a65; color: #fff; opacity: 0.9; } .lepopup-bar-options span:hover, .lepopup-bar-selector input[type="radio"]+label:hover, .lepopup-bar-selector input[type="checkbox"]+label:hover { opacity: 0.7; } .lepopup-bar-options span.lepopup-bar-option-selected:hover, .lepopup-bar-selector input[type="radio"]:checked+label:hover, .lepopup-bar-selector input[type="checkbox"]:checked+label:hover { opacity: 1; } .lepopup-position-element { display: inline-block; width: 120px; height: 90px; position: relative; margin: 0 10px 10px 0; cursor: pointer; padding: 0 !important; box-sizing: border-size; } .lepopup-position-element input[type="radio"] { display: none !important; } .lepopup-position-element input[type="radio"]+label { display: block; border: 2px solid #CCC; border-radius: 5px; width: 120px; height: 90px; cursor: pointer; box-sizing: border-size; transition-duration: .3s; transition-property: border; } .lepopup-position-element input[type="radio"]+label+label { border: 2px solid #CCC; border-radius: 4px; width: 48px; height: 36px; box-sizing: border-size; position: absolute; transition-duration: .3s; transition-property: border; } .lepopup-position-element:hover input[type="radio"]+label, .lepopup-position-element:hover input[type="radio"]+label+label, .lepopup-position-element input[type="radio"]:checked+label, .lepopup-position-element input[type="radio"]:checked+label+label { border-color: #a93a65; } .lepopup-position-element-top-left input[type="radio"]+label+label { top: 5px; left: 5px; } .lepopup-position-element-top-center input[type="radio"]+label+label { top: 5px; left: 36px; } .lepopup-position-element-top-right input[type="radio"]+label+label { top: 5px; right: 5px; } .lepopup-position-element-middle-left input[type="radio"]+label+label { top: 27px; left: 5px; } .lepopup-position-element-middle-center input[type="radio"]+label+label { top: 27px; left: 36px; } .lepopup-position-element-middle-right input[type="radio"]+label+label { top: 27px; right: 5px; } .lepopup-position-element-bottom-left input[type="radio"]+label+label { bottom: 5px; left: 5px; } .lepopup-position-element-bottom-center input[type="radio"]+label+label { bottom: 5px; left: 36px; } .lepopup-position-element-bottom-right input[type="radio"]+label+label { bottom: 5px; right: 5px; } .lepopup-properties-content-slider { padding-left: 20px !important; padding-right: 10px !important; } .lepopup-slider-container { min-width: 200px; height: 40px; padding-top: 15px; } .lepopup-slider.ui-slider { border: 1px solid #ccc !important; } .lepopup-slider .ui-slider-handle { width: 3em !important; height: 24px !important; top: 50% !important; margin-top: -12px !important; text-align: center !important; margin-left: -1.5em !important; background: #a93a65 !important; color: #fff !important; font-size: 12px !important; line-height: 24px !important; border-color: #a93a65 !important; } .lepopup-col-width { padding-left: 0 !important; display: table; width: 100%; } .lepopup-col-width label { display: table-cell; max-width: 40px; min-width: 40px; width: 40px; margin-bottom: 0; font-weight: 400; } .lepopup-col-width>div { display: table-cell; width: 100% } .lepopup-properties-content .mce-tinymce { box-shadow: none !important; } .lepopup-properties-content .mce-tinymce .mce-top-part::before { -webkit-box-shadow: none; box-shadow: none; } .lepopup-properties-content .wp-editor-container { box-shadow: none; } .lepopup-properties-content .mce-notification-inner { z-index: 9999999; } .lepopup-properties-content .wp-editor-container textarea { border: none; } .lepopup-properties-content .wp-editor-tabs * { box-sizing: content-box; } .lepopup-properties-content .mce-btn.mce-active button, .lepopup-properties-content .mce-btn.mce-active:hover button, .lepopup-properties-content .mce-btn.mce-active i, .lepopup-properties-content .mce-btn.mce-active:hover i { color: #444; } .lepopup-properties-content .wp-core-ui { padding-left: 0 !important; } .lepopup-shortcode-selector .lepopup-shortcode-selector-button { width: 36px; height: 36px; position: absolute; left: -36px; top: 40px; background: #f5f5f5; color: #444; border: 1px solid #ddd; border-right: none; border-radius: 3px 0 0 3px; line-height: 36px; text-align: center; font-size: 16px; cursor: pointer; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-shortcode-selector .lepopup-shortcode-selector-button:hover, .lepopup-shortcode-selector:hover .lepopup-shortcode-selector-button { background: #fff; border-color: #f5f5f5; color: #a93a65; } .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector { height: 100%; position: absolute !important; left: 0; top: 0; } .lepopup-input-shortcode-selector { position: relative; } .lepopup-input-shortcode-selector .lepopup-shortcode-selector { height: 100%; position: absolute !important; right: 0; top: 0; } .lepopup-input-shortcode-selector input, .lepopup-input-shortcode-selector textarea { padding-right: 40px !important; } .lepopup-shortcode-selector ul { width: 200px; position: absolute; background: #fff; color: #444; border: 1px solid #ddd; display: none; padding-left: 0; padding: 0; margin: 0; z-index: 9; box-shadow: 2px 2px 10px -7px rgba(0,0,0,0.9); overflow-x: hidden; overflow-y: scroll; } .lepopup-shortcode-selector ul.lepopup-shortcode-selector-list-wysiwyg { max-height: 100%; left: 0; top: 0; } .lepopup-shortcode-selector ul.lepopup-shortcode-selector-list-input { right: 40px; top: -120px; max-height: 280px; } .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector ul.lepopup-shortcode-selector-list-input { left: 0; right: auto; top: -120px; max-height: 280px; } .lepopup-shortcode-selector:hover ul { display: block; } .lepopup-shortcode-selector ul::-webkit-scrollbar { width: 5px; } .lepopup-shortcode-selector ul::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.1); } .lepopup-shortcode-selector ul::-webkit-scrollbar-thumb { background-color: #bd4070; } .lepopup-shortcode-selector ul li.lepopup-shortcode-selector-group { margin: 0; padding: 0.7em 0.8em 0.3em 0.8em; color: #444; background: #fff; font-size: 14px; font-weight: bold; } .lepopup-shortcode-selector ul li.lepopup-shortcode-selector-list-item { margin: 0; padding: 0.5em 0.5em 0.5em 1.5em; color: #444; background: #fff; font-size: 14px; cursor: pointer; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-shortcode-selector ul li.lepopup-shortcode-selector-list-item:hover { background: #a93a65; color: #fff; } .lepopup-shortcode-selector ul li.lepopup-shortcode-selector-list-item:active { transform: scale(0.95); } .lepopup-shortcode-selector-list-item-form-data { display: none; } .lepopup-properties-content-notifications .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector-list-input>li.lepopup-shortcode-selector-list-item-form-data { display: block !important; } .lepopup-shortcode-selector-list-input>li.lepopup-shortcode-selector-list-item-form-data { display: none !important; } .lepopup-properties-logic-header { margin-bottom: 10px; } .lepopup-properties-logic-buttons { border-top: 3px solid #a93a65; padding-top: 5px; text-align: right; } .lepopup-properties-logic-rules { padding: 0 !important; } .lepopup-properties-logic-rule { padding: 10px; margin-bottom: 10px; background: #f8f8f8; border-radius: 3px; border: 1px solid #ccc; } .lepopup-properties-logic-rule-table { display: table; width: 100%; } .lepopup-properties-logic-rule-table>div { display: table-cell; width: 33.3333%; padding-right: 10px; text-align: right; vertical-align: middle; font-size: 16px; } .lepopup-properties-logic-rule-table>div:last-of-type { padding-right: 0; } .lepopup-properties-logic-rule-table>div span { margin-left: 10px; color: #888; cursor: pointer; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-properties-logic-rule-table>div span:hover { color: #a93a65; } .lepopup-properties-logic-rule-table>div input[type='text'], .lepopup-properties-logic-rule-table>div select { font-size: 14px; } .lepopup-properties-inline-error { display: inline-block; line-height: 1.4; border-radius: 4px; padding: 0; box-shadow: 1px 1px 10px -4px #000; font-size: 15px; color: #fff; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; background-color: #d9534f; padding: 1em 1.5em !important; } .lepopup-properties-content-confirmations { margin-top: 10px; } .lepopup-properties-content-notifications { margin-top: 10px; } .lepopup-properties-content-integrations { margin-top: 10px; } .lepopup-properties-content-payment-gateways { margin-top: 10px; } .lepopup-properties-sub-item-placeholder { margin-top: 10px; margin-bottom: 10px; background: transparent; border-radius: 3px; border: 1px dashed #ccc; } .lepopup-properties-attachment-buttons { padding-left: 0 !important; } .lepopup-properties-attachments { padding: 0 !important; } .lepopup-properties-attachment { padding: 10px; margin-bottom: 10px; background: #f8f8f8; border-radius: 3px; border: 1px solid #ccc; } .lepopup-properties-attachment-table { display: table; width: 100%; } .lepopup-properties-attachment-table>div { display: table-cell; width: 50%; padding-right: 10px; text-align: right; vertical-align: middle; font-size: 16px; } .lepopup-properties-attachment-table>div:last-of-type { padding-right: 0; } .lepopup-properties-attachment-table>div span { margin-left: 10px; color: #888; cursor: pointer; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-properties-attachment-table>div span:hover { color: #a93a65; } .lepopup-properties-attachment-table>div input[type='text'], .lepopup-properties-attachment-table>div select { font-size: 14px !important; padding: 0.6em 0.6em; } .lepopup-properties-attachment-table div.lepopup-media-id input[type='text'] { padding-right: 40px; } /* Properies Popup - end */ /* Tabs - begin */ .lepopup-tabs { border-bottom: 1px solid #ccc; margin: 0; padding-top: 9px; padding-bottom: 0; padding-left: 20px; line-height: inherit; display: block !important; } .lepopup-tabs:after { content: ""; display: table; clear: both; } .lepopup-tab { float: left; border: 1px solid #ccc; border-bottom: none; margin-left: .5em; padding: 0.3em 0.9em; border-radius: 5px 5px 0 0; font-size: 15px; font-weight: 700; line-height: 24px; background: #f8f8f8; color: #555; text-decoration: none !important; outline: none !important; box-shadow: none !important; transition-property: background; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-tab:focus, .lepopup-tab:focus:active, .lepopup-tab:hover { background: #ffffff; color: #555; } .lepopup-tabs-main .lepopup-tab:focus, .lepopup-tabs-main .lepopup-tab:focus:active, .lepopup-tabs-main .lepopup-tab:hover { background: #f1f1f1; color: #555; } .lepopup-tab-active, .lepopup-tab-active:focus, .lepopup-tab-active:focus:active, .lepopup-tab-active:hover { border-bottom: 1px solid #ffffff; background: #ffffff; color: #555; } .lepopup-tabs-main .lepopup-tab-active, .lepopup-tabs-main .lepopup-tab-active:focus, .lepopup-tabs-main .lepopup-tab-active:focus:active, .lepopup-tabs-main .lepopup-tab-active:hover { border-bottom: 1px solid #f1f1f1; background: #f1f1f1; color: #555; } .lepopup-tab-active { margin-bottom: -1px; color: #444; } .lepopup-tab-active, .lepopup-tab:focus:active { box-shadow: none; } .lepopup-tab-content { display: none; position: relative; } /* Tabs - end */ /* Sections - begin */ .lepopup-sections { margin: 0; margin-top: 20px; padding-bottom: 0; padding-left: 20px; line-height: inherit; font-weight: normal; } .lepopup-sections a { display: inline-block; font-family: arial; padding: 0.6em 1em; font-size: 14px; line-height: 1.4; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; user-select: none; background-image: none; color: #444; background: #f0f0f0; border: 1px solid #ccc; border-radius: 3px; transition-duration: .3s; -webkit-transition-duration: .3s; text-decoration: none; outline: none; box-shadow: none; margin-right: 10px; } .lepopup-sections a.lepopup-section-active, .lepopup-sections a.lepopup-section-active:hover, .lepopup-sections a.lepopup-section-active:active, .lepopup-sections a.lepopup-section-active:focus { color: #fff; background: #a93a65; border-color: #a93a65; position: relative; } .lepopup-sections a:hover { border-color: #a93a65; } .lepopup-sections a::after { transform: scale(0); } .lepopup-sections a.lepopup-section-active::after { content: ''; position: absolute; top: 100%; left: 50%; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; background: #a93a65; transform: rotate(45deg); animation: lepopup-section-active-arrow 0.5s } @-webkit-keyframes lepopup-section-active-arrow { 0% {opacity: 0;} 60% {opacity: 0;} 100% {opacity: 1;} } @keyframes lepopup-section-active-arrow { 0% {opacity: 0;} 60% {opacity: 0;} 100% {opacity: 1;} } .lepopup-sections a i { width: 1em; text-align: center; margin-right: 0.3em; } .lepopup-section-content { display: none; } /* Sections - end */ /* Buttons - begin */ .lepopup-admin-button-container { text-align: right; margin: 10px 0; } .lepopup-admin-button { display: inline-block; font-family: arial; padding: 0.6em 1em; font-size: 14px; line-height: 1.4; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; transition-duration: .3s; -webkit-transition-duration: .3s; color: #fff; background: #bd4070; border: 1px solid #a93a65; text-decoration: none; outline: none; box-shadow: none; } .lepopup-admin-button-gray { color: #444; background: #f0f0f0; border: 1px solid #ccc; } .lepopup-admin-button-small { font-size: 12px; padding: 0.5em 1em; } .lepopup-admin-button-large { font-size: 16px; padding: 0.6em 1em; } .lepopup-admin-button-disabled { opacity: 0.3; cursor: default !important; } .lepopup-admin-button-disabled label { cursor: default !important; } .lepopup-admin-button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); text-decoration: none; color: #fff; background: #a93a65; background-image: none; outline: none; box-shadow: none; transform:translateY(2px); -webkit-transform:translateY(2px); } .lepopup-admin-button-gray:active { color: #222; background: #e8e8e8; border: 1px solid #ccc; } .lepopup-admin-button:hover, .lepopup-admin-button:focus { text-decoration: none; color: #fff; background: #a93a65; background-image: none; outline: none; box-shadow: none; } .lepopup-admin-button-gray:hover, .lepopup-admin-button-gray:focus { color: #333; background: #e8e8e8; border: 1px solid #ccc; } .lepopup-admin-button label { display: inline-block; margin-left: 8px; vertical-align: middle; margin-bottom: 0; font-weight: 400; } .lepopup-admin-button i { vertical-align: middle; } .lepopup-admin-buttons-create { text-align: center; margin-top: 20px; } .lepopup-admin-button-create { font-size: 16px; padding: 0 1.6em; line-height: 50px; } /* Buttons - end */ /* Layers List - begin */ .lepopup-layers { position: absolute !important; right: 0; top: 160px; z-index: 3000; width: 320px; height: auto !important; background: #fcfcfc; box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9) } .lepopup-layers h4 { background: #bd4070; margin: 0; padding: 1em 1.5em; color: #fff; font-weight: 700; font-size: 15px; text-transform: uppercase; cursor: move; } .lepopup-layers h4 i { float: right; color: rgba(255,255,255,0.3); font-size: 18px; margin-top: -1px; margin-right: -8px; } .lepopup-layers-list { text-align: left; line-height: 1.4; display: block; list-style-type: none; margin: 0; padding: 0; } .lepopup-layers-list li { position: relative; display: block; font-size: 15px; padding: 0.7em 1.5em; background: #f8f8f8; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; margin: 0px; overflow: hidden; cursor: pointer; transition-property: color, border, background; -webkit-transition-property: color, border, background; transition-duration: .2s; -webkit-transition-duration: .2s; } .lepopup-layers-list li:hover, .lepopup-layers-list li.lepopup-layer-hovered { background: rgba(169, 58, 101, 0.1); border-color: rgba(169, 58, 101, 0.1) !important; } .lepopup-layers-list li.lepopup-layer-selected { background: rgba(169, 58, 101, 0.2); border-color: rgba(169, 58, 101, 0.2) !important; } .lepopup-layers span { position: relative; display: block; font-size: 13px; font-style: italic; color: #c0c0c0; padding: 0.7em 1.5em; background: #fcfcfc; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; margin: 0px; overflow: hidden; cursor: pointer; transition-duration: .2s; -webkit-transition-duration: .2s; } /* Layers List - end */ /* FA begin */ .lepopup-fa-selector-overlay { position: fixed !important; z-index: 99988; top: 0px; left: 0px; height: 100%; width: 100%; background-position: center center; background: rgba(0,0,0,0.8); display: none; } .lepopup-fa-selector { position: fixed !important; box-sizing: border-box; z-index: 99989; top: 50%; left: 50%; width: 925px; height: 600px; background: #ffffff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); box-shadow: 3px 3px 20px -5px #000000; display: none; overflow: hidden; } .lepopup-fa-selector * { box-sizing: border-box; } .lepopup-fa-selector-inner { height: 600px; position: relative; box-sizing: border-box; } .lepopup-fa-selector-header { box-sizing: border-box; height: 72px; line-height: 72px; padding: 0 0 0 20px; text-align: left; border-bottom: 1px solid #ffffff; background: #ffffff; } .lepopup-fa-selector-header input[type="text"] { box-sizing: border-box; margin: 30px 0 0 10px; line-height: 32px; padding: 0; width: 50%; font-size: 16px; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #e0e0e0; outline: none; box-shadow: none; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-fa-selector-header input[type="text"]:focus { border-bottom: 2px solid #bd4070; } .lepopup-fa-selector-header a { display: block; float: right; font-size: 20px; width: 52px; height: 52px; line-height: 52px; color: #202020; text-align: center; text-shadow: none !important; box-shadow: none !important; outline: none !important; border: none !important; margin: 0 !important; padding: 0 !important; transition-property: all; transition-timing-function: ease-in-out; transition-duration: 300ms; } .lepopup-fa-selector-header a:hover { color: #bd4070; } .lepopup-fa-selector-content { height: 528px; padding: 10px 20px; overflow-x: hidden; overflow-y: scroll; background: #ffffff; } .lepopup-fa-selector-content::-webkit-scrollbar { width: 5px; } .lepopup-fa-selector-content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.1); } .lepopup-fa-selector-content::-webkit-scrollbar-thumb { background-color: #bd4070; } .lepopup-fa-selector-content span { float: left; width: 40px; text-align: center; height: 40px; line-height: 40px; color: #000; opacity: 0.5; font-size: 20px; cursor: pointer; } .lepopup-fa-selector-content span:hover { transform: scale(1); -webkit-transform: scale(1.3); opacity: 1; border-radius: 3px; background: #444444; color: #ffffff; overflow: hidden; transition-property: transform; transition-timing-function: ease-in-out; transition-duration: 300ms; } /* FA - end */ /* Bulk Options - begin */ #lepopup-bulk-options-overlay { z-index: 99988; } #lepopup-bulk-options { z-index: 99989; } #lepopup-bulk-options .lepopup-admin-popup-content-form { padding: 20px; } .lepopup-bulk-options-container:before, .lepopup-bulk-options-container:after { content: " "; display: block; } .lepopup-bulk-options-container:after { clear: both; } .lepopup-bulk-categories { float: left; width: 48%; } .lepopup-bulk-categories ul { list-style: none; margin: 0; } .lepopup-bulk-categories ul li { display: block; float: left; width: 48%; margin: 1%; border: 1px solid #ccc; background: #f0f0f0; padding: 1em 1.3em; cursor: pointer; border-radius: 3px; color: #444; transition-duration: 300ms; -webkit-transition-duration: 300ms; } .lepopup-bulk-categories ul li:hover { background: #e8e8e8; color: #222; } .lepopup-bulk-categories ul li:active { transform:scale(0.95); -webkit-transform:scale(0.95); } .lepopup-bulk-editor { float: right; width: 50%; } .lepopup-bulk-editor textarea { width: 100%; height: 300px !important; line-height: 1.4; } .lepopup-bulk-editor textarea::-webkit-scrollbar { width: 5px; } .lepopup-bulk-editor textarea::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.1); } .lepopup-bulk-editor textarea::-webkit-scrollbar-thumb { background-color: #bd4070; } .lepopup-bulk-options-text { margin: 10px; font-style: italic; font-size: 15px; } /* Bulk Options - end */ /* Context Menu - begin */ .lepopup-context-menu { position: absolute; z-index: 999; top: 0; left: 0; display: none; background: #fff; border: 1px solid #c0c0c0; box-sizing: border-box; width: 200px; box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9); } .lepopup-body-shifted .lepopup-context-menu { margin-left: 420px; } .lepopup-context-menu-high-priority { z-index: 999999; } .lepopup-context-menu ul { white-space: nowrap; display: block; height: auto; list-style: none; margin: 0; padding: 0; } .lepopup-context-menu ul li { text-align: left; position: relative; height: 32px; display: block; line-height: 32px; letter-spacing: normal; background-color: transparent; font-family: arial; color: #2f353b; font-size: 13px; margin: 0; } .lepopup-context-menu ul li.lepopup-context-menu-line { height: 1px; display: block; line-height: 1px; background-color: #e0e0e0; margin: 0; } .lepopup-context-menu ul li a { display: block; color: #2f353b; cursor: pointer !important; text-decoration: none !important; box-shadow: none !important; outline: none !important; padding: 0 1em; } .lepopup-context-menu ul li:hover>a { color: #a93a65; background: #f8f8f8; } .lepopup-context-menu ul li a i { width: 1em; margin-right: 0.5em; } .lepopup-context-menu ul li a i.fa-caret-right { float: right; line-height: inherit; margin-right: -10px; } .lepopup-context-menu ul li ul { display: none; position: absolute; top: 0; right: -160px; width: 100px; background: #fff; border: 1px solid #c0c0c0; box-sizing: border-box; width: 160px; box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9); } .lepopup-context-menu ul li:hover ul { display: block; } .lepopup-context-menu ul li ul li { overflow: hidden; } /* Context Menu end */ .lepopup-admin { font-family: arial; margin: 10px 20px 20px 0px; position: relative; /* border: 1px solid #c0c0c0; */ } .lepopup-admin>h2, .lepopup-admin>h1 { font-size: 23px; font-weight: 400; margin: 0; padding: 9px 0 4px; line-height: 29px; margin-bottom: 20px !important; } #uap-body .lepopup-admin>h2, #uap-body .lepopup-admin>h1 { padding: 0; } #uap-body .wp-picker-container+em { display: block; } .lepopup-admin-editor * { box-sizing: border-box; } .lepopup-header { background: #444; height: 56px; line-height: 56px; } .lepopup-header-settings, .lepopup-header-using { display: inline-block; float: left; width: 56px; height: 56px; } .lepopup-header-using { float: right; } .lepopup-header-settings>span, .lepopup-header-using>span { display: inline-block; width: 56px; cursor: pointer; color: #fff; text-align: center; font-size: 20px; background: transparent; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-header-settings>span:hover, .lepopup-header-using>span:hover { background: #a93a65; } .lepopup-header-save { display: inline-block; float: right; height: 56px; } .lepopup-header-save>span { display: inline-block; cursor: pointer; color: #fff; text-align: center; font-size: 16px; background: #bd4070; padding: 0 1.5em; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-header-save>span>i { width: 1em; margin-right: 0.5em; } .lepopup-header-save>span:hover { background: #a93a65; } .lepopup-header-slug { display: inline-block; float: left; height: 56px; min-width: 320px; margin-left: 32px; } .lepopup-header-slug input, .lepopup-header-slug input:focus { border-radius: 3px; border: 1px solid #666; background: rgba(0,0,0,.1); width: 100%; color: #fff; padding: 0 1em; margin: 0; box-shadow: none; box-sizing: border-box; line-height: 2; min-height: 30px;} /* .lepopup-canvas-items { white-space: nowrap; height: auto; margin: 0; padding: 0; float: right; } .lepopup-canvas-items>li { display: inline-block; } .lepopup-canvas-light { background: #f8f8f8 url(../images/builder-bg-light-2.png) 0 0 repeat; } .lepopup-canvas-dark { background: #404040 url(../images/builder-bg-dark-2.png) 0 0 repeat; } .lepopup-canvas-items>li>span { display: block; width: 32px; height: 32px; border: 1px solid #d4d4d4; border-radius: 3px; overflow: hidden; } */ .lepopup-toolbar { background: #fff; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } .lepopup-toolbar-list { white-space: nowrap; /*overflow: hidden;*/ height: auto; margin: 0; padding: 0; list-style-type: none; } .lepopup-toolbar-list::after { display: table; content: ' '; clear: both; } .lepopup-toolbar-list>li { position: relative; height: 38px; width: 38px; line-height: 38px; margin: 0; padding: 0; float: left; } .lepopup-toolbar-list>li>a { text-align: center; height: 38px; width: 38px; display: inline-block; line-height: 38px; cursor: pointer; font-size: 15px; letter-spacing: normal; background-color: transparent; color: #2f353b; margin: 0; padding: 0; text-decoration: none !important; box-shadow: none !important; outline: none !important; border: none !important; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-toolbar-list>li>a:hover { color: #a93a65; background: #f8f8f8; } .lepopup-toolbar-list>li>ul { position: absolute; z-index: 99; top: 38px; left: 0px; display: none; background: #fff; border: 1px solid #ccc; box-sizing: border-box; width: 120px; box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9); white-space: nowrap; overflow: hidden; height: auto; margin: 0; padding: 0; } .lepopup-toolbar-list>li:hover>ul { display: block; } .lepopup-toolbar-list>li>ul>li { text-align: left; position: relative; height: 32px; display: block; line-height: 32px; margin: 0; padding: 0; } .lepopup-toolbar-list>li>ul>li>a { text-align: left; height: 32px; display: block; line-height: 32px; letter-spacing: normal; background-color: transparent; font-family: arial; color: #2f353b; font-size: 13px; margin: 0; padding: 0 10px; text-decoration: none !important; box-shadow: none !important; outline: none !important; border: none !important; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-toolbar-list>li>ul>li>a:hover { color: #a93a65; background: #f8f8f8; } .lepopup-toolbar-tooltip { font-size: 14px !important; /* text-transform: uppercase;*/ z-index: 99999 !important; } .lepopup-pages-bar { height: auto; line-height: 48px; background: #f4f4f4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; overflow: hidden; } .lepopup-pages-bar-items { height: auto; margin: -1px 0 0 0; padding: 0; list-style-type: none; } .lepopup-pages-bar-items::after { display: table; content: ' '; clear: both; } .lepopup-pages-bar-items>li { position: relative; height: 48px; line-height: 48px; margin: 1px 0 0 0; padding: 0; outline: 1px solid #d4d4d4; outline-offset: 0px; background: #f4f4f4; float: left; cursor: default; transition-property: background; -webkit-transition-property: background; transition-duration: .3s; -webkit-transition-duration: .3s; white-space: nowrap; min-width: 80px; } .lepopup-pages-bar-items>li:hover { background: #f0f0f0; } .lepopup-pages-bar-item-placeholder { border-right: 1px solid #d4d4d4; } .lepopup-pages-bar-item-helper { border: 1px solid #d4d4d4 !important; } .lepopup-pages-bar-items>li label { line-height: inherit; display: block; vertical-align: top; overflow: hidden; max-width: 160px; cursor: pointer; margin-bottom: 0; font-weight: 400; padding: 0 1em; text-align: center; } .lepopup-pages-bar-items>li span { display: inline-block; line-height: 48px; height: 43px; vertical-align: top; transition-property: width; -webkit-transition-property: width; transition-duration: .2s; -webkit-transition-duration: .2s; overflow: hidden; width: 0; text-align: right; cursor: pointer; position: absolute; right: 0; top: 0; padding: 0; background: rgba(240,240,240,0.7); } .lepopup-pages-bar-items>li.lepopup-pages-bar-item-active, .lepopup-pages-bar-items>li.lepopup-pages-bar-item-active.lepopup-pages-bar-item-confirmation { border-bottom: 3px solid #a93a65; } .lepopup-pages-bar-items>li.lepopup-pages-bar-item-helper span, /*.lepopup-pages-bar-items>li.lepopup-pages-bar-item-active span,*/ .lepopup-pages-bar-items>li:hover span { width: 56px; } .lepopup-pages-bar-items>li.lepopup-pages-bar-item-helper.lepopup-pages-bar-item-confirmation span, /*.lepopup-pages-bar-items>li.lepopup-pages-bar-item-active.lepopup-pages-bar-item-confirmation span,*/ .lepopup-pages-bar-items>li.lepopup-pages-bar-item-confirmation:hover span { width: 32px; } .lepopup-pages-bar-items>li span a, .lepopup-pages-bar-items>li span a:visited { display: inline-block; font-size: 20px; margin: 0 0.2em; color: #666; outline: none !important; border: none !important; box-shadow: none !important; text-decoration: none !important; } .lepopup-pages-bar-items>li span a:hover i, .lepopup-pages-bar-items>li span a:active i { color: #a93a65; } .lepopup-pages-bar-items>li span a i { line-height: inherit; vertical-align: top; transition-property: color; -webkit-transition-property: color; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-pages-bar-items>li span a:hover i.fa-trash, .lepopup-pages-bar-items>li span a:active i.fa-trash { color: #E04000; } .lepopup-pages-bar-items>li span a i.fa-trash{ font-size: 16px; } .lepopup-pages-bar-item-delete-disabled i { color: #ccc !important; cursor: default !important; } .lepopup-builder { overflow: hidden; background: #f8f8f8 url(../images/builder-bg-light-2.png) 0 0 repeat; padding: 20px 20px 60px 20px; border-bottom: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; min-height: -webkit-fill-available; } .lepopup-form { position: relative; margin: 0px auto; display: none; } .lepopup-basic-frame { margin: 80px auto 240px auto; outline: 2px dashed #808080; border: none; position: relative; } .lepopup-elements { position: relative; } .lepopup-element { outline: 1px dashed #aaa; padding: 0; display: block !important; visibility: visible; opacity: 1; transition-property: outline; -webkit-transition-property: outline; transition-duration: 0.2ms; -webkit-transition-duration: 0.2ms; } .lepopup-element:hover, .lepopup-element-hovered, .lepopup-element-selected { outline: 2px solid #bd4070 !important; } .lepopup-element::before { display: table; content: ' '; } .lepopup-element::after { clear: both; display: table; content: ' '; } .lepopup-element-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; transition-duration: .3s; -webkit-transition-duration: .3s; } div.lepopup-element-checkbox-container div.lepopup-element-cover { display: none !important; } .lepopup-element-placeholder { background: transparent; border-radius: 3px; border: 1px dashed #bd4070; background-color: #bd4070; opacity: 0.2; height: 40px; } .lepopup-element-helper { height: 40px !important; width: 160px !important; overflow: hidden !important; } .lepopup-element-helper .lepopup-element-cover { display: block; background: white; } .lepopup-col { padding: 10px 10px !important; float: left; outline: 1px dashed #ccc; } .lepopup-col .lepopup-element:first-of-type { margin-top: 0; } .lepopup-col .lepopup-element:last-of-type { margin-bottom: 0; } .lepopup-col-1 { width: 8.33333333%; } .lepopup-col-2 { width: 16.66666666%; } .lepopup-col-3 { width: 25%; } .lepopup-col-4 { width: 33.33333333%; } .lepopup-col-5 { width: 41.66666666%; } .lepopup-col-6 { width: 50%; } .lepopup-col-7 { width: 58.33333333%; } .lepopup-col-8 { width: 66.66666666%; } .lepopup-col-9 { width: 75%; } .lepopup-col-10 { width: 83.33333333%; } .lepopup-col-11 { width: 91.66666666%; } .lepopup-col-12 { width: 100%; } #lepopup-global-message { position: fixed; top: 50px; right: 10px; display: none; z-index: 9999999; padding: 1em 1.5em; border-radius: 3px; font-size: 15px; line-height: 1.4; vertical-align: middle; font-weight: 400; box-shadow: 2px 2px 10px -6px #000000; } #uap-body #lepopup-global-message { top: 16px !important; } .lepopup-global-message-info { color: #fff; background: #5bc0de; } .lepopup-global-message-success { color: #fff; background: #5cb85c; } .lepopup-global-message-danger { color: #fff; background: #d9534f; } .lepopup-top-forms { overflow: hidden; height: 100%; } .lepopup-top-form-left { float: left; } .lepopup-top-form-right { float: right; } .lepopup-filter-form { margin-bottom: 10px; } .lepopup-filter-form .button-secondary { height: 32px; font-size: 14px; box-shadow: none !important; outline: none !important; padding: 0 1em; } .lepopup-filter-form input[type="text"], .lepopup-filter-form select, .lepopup_records input[type="text"], .lepopup input[type="text"], .lepopup input[type="email"], .lepopup input[type="password"], .lepopup select, .lepopup textarea { font-size: 14px; font-weight: normal; border-radius: 2px; padding: 0.5em 0.8em; border: 1px solid #CCC; border-spacing: 0; font-family: arial, verdana; box-sizing: border-box; margin: 0; background-color: #FFF; height: auto; min-width: 0px; max-width: 100%; box-shadow: none; } .lepopup-filter-form input[type="text"], .lepopup_records input[type="text"], .lepopup input[type="text"], .lepopup input[type="email"], .lepopup input[type="password"], .lepopup-filter-form select { line-height: 1; } .lepopup select { line-height: 1; padding-right: 2em; } .lepopup-record-details { padding: 10px 20px; } .lepopup-record-details h3 { padding: 0 0.8em; margin: 10px 0; color: #fff; display: inline-block; background: #444; line-height: 2.0em; font-weight: 400; vertical-align: middle; font-size: 18px; } .lepopup-record-details h4 { padding: 0 0.8em; margin: 10px 2px; color: #fff; display: inline-block; background: #999; line-height: 2.0em; font-weight: 400; vertical-align: middle; font-size: 16px; } .lepopup-record-details-table { width: 100%; } .lepopup-record-details-table tr td { vertical-align: top; font-size: 15px; padding: 0.4em 0.8em; min-height: 28px; } .lepopup-record-details-table tr:nth-child(odd) { background-color: #f9f9f9; } .lepopup-record-details-table-name { width: 300px; max-width: 33%; font-weight: bold; } .lepopup-record-details-table-value { position: relative; padding-right: 96px !important; } .lepopup-admin-popup .lepopup-record-details-table-value .lepopup-record-details-toolbar { display: none; opacity: 0; position: absolute; top: 0; right: 0; transition-property: opacity; transition-duration: 300ms; color: #a0a0a0; } .lepopup-admin-popup .lepopup-record-details-table-value:hover .lepopup-record-details-toolbar { display: block; opacity: 1; } .lepopup-admin-popup .lepopup-record-details-table-value .lepopup-record-details-toolbar span { display: inline-block; width: 28px; height: 28px; line-height: 28px; font-size: 16px; text-align: center; cursor: pointer; color: #a0a0a0; transition-property: color; transition-duration: 300ms; } .lepopup-admin-popup .lepopup-record-details-table-value .lepopup-record-details-toolbar span:hover { color: #bd4070; } .lepopup-admin-popup .lepopup-record-details-table-value .lepopup-record-details-toolbar span:active { transform:translateY(2px); -webkit-transform:translateY(2px); } .lepopup-record-field-editor { line-height: 1.5; display: none; } .lepopup-record-field-editor input, .lepopup-record-field-editor select, .lepopup-record-field-editor textarea { font-size: 15px; font-weight: normal; border-radius: 3px; padding: 0 0.8em; line-height: 40px; border: 1px solid #CCC; border-spacing: 0; font-family: arial, verdana; box-sizing: border-box; box-shadow: none; margin: 0; background: #FFF; height: 40px; min-width: 0px; max-width: 100%; outline: none; width: 100%; } .lepopup-record-field-editor select { height: 40px !important; font-size: 15px !important; } .lepopup-record-field-editor textarea { height: 10em !important; line-height: 1.4; padding: 0.4em 0.8em; } .lepopup-record-field-editor input:focus, .lepopup-record-field-editor select:focus, .lepopup-record-field-editor textarea:focus { border-color: #a93a65; box-shadow: 0 0 16px -10px #a93a65; } .lepopup-record-field-editor-scrollbox { height: 9em; padding: 0.2em 0.5em; border: 1px solid #CCC; border-radius: 3px; overflow-x: hidden; overflow-y: scroll; background: #fff; } .lepopup-record-field-editor-scrollbox::-webkit-scrollbar { width: 5px; } .lepopup-record-field-editor-scrollbox::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.1); } .lepopup-record-field-editor-scrollbox::-webkit-scrollbar-thumb { background-color: #bd4070; opacity: 0.8; } .lepopup-record-field-editor-buttons { margin-top: 10px; } .lepopup-record-field-editor-buttons a { margin-right: 10px; } .lepopup-stats-filter { margin-bottom: 20px; } .lepopup-stats-select-container, .lepopup-stats-input-container, .lepopup-stats-radio-container { display: inline-block; margin-bottom: 5px; vertical-align: top; position: relative; } .lepopup-stats-select-container { width: 240px; } .lepopup-stats-input-container { width: 120px; } .lepopup-stats-radio-toggle-container { height: 34px; padding-top: 2px; } .lepopup-stats-radio-container { } .lepopup-stats-select-container label, .lepopup-stats-input-container label, .lepopup-stats-radio-container label { font-style: italic; font-size: 13px; color: #a0a0a0; display: block; } .lepopup-stats-filter input[type="text"], .lepopup-stats-filter select { font-size: 14px; font-weight: normal; border-radius: 3px; border: 1px solid #CCC; border-spacing: 0; font-family: arial, verdana; box-sizing: border-box; margin: 0; background-color: #FFF; height: 36px; line-height: 36px; min-width: 0px; max-width: 100%; width: 100%; box-shadow: none; vertical-align: top; padding: 0 1em; } .lepopup-stats-button { display: inline-block; line-height: 36px; height: 36px; margin-bottom: 5px; font-size: 15px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: top; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; transition-duration: .3s; -webkit-transition-duration: .3s; color: #444; background: #e8e8e8; border: 1px solid #c0c0c0; text-decoration: none; outline: none; box-shadow: none; box-sizing: border-box; padding: 0 1em; } .lepopup-stats-button-disabled { opacity: 0.3; cursor: default !important; } .lepopup-stats-button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); text-decoration: none; color: #444; background: #e0e0e0; background-image: none; outline: none; box-shadow: none; transform:translateY(2px); -webkit-transform:translateY(2px); } .lepopup-stats-button:hover, .lepopup-stats-button:focus { text-decoration: none; color: #444; background: #e0e0e0; background-image: none; outline: none; box-shadow: none; } .lepopup-stats-button label { line-height: 34px; display: inline-block; margin-left: 8px; vertical-align: top; } .lepopup-stats-button i { line-height: 34px; vertical-align: top; } .lepopup-using-details { /*padding: 10px 20px;*/ } .lepopup-using-details table { width: 100%; border-collapse: collapse; } .lepopup-using-details table tr { border-bottom: 1px solid #f4f4f4; } .lepopup-using-details table tr:nth-child(even) { background-color: #fcfcfc; } .lepopup-using-details table tr th, .lepopup-using-details table tr td { vertical-align: top; font-size: 15px; padding: 1em 1.5em; } .lepopup-using-details table th { width: 200px; max-width: 33%; font-weight: 400; text-align: left; } .lepopup-using-details table td input, .lepopup-using-details table td textarea, .lepopup-using-details table td pre { font-size: 14px; font-weight: normal; border-radius: 3px; padding: 0 0.8em; line-height: 36px; border: 1px solid #CCC; border-spacing: 0; font-family: courier; box-sizing: border-box; box-shadow: none; margin: 0; background: #FFF; height: 36px; min-width: 0px; max-width: 100%; outline: none; width: 100%; } .lepopup-using-details table td textarea { line-height: 1.475em; height: 7.5em; padding: 0.5em 0.8em; } .lepopup-using-details table td pre { line-height: 1.475em; height: auto; padding: 0.5em 0.8em; margin: 0; } .lepopup-using-details table td input:focus, .lepopup-using-details table td textarea:focus { border-color: #a93a65; box-shadow: 0 0 16px -10px #a93a65; } .lepopup-using-details table td span { font-style: italic; display: block; margin-bottom: 0.2em; line-height: 1.4em; } .lepopup-using-details table td ol li span { font-style: normal; } .lepopup-stylemanager-details { /*padding: 10px 20px;*/ } .lepopup-stylemanager-buttons { margin: 30px 10px 10px 10px; text-align: right; } .lepopup-stylemanager-details table { width: 100%; border-collapse: collapse; border: 1px solid #f4f4f4; } .lepopup-stylemanager-details table tr { border-bottom: 1px solid #f4f4f4; } .lepopup-stylemanager-details table tr:nth-child(even) { background-color: #fcfcfc; } .lepopup-stylemanager-details table tr th, .lepopup-stylemanager-details table tr td { vertical-align: middle; font-size: 15px; padding: 1em 1.5em; } .lepopup-stylemanager-details table th { width: 100%; max-width: 33%; font-weight: 400; text-align: left; } .lepopup-stylemanager-details.lepopup-stylemanager-empty table th { text-align: center; padding: 3em 1.5em; } .lepopup-settings table { width: 100%; border-collapse: collapse; } .lepopup-settings table em { font-size: 13px; color: #A0A0A0; } .lepopup-settings table tr { } .lepopup-settings table td, .lepopup-settings table th { padding: 5px 5px 15px 5px; vertical-align: top; border: 0px solid #C0C0C0; text-align: left; font-size: 14px; } .lepopup-settings table th { width: 180px; } .lepopup-settings h3 { padding: 0 0.8em; margin: 32px 0 16px 0; color: #fff; display: inline-block; background: #444; line-height: 2.0em; font-weight: 400; vertical-align: middle; cursor: default !important; font-size: 1.3em; } .lepopup-settings input[type="checkbox"] { display: none !important; } .lepopup-settings input[type="checkbox"]+label { appearance: none; width: 48px; height: 24px; border: 1px solid #ccc; border-radius: 24px; background: #ffffff; position: relative; display: inline-block; overflow: hidden; vertical-align: middle; transition: background 0.3s; box-sizing: border-box; outline: none; box-shadow: none; cursor: pointer; margin: 0; padding: 0; } .lepopup-settings input[type="checkbox"]+label:before { content: ''; } .lepopup-settings input[type="checkbox"]+label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: #ccc; border: none; border-radius: 18px; transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .lepopup-settings input[type="checkbox"]:checked+label { background: #a93a65; border-color: #a93a65; } .lepopup-settings input[type="checkbox"]:checked+label:after { left: 26px; background: #fff; } .lepopup-settings input[type="checkbox"]:disabled+label { opacity: 0.5; } .lepopup-checkbox-toggle-container { height: 40px; padding-top: 4px; } .lepopup-settings-checkbox-container { margin-bottom: 5px; } .lepopup-settings span, .lepopup-settings input[type="checkbox"]+label+label { padding-left: 10px; } .lepopup-settings input[type="checkbox"]+label+label { font-size: 15px; } .lepopup-settings input[type="checkbox"]+label+label span { padding-left: 0.5em; } .lepopup-button-container { text-align: right; margin: 10px 0; } .lepopup-button-h2, .lepopup-button-search { display: inline-block; font-family: arial; font-size: 12px; padding: 0.5em 1em; margin: 0 0 0 0.3em; line-height: 1.4; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; transition-duration: .3s; -webkit-transition-duration: .3s; color: #a93a65; background: trnasparent; border: 1px solid #a93a65; text-decoration: none; outline: none; box-shadow: none; } .lepopup-button-search { line-height: 30px; font-size: 14px; padding: 0 1em; height: 32px; vertical-align: top; transition-property: color, background, border; -webkit-transition-property: color, background, border; } .lepopup-button-h2:active, .lepopup-button-search:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); text-decoration: none; color: #fff; background: #a93a65; background-image: none; outline: none; box-shadow: none; transform:translateY(2px); -webkit-transform:translateY(2px); } .lepopup-button-h2:hover, .lepopup-button-h2:focus, .lepopup-button-search:hover, .lepopup-button-search:focus { text-decoration: none; color: #fff; background: #a93a65; background-image: none; outline: none; box-shadow: none; } .lepopup-button { display: inline-block; font-family: arial; padding: 0.6em 1em; font-size: 14px; line-height: 1.4; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; transition-duration: .3s; -webkit-transition-duration: .3s; color: #fff; background: #bd4070; border: 1px solid #a93a65; text-decoration: none; outline: none; box-shadow: none; } .lepopup-button-small { font-size: 12px; padding: 0.5em 1em; } .lepopup-button-large { font-size: 16px; padding: 0.6em 1em; } .lepopup-button-disabled { opacity: 0.3; cursor: default !important; } .lepopup-button-disabled label { cursor: default !important; } .lepopup-button:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); text-decoration: none; color: #fff; background: #a93a65; background-image: none; outline: none; box-shadow: none; transform:translateY(2px); -webkit-transform:translateY(2px); } .lepopup-button:hover, .lepopup-button:focus { text-decoration: none; color: #fff; background: #a93a65; background-image: none; outline: none; box-shadow: none; } .lepopup-button label { display: inline-block; margin: 0 0 0 8px; vertical-align: middle; font-weight: 400; cursor: pointer; } .lepopup-button i { vertical-align: middle; width: 1em; } .lepopup-integrations-ajax-multiselect { max-height: 200px; overflow-x: hidden; overflow-y: scroll; background: #fcfcfc; border: 1px solid #ccc; border-radius: 3px; min-height: 50px; padding: 0.2em 0; margin-bottom: 5px; } .lepopup-integrations-ajax-multiselect::-webkit-scrollbar { width: 5px; } .lepopup-integrations-ajax-multiselect::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .lepopup-integrations-ajax-multiselect::-webkit-scrollbar-thumb { background-color: darkgrey; } .lepopup-integrations-ajax-multiselect-record { white-space: nowrap; padding: 0.2em 0.5em; width: 1px; } .lepopup-integrations-ajax-multiselect-record label { margin-left: 0.5em; } .lepopup-integrations-ajax-multiselect-loading { text-align: center; line-height: 40px; font-size: 20px; display: none; } .lepopup-integrations-ajax-options input { cursor: default; } .lepopup-integrations-ajax-options::after { font-family: 'Font Awesome 5 Free'; content: "\f107"; font-weight: 900; display: inline-block; text-align: center; height: 40px; width: 40px; line-height: 40px; color: #444; position: absolute; top: 0; right: 0; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-integrations-ajax-options:hover::after { color: #bd4070; } .lepopup-integrations-ajax-options-list { border: 1px solid #ccc; border-radius: 3px; box-shadow: 2px 2px 10px -7px rgba(0,0,0,0.9); max-width: 100%; position: absolute !important; display: none; overflow-y: hidden; overflow-x: hidden; max-height: 640px; z-index: 9999; width: 100%; background: #FFF; text-align: center; max-height: 128px; } .lepopup-integrations-ajax-options-list::-webkit-scrollbar { width: 5px; } .lepopup-integrations-ajax-options-list::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .lepopup-integrations-ajax-options-list::-webkit-scrollbar-thumb { background-color: darkgrey; } .lepopup-integrations-ajax-options-list i { line-height: 64px; font-size: 20px; } .lepopup-integrations-ajax-options-list-data a, .lepopup-integrations-ajax-options-list-data a:visited { font-family: arial !important; color: #888 !important; line-height: 32px !important; display: block !important; text-decoration: none !important; text-align: left !important; transition-duration: .2s; -webkit-transition-duration: .2s; padding: 0 15px !important; outline-width: 0 !important; box-shadow: none !important; } .lepopup-integrations-ajax-options-list-data a:hover, .lepopup-integrations-ajax-options-list-data a:active { background: #F8F8F8 !important; } .lepopup-integrations-ajax-options-list-data-error { line-height: 64px; text-align: center; } .lepopup-vertical-scroll { overflow-y: scroll !important; } .lepopup-integrations-description { font-size: 14px; color: #aaa; font-style: italic; cursor: default; display: block; } .lepopup-integrations-important { padding: 0 20px 20px 1em; } .lepopup-integrations-important-content { border: 1px dashed #c0c0c0; border-radius: 5px; background: #f0f0f0; } .lepopup-integrations-important-content h4 { margin: 1.33em 1em; padding: 0; font-size: 1em; } .lepopup-integrations-ajax-inline, .lepopup-integrations-static-inline { padding-left: 0 !important; } .lepopup-integrations-ajax-inline table, .lepopup-integrations-static-inline table { width: 100%; border-collapse: collapse; } .lepopup-integrations-ajax-inline table th, .lepopup-integrations-static-inline table th { width: 33%; font-weight: 400; } .lepopup-integrations-ajax-inline table th, .lepopup-integrations-ajax-inline table td, .lepopup-integrations-static-inline table th, .lepopup-integrations-static-inline table td { padding-bottom: 5px; vertical-align: top; text-align: left; } .lepopup-integrations-ajax-inline table td.lepopup-middle-center, .lepopup-integrations-static-inline table td.lepopup-middle-center { vertical-align: middle; text-align: center; } .lepopup-properties-content-integrations-providers { padding-left: 0 !important; } .lepopup-properties-content-integrations-providers a { margin-right: 5px; margin-bottom: 5px; } .lepopup-properties-content-payment-gateways-providers { padding-left: 0 !important; } .lepopup-properties-content-payment-gateways-providers a { margin-right: 5px; margin-bottom: 5px; } a.lepopup-integrations-custom-remove { text-decoration: none !important; display: inline-block; text-align: center; color: #aaa !important; box-shadow: none !important; font-size: 16px; width: 18px; height: 18px; transition-duration: .3s; -webkit-transition-duration: .3s; } a.lepopup-integrations-custom-remove:hover { color: #bd4070 !important; } a.lepopup-integrations-custom-remove:active { transform: translateY(2px); -webkit-transform: translateY(2px); } .lepopup-integrations-content .lepopup-properties-pure input+label+label { margin-left: 0.7em; } .lepopup-widget-label { clear: right; min-width: 40%; display: inline-block; } .lepopup-widget-tiny-text { width: 60px; } .lepopup-hidden-container { margin-top: 30px; } .lepopup-hidden-container>label { font-weight: 700; display: block; margin-bottom: 5px; } .lepopup-hidden-element { width: 230px; padding: 0.7em 1em; font-size: 15px; line-height: 24px; margin: 0 7px 7px 0; outline: 1px dashed #aaa; display: inline-block; white-space: nowrap; overflow: hidden; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .lepopup-hidden-element:hover { outline: 2px solid #bd4070 !important; } .lepopup-properties-content .lepopup-color { min-width: 130px !important; padding-left: 40px !important; } .lepopup-properties-content .minicolors-swatch { width: 30px !important; height: 30px !important; border-radius: 3px !important; } .lepopup-properties-content .minicolors-panel { right: 0 !important; top: 43px !important; } #toplevel_page_lepopup .wp-menu-image { background: url(../images/icon.png) 50% 50% no-repeat; background-size: contain; height: 22px !important; margin-top: 6px !important; } /* Table List - begin */ .lepopup-table-list-buttons { text-align: right; margin-bottom: 10px; margin-top: 10px; float: right; position: relative; } .lepopup-pageswitcher { margin-right: 200px; margin-top: 10px; margin-bottom: 10px; float: left; } .lepopup-table-list-pages>span>a { display: inline-block; line-height: 25px; border: 1px solid #ccc; text-align: center; min-width: 20px; border-radius: 3px; text-decoration: none !important; color: #23282d; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition-duration: .3s; -webkit-transition-duration: .3s; outline: none !important; box-shadow: none !important; font-size: 13px; padding: 0 0.2em; } .lepopup-table-list-pages>span>a:hover { color: #fff !important; background: #a93a65 !important; border: 1px solid #a93a65 !important; } .lepopup-table-list-pages>span>a.lepopup-table-list-page-active { color: #fff; background: #bd4070; border: 1px solid #bd4070; } .lepopup-table-list { width: 100%; border-collapse: collapse; margin-top: 10px; border: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0,0,0,.04); background: #fff; } .lepopup-table-list tr:nth-child(even) { background-color: #f9f9f9; } .lepopup-table-list th { font-size: 14px; text-align: left; font-weight: 400; border-bottom: 1px solid #e1e1e1; vertical-align: middle; padding: 0.5em 1em 0.5em 1em; } .lepopup-table-list td { font-size: 14px; text-align: left; font-weight: 400; vertical-align: middle; padding: 0.7em 1em 0.7em 1em; } .lepopup-table-list .lepopup-table-list-column-shortcode div { display: block; margin-right: 32px; height: 32px; } .lepopup-table-list .lepopup-table-list-column-shortcode input, .lepopup-using-page input[type="text"], input[type="text"].lepopup-input-code { font-family: courier; font-size: 12px; line-height: 1em; border: 1px solid #ccc !important; outline: none !important; box-shadow: none !important; border-radius: 3px; height: 100%; width: 100%; padding: 0.7em 0.8em; border-spacing: 0; box-sizing: border-box; margin: 0; background-color: #eee; color: #32373c; } .lepopup-table-list .lepopup-table-list-column-shortcode span, .lepopup-table-list .lepopup-table-list-column-preview a, .lepopup-table-list .lepopup-table-list-column-preview a:visited { float: right; display: block; width: 32px; line-height: 32px; font-size: 18px; text-align: center; color: #888; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; text-decoration: none !important; outline: none; border: none; background: none; } .lepopup-table-list .lepopup-table-list-column-shortcode span:hover, .lepopup-table-list .lepopup-table-list-column-preview a:hover { color: #bd4070; } .lepopup-table-list .lepopup-table-list-column-shortcode span:active, .lepopup-table-list .lepopup-table-list-column-preview a:active { transform: translateY(2px); -webkit-transform: translateY(2px); } .lepopup-table-list .lepopup-table-list-column-shortcode span i { vertical-align: middle; } .lepopup-table-list a { border: none !important; outline: none !important; box-shadow: none !important; } .lepopup-table-list-created { font-size: 12px; line-height: 1.4; color: #ccc; display: block; font-style: italic; cursor: default; } .lepopup-table-list-actions { position: relative; text-align: right; } .lepopup-table-list-actions>span { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 21px; color: #888; cursor: pointer; border: 1px solid transparent; text-align: center; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-table-list-actions:hover>span { color: #fff; background: #bd4070; border: 1px solid #a93a65; } .lepopup-table-list-menu { position: absolute; z-index: 9999999; top: 31px; right: 0px; display: none; background: #fff; border: 1px solid #c0c0c0; box-sizing: border-box; width: 200px; box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9); } .lepopup-table-list-actions:hover .lepopup-table-list-menu { display: block; } .lepopup-table-list-menu ul { white-space: nowrap; overflow: hidden; display: block; height: auto; list-style: none; margin: 0; padding: 0; } .lepopup-table-list-menu ul li { text-align: left; position: relative; height: 32px; display: block; line-height: 32px; letter-spacing: normal; background-color: transparent; font-family: arial; color: #2f353b; font-size: 13px; margin: 0; } .lepopup-table-list-menu ul li.lepopup-table-list-menu-line { height: 1px; display: block; line-height: 1px; background-color: #e0e0e0; margin: 0; } .lepopup-table-list-menu ul li a { display: block; color: #2f353b; cursor: pointer !important; text-decoration: none !important; box-shadow: none !important; outline: none !important; padding: 0 1em; } .lepopup-table-list-menu ul li:hover a { color: #a93a65; background: #f8f8f8; } .lepopup-table-list-menu ul li a i { width: 1em; margin-right: 0.5em; } .lepopup-column-settings { position: relative; text-align: right; } .lepopup-column-settings>span { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 18px; color: #888; cursor: pointer; border: 1px solid transparent; border-radius: 3px; text-align: center; transition-duration: .3s; -webkit-transition-duration: .3s; } .lepopup-column-settings:hover>span { background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.2); } .lepopup-column-menu { position: absolute; z-index: 9999999; top: 31px; right: 0px; display: none; background: #fff; border: 1px solid #c0c0c0; box-sizing: border-box; width: 200px; box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9); } .lepopup-column-settings:hover .lepopup-column-menu { display: block; } .lepopup-column-menu ul { white-space: nowrap; overflow: hidden; display: block; height: auto; list-style: none; margin: 0; padding: 0.5em 0em; } .lepopup-column-menu ul li { text-align: left; position: relative; height: 32px; display: block; line-height: 32px; letter-spacing: normal; background-color: transparent; font-family: arial; color: #2f353b; font-size: 13px; margin: 0; padding: 0 1em; } .lepopup-column-menu ul li.lepopup-column-menu-line { height: 1px; display: block; line-height: 1px; background-color: #e0e0e0; margin: 0; } .lepopup-column-menu ul li input+label+label { display: inline-block; margin-left: 0.5em; } .lepopup-column-menu ul li a { display: block; color: #2f353b; cursor: pointer !important; text-decoration: none !important; box-shadow: none !important; outline: none !important; padding: 0 1em; } .lepopup-column-menu ul li:hover a { color: #a93a65; background: #f8f8f8; } .lepopup-column-menu ul li a i { width: 1em; margin-right: 0.5em; } /* Table List - end */ .lepopup-badge { display: inline-block; padding: 0px 5px !important; margin: 0 0.5em; font-size: 11px; font-family: arial; text-transform: uppercase; line-height: 1.6; color: #FFFFFF; } .lepopup-badge-danger { background-color: #C02020; } .lepopup-badge-info { background-color: #5DB0BF; } .lepopup-badge-success { background-color: #208020; } #lepopup-import-form, #lepopup-import-style-form { display: none; } #lepopup-import-style-iframe { display: none; } .lepopup-using-page li { margin-bottom: 10px; } .lepopup-error { background: #dd3d36 !important; color: #FFF !important; } .lepopup-error a, .lepopup-error-plugins-list a { color: #FFF !important; text-decoration: underline; } @-webkit-keyframes lepopup-error-animated { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0.5;} } @keyframes lepopup-error-animated { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0.5;} } .lepopup-error-animated { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: lepopup-error-animated; animation-name: lepopup-error-animated; animation-iteration-count: 100; animation-timing-function: ease-out; } /* Gutenberg Blocks - begin */ .editor-block-list-item-lepopup-form .block-editor-block-icon { background: url(../images/icon.png) 0 0 no-repeat; background-size: contain; } .lepopup-block-form { display: flex; flex-direction: row; padding: 20px; border: 2px dashed green; border-radius: 8px; } .lepopup-block-form-label-icon { display: flex; vertical-align: top; cursor: default; line-height: 36px; height: 36px; width: 40px; background: url(../images/icon.png) 0 0 no-repeat; background-size: contain; } .lepopup-block-form-label { font-family: arial; vertical-align: top; line-height: 32px; display: flex; margin-top: 4px; font-size: 14px; margin: 4px 8px 0 8px; white-space: nowrap; } select.lepopup-block-form-value { vertical-align: top; line-height: 36px !important; display: flex; width: 100%; font-size: 14px !important; height: 36px; } /* Gutenberg Blocks - end */ /* Field Analytics - begin */ .lepopup-field-analytics-noform { text-align: center; margin-top: 60px; } .lepopup-field-analytics-columns { } .lepopup-field-analytics-columns>div { float: left; box-sizing: border-box; width: 49%; padding: 10px; } .lepopup-field-analytics-chart-box { margin-bottom: 32px; } /* Field Analytics - end */ /* Library - begin */ .lepopup-library-container { margin-top: 20px; } .lepopup-library-item-box { display: inline-block; margin: 0 20px 20px 0; width: 240px; height: 144px; position: relative; overflow: hidden; border: 4px solid transparent; border-radius: 3px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.7); } .lepopup-library-item-box img { max-width: 100%; border-radius: 2px; } .lepopup-library-item-box-hover { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; background: rgba(0,0,0,0.5); opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: center; text-decoration: none !important; color: #fff !important; font-weight: 100; font-size: 14px; padding: 60px 10px; text-shadow: 1px 1px 1px rgba(0,0,0,.8); box-sizing: border-box; } .lepopup-library-item-box:hover .lepopup-library-item-box-hover { opacity: 1; } .lepopup-library-item-box:hover { border: 4px solid #a93a65; transform: scale(1.05); } .lepopup-library-label { color: #FFF; position: absolute; left: 5px; top: 1px; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } .lepopup-library-error { margin-top: 120px; text-align: center; } /* Library - end */ /* Get Started - begin */ .lepopup-gettingstarted-overlay { position: fixed; z-index: 1000000; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; background-position: center center; background: rgba(0,0,0,0.9); display: none; } .lepopup-gettingstarted-highlight { display: block; position: relative; z-index: 1000001 !important; overflow: visible !important; } .lepopup-gettingstarted-highlight::after { content: ' '; position: absolute; z-index: 1000002; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; } .lepopup-gettingstarted-bubble { box-sizing: border-box; position: absolute; z-index: 1000003; line-height: 1.4; text-align: center !important; display: none; } .lepopup-gettingstarted-bubble p { font-size: 18px !important; font-weight: 100 !important; font-family: arial !important; color: #ffffff !important; padding: 0; margin: 0; text-align: left; text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important; } .lepopup-gettingstarted-bubble-bottom-left { background: transparent url(../images/arrow-bottom-left.png) 0px 0px no-repeat; padding: 50px 0 0 90px; left: 0; } .lepopup-gettingstarted-bubble-bottom-right { background: transparent url(../images/arrow-bottom-right.png) 100% 0px no-repeat; padding: 50px 90px 0 0; right: 0; } .lepopup-gettingstarted-bubble-left { background: transparent url(../images/arrow-left.png) 0px 0px no-repeat; padding: 30px 0 0 120px; left: 0; } .lepopup-gettingstarted-bubble span { font-size: 18px !important; font-weight: 100; font-family: arial; color: #ffffff !important; cursor: pointer; display: inline-block !important; padding: 8px 30px; line-height: 1.4; border: 2px solid #ffffff; border-radius: 5px; margin-top: 10px; transition-property: background, color; transition-duration: 0.3s; text-shadow: none; font-style: normal; background: transparent; } .lepopup-gettingstarted-bubble span:hover { background: #ffffff; color: #000000 !important; text-shadow: none; } .lepopup-signature-view { background: transparent url(../images/builder-bg-light-2.png) 0 0 repeat; max-width: 100%; } .lepopup-admin .ui-slider { position: relative; text-align: left; border-radius: 4px;} .lepopup-admin .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; border-radius: 4px;} .lepopup-admin .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .lepopup-admin .ui-slider-horizontal { height: .8em; } .lepopup-admin .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .lepopup-admin .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .lepopup-admin .ui-slider-horizontal .ui-slider-range-min { left: 0; } .lepopup-admin .ui-slider-horizontal .ui-slider-range-max { right: 0; } .lepopup-admin .ui-slider-vertical { width: .8em; height: 100px; } .lepopup-admin .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .lepopup-admin .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .lepopup-admin .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .lepopup-admin .ui-slider-vertical .ui-slider-range-max { top: 0; } .lepopup-number-icon:before { content: "42"; font-size: 100%; font-family: verdana; } .lepopup-numspinner-minus, .lepopup-numspinner-plus { cursor: pointer; } .lepopup-numspinner-minus:before, .lepopup-numspinner-plus:before { font-size: 12px; } .lepopup-tile-icon:before { display: inline-block; content: "tile"; font-size: 70%; font-family: verdana; border: 1px solid #444; border-radius: 3px; line-height: 1; padding: 0.1em 0.3em; vertical-align: middle; box-shadow: 0 0 1px 1px rgba(0,0,0,0.05); } .lepopup-email-validator-options { display: none; } .lepopup-geoip-service-options { display: none; } .lepopup-toolbars { /*position: absolute; left: 0; right: 0;*/ } .lepopup-form-editor { position: relative; } html.lepopup-toolbars-fixed .lepopup-toolbars { position: fixed; z-index: 10000; top: 0; left: unset !important; right: unset !important; } html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbars { top: 32px; } html.wp-toolbar .lepopup-toolbar-tooltipster { margin-top: -32px; } html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbar-tooltipster { margin-top: 0; } .lepopup-body-shifted .lepopup-toolbar-tooltipster { margin-left: 420px; } /* Targeting - begin */ .lepopup-targets-events { margin: 20px 0 10px; font-size: 0; } .lepopup-targets-event-item { display: inline-block; font-size: 16px; font-weight: 100; border: 1px solid #888; border-radius: 3px; color: #888; padding: 0.6em 1em; margin: 5px 5px 0 0; text-decoration: none; transition-duration: .3s; -webkit-transition-duration: .3s; box-shadow: none; outline: none; } .lepopup-targets-event-item i { width: 16px; } .lepopup-targets-event-item-selected, .lepopup-targets-event-item:hover, .lepopup-targets-event-item:active, .lepopup-targets-event-item:focus { text-decoration: none; box-shadow: none; outline: none; color: #FFF; background: #a93a65; border-color: #a93a65; } .lepopup-targets-page { margin-top: 24px; position: relative; } .lepopup-targets-page h2 { font-weight: 400; font-size: 20px; color: #222; margin: 0 0 16px 0; padding: 0; } .lepopup-notargets-message { margin: 200px auto; text-align: center; font-size: 1.5em; color: #aaa; line-height: 1.475; font-weight: 100; } .lepopup-targets-noitems-message { margin: 40px auto; width: 100%; text-align: center; font-size: 1.3em; color: #aaa; line-height: 1.475; font-weight: 100; position: absolute; } .lepopup-targets-list { min-height: 100px; } .lepopup-targets-list-item { background: #f8f8f8; border: 1px solid #c0c0c0; margin: 5px 0; box-shadow: 2px 2px 10px -6px #000; border-left: 5px solid #bd4070; } #lepopup-targets-list-passive .lepopup-targets-list-item { opacity: 0.5; } #lepopup-targets-list-passive .ui-sortable-helper { opacity: 1 !important; } .lepopup-targets-list-item-buttons { transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -khtml-transition-duration: .3s; opacity: 0; } .lepopup-targets-list-item:hover .lepopup-targets-list-item-buttons { opacity: 1; } .lepopup-targets-list-item-content { padding: 7px 20px 10px 20px; position: relative; overflow: hidden; } .lepopup-targets-list-item-placeholder { border: 1px dashed #c0c0c0; } .lepopup-targets-list-item-content h4 { background: transaprent !important; border: 1px solid transparent !important; color: #666; font-size: 16px; font-weight: 400; margin: 0; padding: 0; white-space: nowrap; line-height: 1.475; cursor: default; } .lepopup-targets-list-item-content span { color: #aaa; font-size: 14px; font-weight: 400; margin: 0; padding: 0; white-space: nowrap; display: block; line-height: 1.475; cursor: default; } .lepopup-targets-list-item-content span label { display: inline-block; min-width: 130px; cursor: default; line-height: 1.475; vertical-align: top; } .lepopup-targets-list-item-buttons { position: absolute; bottom: 0; right: 0; padding: 5px 7px; background: #f8f8f8; } .lepopup-targets-list-item-buttons a { text-decoration: none; color: #aaa; font-size: 14px; box-shadow: none; outline: none; display: inline-block; margin-left: 10px; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -khtml-transition-duration: .3s; } .lepopup-targets-list-item-buttons a:hover { color: #666; } @-webkit-keyframes lepopup-targets-list-item-animate-bg { 0%, 50%, 100% { background: #f8f8f8; } 25%, 75% { background: rgb(224, 255, 208); } } @keyframes lepopup-targets-list-item-animate-bg { 0%, 50%, 100% { background: #f8f8f8; } 25%, 75% { background: rgb(224, 255, 208); } } .lepopup-targets-list-item-animate { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: lepopup-targets-list-item-animate-bg; animation-name: lepopup-targets-list-item-animate-bg; } /* Targeting - end */ /* Targeting checkboxes/radio - begin */ #lepopup-target-properties .lepopup-bar-selector input[type="radio"]+label { font-size: 15px; padding: 0 0.5em; line-height: 36px; } input[type="checkbox"].lepopup-target-checkbox, input[type="radio"].lepopup-target-radio { display: none !important; } input[type="checkbox"].lepopup-target-checkbox+label, input[type="radio"].lepopup-target-radio+label { vertical-align: top; display: inline-block; appearance: none; cursor: pointer; position: relative; transition-property: border, background, color, transform; -webkit-transition-property: border, background, color, transform; transition-duration: .3s; -webkit-transition-duration: .3s; font-size: 15px; font-weight: 400; border: 1px solid #ccc; color: #32373c; border-radius: 3px; padding: 7px 20px; margin: 5px 5px 0 0; text-decoration: none; box-shadow: none; outline: none; } input[type="checkbox"].lepopup-target-checkbox+label:before, input[type="checkbox"].lepopup-target-checkbox+label:after, input[type="radio"].lepopup-target-radio+label:before, input[type="radio"].lepopup-target-radio+label:after { content: ''; } input[type="checkbox"].lepopup-target-checkbox+label:before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f0c8"; margin-right: 0.5em; } input[type="radio"].lepopup-target-radio+label:before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f111"; margin-right: 0.5em; } input[type="checkbox"].lepopup-target-checkbox+label:hover, input[type="checkbox"].lepopup-target-checkbox:checked+label, input[type="radio"].lepopup-target-radio+label:hover, input[type="radio"].lepopup-target-radio:checked+label { color: #FFF; background: #a93a65; border-color: #a93a65; } input[type="checkbox"].lepopup-target-checkbox:checked+label:before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f14a" } input[type="radio"].lepopup-target-radio:checked+label:before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f192"; color: #fff; } .lepopup-target-disabled-all input[type="checkbox"].lepopup-target-checkbox+label, input[type="checkbox"].lepopup-target-checkbox:disabled+label { opacity: 0.3; cursor: default; } input[type="checkbox"].lepopup-target-checkbox:disabled+label:hover { border-color: #ccc; color: #32373c; background: transparent; } input[type="checkbox"].lepopup-target-checkbox2 { display: none !important; } input[type="checkbox"].lepopup-target-checkbox2+label { vertical-align: top; display: block; appearance: none; cursor: pointer; position: relative; transition-property: border, background, color, transform; -webkit-transition-property: border, background, color, transform; transition-duration: .3s; -webkit-transition-duration: .3s; font-size: 16px; line-height: 1.6em; padding: 0 0.5em; font-weight: 100; color: #888; text-decoration: none; box-shadow: none; outline: none; } input[type="checkbox"].lepopup-target-checkbox2+label:before, input[type="checkbox"].lepopup-target-checkbox2+label:after { content: ''; } input[type="checkbox"].lepopup-target-checkbox2+label:before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f0c8"; margin-right: 0.5em; } input[type="checkbox"].lepopup-target-checkbox2+label:hover, input[type="checkbox"].lepopup-target-checkbox2:checked+label { color: #FFF; background: #a93a65; } input[type="checkbox"].lepopup-target-checkbox2:checked+label:before { font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f14a" } .lepopup-targets-disabled-all input[type="checkbox"].lepopup-target-checkbox2+label, input[type="checkbox"].lepopup-target-checkbox2:disabled+label { opacity: 0.3; cursor: default; } input[type="checkbox"].lepopup-target-checkbox2:disabled+label:hover { color: #888; background: transparent; } input[type="checkbox"].lepopup-target-checkbox3 { display: none !important; } input[type="checkbox"].lepopup-target-checkbox3+label { appearance: none; width: 36px; height: 20px; border: 1px solid #ccc; border-radius: 24px; background: #ffffff; position: relative; display: inline-block; overflow: hidden; vertical-align: middle; transition: background 0.3s; box-sizing: border-box; outline: none; box-shadow: none; cursor: pointer; margin: 0; padding: 0; } input[type="checkbox"].lepopup-target-checkbox3+label:before { content: ''; } input[type="checkbox"].lepopup-target-checkbox3+label:after { content: ''; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; background: #ccc; border: none; border-radius: 18px; transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); } input[type="checkbox"].lepopup-target-checkbox3:checked+label { background: #a93a65; border-color: #a93a65; } input[type="checkbox"].lepopup-target-checkbox3:checked+label:after { left: 18px; background: #fff; } input[type="checkbox"].lepopup-target-checkbox3:disabled+label { opacity: 0.5; } input[type="checkbox"].lepopup-target-checkbox3+label+label { margin-left: 5px; line-height: 20px; font-size: 15px; } #lepopup-target-content-loading { text-align: center; padding: 40px; font-size: 20px; display: none; } #lepopup-target-posts-loading { text-align: center; padding: 10px; font-size: 20px; } #lepopup-target-posts-container { position: relative; } #lepopup-target-posts-container-overlay { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(248, 248, 248, 0.7); } #lepopup-target-content-posts { margin-top: 5px; min-height: 60px; max-height: 140px; border: 1px solid #f0f0f0; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; width: 100%; } #lepopup-target-content-posts::-webkit-scrollbar { width: 5px; } #lepopup-target-content-posts::-webkit-scrollbar-track { background-color: #F8F8F8; //box-shadow: inset 0 0 6px rgba(0,116,162,0.3); } #lepopup-target-content-posts::-webkit-scrollbar-thumb { background-color: #a93a65; } .lepopup-target-posts-item a, .lepopup-target-posts-item a:visited, .lepopup-target-posts-item a:focus, .lepopup-target-posts-item a:active { font-size: 16px; font-weight: 400; color: #888; line-height: 32px; text-decoration: none !important; white-space: nowrap; box-shadow: none; outline: none; display: block; padding: 0 5px; transition-duration: .1s; -webkit-transition-duration: .1s; } .lepopup-target-posts-item a:hover, .lepopup-target-posts-item a.lepopup-target-posts-item-selected { color: #fff !important; background: #a93a65 !important; } .lepopup-target-posts-item a i { width: 1.2em; } #lepopup-target-noposts { line-height: 50px; text-align: center; color: #888; } /* Targeting checkboxes - end */ /* Dots - begin */ .lepopup-dots { margin-top: 10px; } span.lepopup-dot { display: inline-block !important; height: 16px; width: 16px; border-radius: 10px; box-sizing: border-box; border: none; margin: 0 5px; margin-bottom: -3px !important; padding: 0; box-shadow: 1px 1px 5px -3px rgba(0,0,0,0.7); clear: none; } .lepopup-dot-blue { background: #31b5dd; } .lepopup-dot-green { background: #6be877; } /* Dots - end */ /* Intro - begin */ .lepopup-intro-logo-container { text-align: center; margin: 60px auto 0 auto; } .lepopup-intro-logo-container img { width: 80px; height: 80px; } .lepopup-intro h1 { font-size: 40px; font-weight: 100; text-align: center; font-family: arial; margin: 30px 0 0 0; padding: 0; color: rgba(0,0,0,0.7); text-transform: uppercase; } .lepopup-intro h2 { font-size: 24px; font-weight: 100; text-align: center; font-family: arial; margin-top: 10px; color: rgba(0,0,0,0.5); } .lepopup-intro-buttons { text-align: center; margin: 60px auto 0 auto; } .lepopup-intro-buttons span { display: inline-block; border: 2px solid #bd4070; padding: 0em; text-align: center; width: 340px; color: #bd4070; font-size: 20px; border-radius: 8px; cursor: pointer; white-space: nowrap; user-select: none; margin: 10px; height: 64px; line-height: 60px; text-decoration: none; box-sizing: border-box; box-shadow: none; outline: none; transition-duration: .3s; -webkit-transition-duration: .3s; transition-property: background, border, color; -webkit-transition-property: background, border, color; } .lepopup-intro-buttons span:hover { color: #fff; background: #a93a65; border-color: #a93a65; } .lepopup-intro-buttons span:active { transform: translateY(2px); } .lepopup-intro-buttons span.lepopup-intro-button-disabled, .lepopup-intro-buttons span.lepopup-intro-button-disabled:hover, .lepopup-intro-buttons span.lepopup-intro-button-disabled:active { border-color: #ccc; color: #ccc; background: transparent; transform: none; cursor: default; } #lepopup-intro-status { width: 520px; margin: 30px auto; } #lepopup-intro-status th, #lepopup-intro-status td { font-weight: 400; text-align: left; font-size: 16px; padding: 0.2em 0; } #lepopup-intro-status td { text-align: right; } .lepopup-intro-danger { padding: 1em 1.5em; border-radius: 3px; font-size: 15px; line-height: 1.4; vertical-align: middle; font-weight: 400; box-shadow: 2px 2px 10px -6px #000000; color: #fff; background: #d9534f; width: 640px; margin: 5px auto; } .lepopup-intro-info { padding: 1em 1.5em; border-radius: 3px; font-size: 15px; line-height: 1.4; vertical-align: middle; font-weight: 400; box-shadow: 2px 2px 10px -6px #000000; color: #fff; background: #5bc0de; width: 640px; margin: 5px auto; } /* Intro - end */ /* Properties Panel - begin */ .lepopup-properties-panel { position: fixed; right: -420px; width: 420px; top: 0; bottom: 0; background: #fcfcfc; z-index: 2999; overflow-x: auto; overflow-y: scroll; box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.9); } .lepopup-properties-panel::-webkit-scrollbar { width: 5px; } .lepopup-properties-panel::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .lepopup-properties-panel::-webkit-scrollbar-thumb { background-color: #a93a65; } .lepopup-properties-panel-inner { margin: 32px 0 0 0; font-family: arial; font-size: 14px; position: relative; } #uap-body .lepopup-properties-panel-inner { margin: 0; } .lepopup-properties-panel-close { position: fixed; display: none; top: 50px; right: -420px; margin-right: 420px; width: 40px; height: 40px; border-radius: 5px 0 0 5px; background: #fcfcfc; z-index: 3000; box-shadow: -2px 2px 10px -8px rgba(0,0,0,0.9); line-height: 40px; text-align: center; font-size: 20px; cursor: pointer; color: #a93a65; transition-duration: .3s; -webkit-transition-duration: .3s; transition-property: background, border, color; -webkit-transition-property: background, border, color; } .lepopup-properties-panel-close:hover { background: #a93a65; color: #fff; } .lepopup-properties-panel-close:active { transform: translateY(2px); -webkit-transform: translateY(2px); } #uap-body .lepopup-properties-panel-close { top: 10px; } .lepopup-properties-panel-loading { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: 3000; background: #fcfcfc; display: none; } .lepopup-properties-panel-loading i { position: sticky; top: 45%; left: 198px; font-size: 24px; width: 24px; height: 24px; display: block; } .lepopup-properties-panel .lepopup-tabs { padding-left: 0; } .lepopup-properties-panel .lepopup-tab-active, .lepopup-properties-panel .lepopup-tab-active:focus, .lepopup-properties-panel .lepopup-tab-active:focus:active, .lepopup-properties-panel .lepopup-tab-active:hover { background: #fcfcfc; } .lepopup-properties-panel .lepopup-properties-item { margin: 20px 0; display: block; } .lepopup-properties-panel .lepopup-properties-label { display: inline-block; padding-left: 20px; width: auto; padding-right: 0; min-width: auto; } .lepopup-properties-panel .lepopup-properties-tooltip { display: inline-block; width: 1.5em; min-width: 1.5em; line-height: 1; } .lepopup-properties-panel .lepopup-properties-content { display: block; padding-left: 20px; } .lepopup-properties-panel .lepopup-properties-content>div, .lepopup-properties-panel .lepopup-properties-group>div, .lepopup-properties-panel .lepopup-properties-line>div { padding-left: 0px; } .lepopup-properties-panel .lepopup-properties-line, .lepopup-properties-panel .lepopup-properties-group { display: block; margin: 0; } .lepopup-properties-panel .lepopup-properties-panel-block { display: block; padding-left: 0px !important; width: auto !important; margin-bottom: 5px; } .lepopup-properties-panel .lepopup-properties-panel-inline { display: inline-block !important; width: auto !important; margin-right: 10px; margin-bottom: 5px; padding: 0 !important; } .lepopup-properties-panel .lepopup-properties-panel-inline.lepopup-input-units { width: 100px !important; } .lepopup-properties-panel .minicolors-theme-default.minicolors { display: block; } .lepopup-properties-panel .lepopup-properties-item>.lepopup-properties-label, .lepopup-properties-panel .lepopup-properties-noitem>.lepopup-properties-label { color: #888; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; } .lepopup-properties-panel .lepopup-properties-item>.lepopup-properties-label label, .lepopup-properties-panel .lepopup-properties-noitem>.lepopup-properties-label label { font-weight: bold; } .lepopup-properties-panel .lepopup-properties-logic-rule-table { display: block; } .lepopup-properties-panel .lepopup-properties-logic-rule-table>div { display: block; padding: 0; margin-bottom: 5px; width: auto; } .lepopup-properties-panel .lepopup-properties-logic-rule-table>div.lepopup-properties-logic-rule-icons { margin-bottom: 0; } .lepopup-properties-panel .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector { left: auto; right: 0; } .lepopup-properties-panel .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector .lepopup-shortcode-selector-button { top: -36px; right: 10px; left: auto; border-radius: 3px 3px 0 0; border-bottom: none; border-right: 1px solid #ddd; } .lepopup-properties-panel .lepopup-textarea-shortcode-selector .lepopup-shortcode-selector ul.lepopup-shortcode-selector-list-input { left: auto; right: 46px; } .lepopup-properties-panel .lepopup-properties-options-table-header { display: none; } .lepopup-properties-panel .lepopup-properties-options-box { height: 480px; } .lepopup-properties-panel .lepopup-properties-image-options-table .lepopup-properties-options-table>div, .lepopup-properties-panel .lepopup-properties-options-table>div { width: auto; display: block; padding: 0; margin-bottom: 8px; } .lepopup-properties-panel .lepopup-properties-options-table>div.lepopup-image-url span { margin-right: 0; } .lepopup-properties-panel .lepopup-properties-image-options-table .lepopup-properties-options-table>div.lepopup-properties-options-table-icons, .lepopup-properties-panel .lepopup-properties-options-table>div.lepopup-properties-options-table-icons { margin-bottom: 0; } .lepopup-properties-panel .lepopup-properties-options-table-label::after { content: 'Label'; position: absolute; top: -6px; right: 10px; font-size: 12px; background: #fff; line-height: 1; padding: 0px 3px; color: #bbb; border: 1px solid #ccc; border-radius: 3px; } .lepopup-properties-panel .lepopup-properties-options-table-value::after { content: 'Value'; position: absolute; top: -6px; right: 10px; font-size: 12px; background: #fff; line-height: 1; padding: 0px 3px; color: #bbb; border: 1px solid #ccc; border-radius: 3px; } .lepopup-properties-panel .lepopup-properties-options-table-image::after { content: 'Image'; position: absolute; top: -6px; right: 10px; font-size: 12px; background: #fff; line-height: 1; padding: 0px 3px; color: #bbb; border: 1px solid #ccc; border-radius: 3px; } /* Properties Panel - begin */ .lepopup-element-style { display: none; visibility: hidden; width: 0px; height: 0px; } @media screen and (max-width: 782px) { html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbars { top: 46px; } html.wp-toolbar .lepopup-toolbar-tooltipster { margin-top: -46px; } html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbar-tooltipster { margin-top: 0; } } @media screen and (max-width: 600px) { html.wp-toolbar.lepopup-toolbars-fixed .lepopup-toolbars { top: 0px; } html.wp-toolbar .lepopup-toolbar-tooltipster { margin-top: 0px; } }