Sid Gifari File Manager
🏠 Root
/
home
/
genremedia08
/
thepassage.overlookedtracks.com
/
wp-content9
/
plugins
/
echo-knowledge-base
/
css
/
Editing: admin-plugin-pages.css
@charset "UTF-8"; /* Shared --------------------------------------------------------------*/ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: "FontAwesome"; font-weight: normal; font-style: normal; font-display: block; src: url("fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0") format("embedded-opentype"), url("fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .epkbfa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* makes the font 33% larger relative to the icon container */ .epkbfa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .epkbfa-2x { font-size: 2em; } .epkbfa-3x { font-size: 3em; } .epkbfa-4x { font-size: 4em; } .epkbfa-5x { font-size: 5em; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .epkbfa-fw { width: 1.2857142857em; text-align: center; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .epkbfa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .epkbfa-ul > li { position: relative; } .epkbfa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .epkbfa-li.epkbfa-lg { left: -1.8571428571em; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .epkbfa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #EEEEEE; border-radius: 0.1em; } .epkbfa-pull-left { float: left; } .epkbfa-pull-right { float: right; } .epkbfa.epkbfa-pull-left { margin-right: 0.3em; } .epkbfa.epkbfa-pull-right { margin-left: 0.3em; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .epkbfa-spin { -webkit-animation: epkbfa-spin 2s infinite linear; animation: epkbfa-spin 2s infinite linear; } .epkbfa-pulse { -webkit-animation: epkbfa-spin 1s infinite steps(8); animation: epkbfa-spin 1s infinite steps(8); } @-webkit-keyframes epkbfa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes epkbfa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .epkbfa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .epkbfa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .epkbfa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .epkbfa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .epkbfa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .epkbfa-rotate-90, :root .epkbfa-rotate-180, :root .epkbfa-rotate-270, :root .epkbfa-flip-horizontal, :root .epkbfa-flip-vertical { filter: none; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ .epkbfa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .epkbfa-stack-1x, .epkbfa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .epkbfa-stack-1x { line-height: inherit; } .epkbfa-stack-2x { font-size: 2em; } .epkbfa-inverse { color: #FFFFFF; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .epkbfa-glass:before { content: "\f000" !important; } .epkbfa-music:before { content: "\f001" !important; } .epkbfa-search:before { content: "\f002" !important; } .epkbfa-envelope-o:before { content: "\f003" !important; } .epkbfa-heart:before { content: "\f004" !important; } .epkbfa-star:before { content: "\f005" !important; } .epkbfa-star-o:before { content: "\f006" !important; } .epkbfa-user:before { content: "\f007" !important; } .epkbfa-film:before { content: "\f008" !important; } .epkbfa-th-large:before { content: "\f009" !important; } .epkbfa-th:before { content: "\f00a" !important; } .epkbfa-th-list:before { content: "\f00b" !important; } .epkbfa-check:before { content: "\f00c" !important; } .epkbfa-remove:before, .epkbfa-close:before, .epkbfa-times:before { content: "\f00d" !important; } .epkbfa-search-plus:before { content: "\f00e" !important; } .epkbfa-search-minus:before { content: "\f010" !important; } .epkbfa-power-off:before { content: "\f011" !important; } .epkbfa-signal:before { content: "\f012" !important; } .epkbfa-gear:before, .epkbfa-cog:before { content: "\f013" !important; } .epkbfa-trash-o:before { content: "\f014" !important; } .epkbfa-home:before { content: "\f015" !important; } .epkbfa-file-o:before { content: "\f016" !important; } .epkbfa-clock-o:before { content: "\f017" !important; } .epkbfa-road:before { content: "\f018" !important; } .epkbfa-download:before { content: "\f019" !important; } .epkbfa-arrow-circle-o-down:before { content: "\f01a" !important; } .epkbfa-arrow-circle-o-up:before { content: "\f01b" !important; } .epkbfa-inbox:before { content: "\f01c" !important; } .epkbfa-play-circle-o:before { content: "\f01d" !important; } .epkbfa-rotate-right:before, .epkbfa-repeat:before { content: "\f01e" !important; } .epkbfa-refresh:before { content: "\f021" !important; } .epkbfa-list-alt:before { content: "\f022" !important; } .epkbfa-lock:before { content: "\f023" !important; } .epkbfa-flag:before { content: "\f024" !important; } .epkbfa-headphones:before { content: "\f025" !important; } .epkbfa-volume-off:before { content: "\f026" !important; } .epkbfa-volume-down:before { content: "\f027" !important; } .epkbfa-volume-up:before { content: "\f028" !important; } .epkbfa-qrcode:before { content: "\f029" !important; } .epkbfa-barcode:before { content: "\f02a" !important; } .epkbfa-tag:before { content: "\f02b" !important; } .epkbfa-tags:before { content: "\f02c" !important; } .epkbfa-book:before { content: "\f02d" !important; } .epkbfa-bookmark:before { content: "\f02e" !important; } .epkbfa-print:before { content: "\f02f" !important; } .epkbfa-camera:before { content: "\f030" !important; } .epkbfa-font:before { content: "\f031" !important; } .epkbfa-bold:before { content: "\f032" !important; } .epkbfa-italic:before { content: "\f033" !important; } .epkbfa-text-height:before { content: "\f034" !important; } .epkbfa-text-width:before { content: "\f035" !important; } .epkbfa-align-left:before { content: "\f036" !important; } .epkbfa-align-center:before { content: "\f037" !important; } .epkbfa-align-right:before { content: "\f038" !important; } .epkbfa-align-justify:before { content: "\f039" !important; } .epkbfa-list:before { content: "\f03a" !important; } .epkbfa-dedent:before, .epkbfa-outdent:before { content: "\f03b" !important; } .epkbfa-indent:before { content: "\f03c" !important; } .epkbfa-video-camera:before { content: "\f03d" !important; } .epkbfa-photo:before, .epkbfa-image:before, .epkbfa-picture-o:before { content: "\f03e" !important; } .epkbfa-pencil:before { content: "\f040" !important; } .epkbfa-map-marker:before { content: "\f041" !important; } .epkbfa-adjust:before { content: "\f042" !important; } .epkbfa-tint:before { content: "\f043" !important; } .epkbfa-edit:before, .epkbfa-pencil-square-o:before { content: "\f044" !important; } .epkbfa-share-square-o:before { content: "\f045" !important; } .epkbfa-check-square-o:before { content: "\f046" !important; } .epkbfa-arrows:before { content: "\f047" !important; } .epkbfa-step-backward:before { content: "\f048" !important; } .epkbfa-fast-backward:before { content: "\f049" !important; } .epkbfa-backward:before { content: "\f04a" !important; } .epkbfa-play:before { content: "\f04b" !important; } .epkbfa-pause:before { content: "\f04c" !important; } .epkbfa-stop:before { content: "\f04d" !important; } .epkbfa-forward:before { content: "\f04e" !important; } .epkbfa-fast-forward:before { content: "\f050" !important; } .epkbfa-step-forward:before { content: "\f051" !important; } .epkbfa-eject:before { content: "\f052" !important; } .epkbfa-chevron-left:before { content: "\f053" !important; } .epkbfa-chevron-right:before { content: "\f054" !important; } .epkbfa-plus-circle:before { content: "\f055" !important; } .epkbfa-minus-circle:before { content: "\f056" !important; } .epkbfa-times-circle:before { content: "\f057" !important; } .epkbfa-check-circle:before { content: "\f058" !important; } .epkbfa-question-circle:before { content: "\f059" !important; } .epkbfa-info-circle:before { content: "\f05a" !important; } .epkbfa-crosshairs:before { content: "\f05b" !important; } .epkbfa-times-circle-o:before { content: "\f05c" !important; } .epkbfa-check-circle-o:before { content: "\f05d" !important; } .epkbfa-ban:before { content: "\f05e" !important; } .epkbfa-arrow-left:before { content: "\f060" !important; } .epkbfa-arrow-right:before { content: "\f061" !important; } .epkbfa-arrow-up:before { content: "\f062" !important; } .epkbfa-arrow-down:before { content: "\f063" !important; } .epkbfa-mail-forward:before, .epkbfa-share:before { content: "\f064" !important; } .epkbfa-expand:before { content: "\f065" !important; } .epkbfa-compress:before { content: "\f066" !important; } .epkbfa-plus:before { content: "\f067" !important; } .epkbfa-minus:before { content: "\f068" !important; } .epkbfa-asterisk:before { content: "\f069" !important; } .epkbfa-exclamation-circle:before { content: "\f06a" !important; } .epkbfa-gift:before { content: "\f06b" !important; } .epkbfa-leaf:before { content: "\f06c" !important; } .epkbfa-fire:before { content: "\f06d" !important; } .epkbfa-eye:before { content: "\f06e" !important; } .epkbfa-eye-slash:before { content: "\f070" !important; } .epkbfa-warning:before, .epkbfa-exclamation-triangle:before { content: "\f071" !important; } .epkbfa-plane:before { content: "\f072" !important; } .epkbfa-calendar:before { content: "\f073" !important; } .epkbfa-random:before { content: "\f074" !important; } .epkbfa-comment:before { content: "\f075" !important; } .epkbfa-magnet:before { content: "\f076" !important; } .epkbfa-chevron-up:before { content: "\f077" !important; } .epkbfa-chevron-down:before { content: "\f078" !important; } .epkbfa-retweet:before { content: "\f079" !important; } .epkbfa-shopping-cart:before { content: "\f07a" !important; } .epkbfa-folder:before { content: "\f07b" !important; } .epkbfa-folder-open:before { content: "\f07c" !important; } .epkbfa-arrows-v:before { content: "\f07d" !important; } .epkbfa-arrows-h:before { content: "\f07e" !important; } .epkbfa-bar-chart-o:before, .epkbfa-bar-chart:before { content: "\f080" !important; } .epkbfa-twitter-square:before { content: "\f081" !important; } .epkbfa-camera-retro:before { content: "\f083" !important; } .epkbfa-key:before { content: "\f084" !important; } .epkbfa-gears:before, .epkbfa-cogs:before { content: "\f085" !important; } .epkbfa-comments:before { content: "\f086" !important; } .epkbfa-thumbs-o-up:before { content: "\f087" !important; } .epkbfa-thumbs-o-down:before { content: "\f088" !important; } .epkbfa-star-half:before { content: "\f089" !important; } .epkbfa-heart-o:before { content: "\f08a" !important; } .epkbfa-sign-out:before { content: "\f08b" !important; } .epkbfa-linkedin-square:before { content: "\f08c" !important; } .epkbfa-thumb-tack:before { content: "\f08d" !important; } .epkbfa-external-link:before { content: "\f08e" !important; } .epkbfa-sign-in:before { content: "\f090" !important; } .epkbfa-trophy:before { content: "\f091" !important; } .epkbfa-github-square:before { content: "\f092" !important; } .epkbfa-upload:before { content: "\f093" !important; } .epkbfa-lemon-o:before { content: "\f094" !important; } .epkbfa-phone:before { content: "\f095" !important; } .epkbfa-square-o:before { content: "\f096" !important; } .epkbfa-bookmark-o:before { content: "\f097" !important; } .epkbfa-phone-square:before { content: "\f098" !important; } .epkbfa-twitter:before { content: "\f099" !important; } .epkbfa-github:before { content: "\f09b" !important; } .epkbfa-unlock:before { content: "\f09c" !important; } .epkbfa-credit-card:before { content: "\f09d" !important; } .epkbfa-feed:before, .epkbfa-rss:before { content: "\f09e" !important; } .epkbfa-hdd-o:before { content: "\f0a0" !important; } .epkbfa-bullhorn:before { content: "\f0a1" !important; } .epkbfa-bell:before { content: "\f0f3" !important; } .epkbfa-certificate:before { content: "\f0a3" !important; } .epkbfa-hand-o-right:before { content: "\f0a4" !important; } .epkbfa-hand-o-left:before { content: "\f0a5" !important; } .epkbfa-hand-o-up:before { content: "\f0a6" !important; } .epkbfa-hand-o-down:before { content: "\f0a7" !important; } .epkbfa-arrow-circle-left:before { content: "\f0a8" !important; } .epkbfa-arrow-circle-right:before { content: "\f0a9" !important; } .epkbfa-arrow-circle-up:before { content: "\f0aa" !important; } .epkbfa-arrow-circle-down:before { content: "\f0ab" !important; } .epkbfa-globe:before { content: "\f0ac" !important; } .epkbfa-wrench:before { content: "\f0ad" !important; } .epkbfa-tasks:before { content: "\f0ae" !important; } .epkbfa-filter:before { content: "\f0b0" !important; } .epkbfa-briefcase:before { content: "\f0b1" !important; } .epkbfa-arrows-alt:before { content: "\f0b2" !important; } .epkbfa-group:before, .epkbfa-users:before { content: "\f0c0" !important; } .epkbfa-chain:before, .epkbfa-link:before { content: "\f0c1" !important; } .epkbfa-cloud:before { content: "\f0c2" !important; } .epkbfa-flask:before { content: "\f0c3" !important; } .epkbfa-cut:before, .epkbfa-scissors:before { content: "\f0c4" !important; } .epkbfa-copy:before, .epkbfa-files-o:before { content: "\f0c5" !important; } .epkbfa-paperclip:before { content: "\f0c6" !important; } .epkbfa-save:before, .epkbfa-floppy-o:before { content: "\f0c7" !important; } .epkbfa-square:before { content: "\f0c8" !important; } .epkbfa-navicon:before, .epkbfa-reorder:before, .epkbfa-bars:before { content: "\f0c9" !important; } .epkbfa-list-ul:before { content: "\f0ca" !important; } .epkbfa-list-ol:before { content: "\f0cb" !important; } .epkbfa-strikethrough:before { content: "\f0cc" !important; } .epkbfa-underline:before { content: "\f0cd" !important; } .epkbfa-table:before { content: "\f0ce" !important; } .epkbfa-magic:before { content: "\f0d0" !important; } .epkbfa-truck:before { content: "\f0d1" !important; } .epkbfa-pinterest:before { content: "\f0d2" !important; } .epkbfa-pinterest-square:before { content: "\f0d3" !important; } .epkbfa-google-plus-square:before { content: "\f0d4" !important; } .epkbfa-google-plus:before { content: "\f0d5" !important; } .epkbfa-money:before { content: "\f0d6" !important; } .epkbfa-caret-down:before { content: "\f0d7" !important; } .epkbfa-caret-up:before { content: "\f0d8" !important; } .epkbfa-caret-left:before { content: "\f0d9" !important; } .epkbfa-caret-right:before { content: "\f0da" !important; } .epkbfa-columns:before { content: "\f0db" !important; } .epkbfa-unsorted:before, .epkbfa-sort:before { content: "\f0dc" !important; } .epkbfa-sort-down:before, .epkbfa-sort-desc:before { content: "\f0dd" !important; } .epkbfa-sort-up:before, .epkbfa-sort-asc:before { content: "\f0de" !important; } .epkbfa-envelope:before { content: "\f0e0" !important; } .epkbfa-linkedin:before { content: "\f0e1" !important; } .epkbfa-rotate-left:before, .epkbfa-undo:before { content: "\f0e2" !important; } .epkbfa-legal:before, .epkbfa-gavel:before { content: "\f0e3" !important; } .epkbfa-dashboard:before, .epkbfa-tachometer:before { content: "\f0e4" !important; } .epkbfa-comment-o:before { content: "\f0e5" !important; } .epkbfa-comments-o:before { content: "\f0e6" !important; } .epkbfa-flash:before, .epkbfa-bolt:before { content: "\f0e7" !important; } .epkbfa-sitemap:before { content: "\f0e8" !important; } .epkbfa-umbrella:before { content: "\f0e9" !important; } .epkbfa-paste:before, .epkbfa-clipboard:before { content: "\f0ea" !important; } .epkbfa-lightbulb-o:before { content: "\f0eb" !important; } .epkbfa-exchange:before { content: "\f0ec" !important; } .epkbfa-cloud-download:before { content: "\f0ed" !important; } .epkbfa-cloud-upload:before { content: "\f0ee" !important; } .epkbfa-user-md:before { content: "\f0f0" !important; } .epkbfa-stethoscope:before { content: "\f0f1" !important; } .epkbfa-suitcase:before { content: "\f0f2" !important; } .epkbfa-bell-o:before { content: "\f0a2" !important; } .epkbfa-coffee:before { content: "\f0f4" !important; } .epkbfa-cutlery:before { content: "\f0f5" !important; } .epkbfa-file-text-o:before { content: "\f0f6" !important; } .epkbfa-building-o:before { content: "\f0f7" !important; } .epkbfa-hospital-o:before { content: "\f0f8" !important; } .epkbfa-ambulance:before { content: "\f0f9" !important; } .epkbfa-medkit:before { content: "\f0fa" !important; } .epkbfa-fighter-jet:before { content: "\f0fb" !important; } .epkbfa-beer:before { content: "\f0fc" !important; } .epkbfa-h-square:before { content: "\f0fd" !important; } .epkbfa-plus-square:before { content: "\f0fe" !important; } .epkbfa-angle-double-left:before { content: "\f100" !important; } .epkbfa-angle-double-right:before { content: "\f101" !important; } .epkbfa-angle-double-up:before { content: "\f102" !important; } .epkbfa-angle-double-down:before { content: "\f103" !important; } .epkbfa-angle-left:before { content: "\f104" !important; } .epkbfa-angle-right:before { content: "\f105" !important; } .epkbfa-angle-up:before { content: "\f106" !important; } .epkbfa-angle-down:before { content: "\f107" !important; } .epkbfa-desktop:before { content: "\f108" !important; } .epkbfa-laptop:before { content: "\f109" !important; } .epkbfa-tablet:before { content: "\f10a" !important; } .epkbfa-mobile-phone:before, .epkbfa-mobile:before { content: "\f10b" !important; } .epkbfa-circle-o:before { content: "\f10c" !important; } .epkbfa-quote-left:before { content: "\f10d" !important; } .epkbfa-quote-right:before { content: "\f10e" !important; } .epkbfa-spinner:before { content: "\f110" !important; } .epkbfa-circle:before { content: "\f111" !important; } .epkbfa-mail-reply:before, .epkbfa-reply:before { content: "\f112" !important; } .epkbfa-github-alt:before { content: "\f113" !important; } .epkbfa-folder-o:before { content: "\f114" !important; } .epkbfa-folder-open-o:before { content: "\f115" !important; } .epkbfa-smile-o:before { content: "\f118" !important; } .epkbfa-frown-o:before { content: "\f119" !important; } .epkbfa-meh-o:before { content: "\f11a" !important; } .epkbfa-gamepad:before { content: "\f11b" !important; } .epkbfa-keyboard-o:before { content: "\f11c" !important; } .epkbfa-flag-o:before { content: "\f11d" !important; } .epkbfa-flag-checkered:before { content: "\f11e" !important; } .epkbfa-terminal:before { content: "\f120" !important; } .epkbfa-code:before { content: "\f121" !important; } .epkbfa-mail-reply-all:before, .epkbfa-reply-all:before { content: "\f122" !important; } .epkbfa-star-half-empty:before, .epkbfa-star-half-full:before, .epkbfa-star-half-o:before { content: "\f123" !important; } .epkbfa-location-arrow:before { content: "\f124" !important; } .epkbfa-crop:before { content: "\f125" !important; } .epkbfa-code-fork:before { content: "\f126" !important; } .epkbfa-unlink:before, .epkbfa-chain-broken:before { content: "\f127" !important; } .epkbfa-question:before { content: "\f128" !important; } .epkbfa-info:before { content: "\f129" !important; } .epkbfa-exclamation:before { content: "\f12a" !important; } .epkbfa-superscript:before { content: "\f12b" !important; } .epkbfa-subscript:before { content: "\f12c" !important; } .epkbfa-eraser:before { content: "\f12d" !important; } .epkbfa-puzzle-piece:before { content: "\f12e" !important; } .epkbfa-microphone:before { content: "\f130" !important; } .epkbfa-microphone-slash:before { content: "\f131" !important; } .epkbfa-shield:before { content: "\f132" !important; } .epkbfa-calendar-o:before { content: "\f133" !important; } .epkbfa-fire-extinguisher:before { content: "\f134" !important; } .epkbfa-rocket:before { content: "\f135" !important; } .epkbfa-maxcdn:before { content: "\f136" !important; } .epkbfa-chevron-circle-left:before { content: "\f137" !important; } .epkbfa-chevron-circle-right:before { content: "\f138" !important; } .epkbfa-chevron-circle-up:before { content: "\f139" !important; } .epkbfa-chevron-circle-down:before { content: "\f13a" !important; } .epkbfa-html5:before { content: "\f13b" !important; } .epkbfa-css3:before { content: "\f13c" !important; } .epkbfa-anchor:before { content: "\f13d" !important; } .epkbfa-unlock-alt:before { content: "\f13e" !important; } .epkbfa-bullseye:before { content: "\f140" !important; } .epkbfa-ellipsis-h:before { content: "\f141" !important; } .epkbfa-ellipsis-v:before { content: "\f142" !important; } .epkbfa-rss-square:before { content: "\f143" !important; } .epkbfa-play-circle:before { content: "\f144" !important; } .epkbfa-ticket:before { content: "\f145" !important; } .epkbfa-minus-square:before { content: "\f146" !important; } .epkbfa-minus-square-o:before { content: "\f147" !important; } .epkbfa-level-up:before { content: "\f148" !important; } .epkbfa-level-down:before { content: "\f149" !important; } .epkbfa-check-square:before { content: "\f14a" !important; } .epkbfa-pencil-square:before { content: "\f14b" !important; } .epkbfa-external-link-square:before { content: "\f14c" !important; } .epkbfa-share-square:before { content: "\f14d" !important; } .epkbfa-compass:before { content: "\f14e" !important; } .epkbfa-toggle-down:before, .epkbfa-caret-square-o-down:before { content: "\f150" !important; } .epkbfa-toggle-up:before, .epkbfa-caret-square-o-up:before { content: "\f151" !important; } .epkbfa-toggle-right:before, .epkbfa-caret-square-o-right:before { content: "\f152" !important; } .epkbfa-euro:before, .epkbfa-eur:before { content: "\f153" !important; } .epkbfa-gbp:before { content: "\f154" !important; } .epkbfa-dollar:before, .epkbfa-usd:before { content: "\f155" !important; } .epkbfa-rupee:before, .epkbfa-inr:before { content: "\f156" !important; } .epkbfa-cny:before, .epkbfa-rmb:before, .epkbfa-yen:before, .epkbfa-jpy:before { content: "\f157" !important; } .epkbfa-ruble:before, .epkbfa-rouble:before, .epkbfa-rub:before { content: "\f158" !important; } .epkbfa-won:before, .epkbfa-krw:before { content: "\f159" !important; } .epkbfa-bitcoin:before, .epkbfa-btc:before { content: "\f15a" !important; } .epkbfa-file:before { content: "\f15b" !important; } .epkbfa-file-text:before { content: "\f15c" !important; } .epkbfa-sort-alpha-asc:before { content: "\f15d" !important; } .epkbfa-sort-alpha-desc:before { content: "\f15e" !important; } .epkbfa-sort-amount-asc:before { content: "\f160" !important; } .epkbfa-sort-amount-desc:before { content: "\f161" !important; } .epkbfa-sort-numeric-asc:before { content: "\f162" !important; } .epkbfa-sort-numeric-desc:before { content: "\f163" !important; } .epkbfa-thumbs-up:before { content: "\f164" !important; } .epkbfa-thumbs-down:before { content: "\f165" !important; } .epkbfa-youtube-square:before { content: "\f166" !important; } .epkbfa-youtube:before { content: "\f167" !important; } .epkbfa-xing:before { content: "\f168" !important; } .epkbfa-xing-square:before { content: "\f169" !important; } .epkbfa-youtube-play:before { content: "\f16a" !important; } .epkbfa-dropbox:before { content: "\f16b" !important; } .epkbfa-stack-overflow:before { content: "\f16c" !important; } .epkbfa-flickr:before { content: "\f16e" !important; } .epkbfa-adn:before { content: "\f170" !important; } .epkbfa-bitbucket:before { content: "\f171" !important; } .epkbfa-bitbucket-square:before { content: "\f172" !important; } .epkbfa-tumblr:before { content: "\f173" !important; } .epkbfa-tumblr-square:before { content: "\f174" !important; } .epkbfa-long-arrow-down:before { content: "\f175" !important; } .epkbfa-long-arrow-up:before { content: "\f176" !important; } .epkbfa-long-arrow-left:before { content: "\f177" !important; } .epkbfa-long-arrow-right:before { content: "\f178" !important; } .epkbfa-apple:before { content: "\f179" !important; } .epkbfa-windows:before { content: "\f17a" !important; } .epkbfa-android:before { content: "\f17b" !important; } .epkbfa-linux:before { content: "\f17c" !important; } .epkbfa-dribbble:before { content: "\f17d" !important; } .epkbfa-skype:before { content: "\f17e" !important; } .epkbfa-foursquare:before { content: "\f180" !important; } .epkbfa-trello:before { content: "\f181" !important; } .epkbfa-female:before { content: "\f182" !important; } .epkbfa-male:before { content: "\f183" !important; } .epkbfa-gittip:before, .epkbfa-gratipay:before { content: "\f184" !important; } .epkbfa-sun-o:before { content: "\f185" !important; } .epkbfa-moon-o:before { content: "\f186" !important; } .epkbfa-archive:before { content: "\f187" !important; } .epkbfa-bug:before { content: "\f188" !important; } .epkbfa-vk:before { content: "\f189" !important; } .epkbfa-weibo:before { content: "\f18a" !important; } .epkbfa-renren:before { content: "\f18b" !important; } .epkbfa-pagelines:before { content: "\f18c" !important; } .epkbfa-stack-exchange:before { content: "\f18d" !important; } .epkbfa-arrow-circle-o-right:before { content: "\f18e" !important; } .epkbfa-arrow-circle-o-left:before { content: "\f190" !important; } .epkbfa-toggle-left:before, .epkbfa-caret-square-o-left:before { content: "\f191" !important; } .epkbfa-dot-circle-o:before { content: "\f192" !important; } .epkbfa-wheelchair:before { content: "\f193" !important; } .epkbfa-vimeo-square:before { content: "\f194" !important; } .epkbfa-turkish-lira:before, .epkbfa-try:before { content: "\f195" !important; } .epkbfa-plus-square-o:before { content: "\f196" !important; } .epkbfa-space-shuttle:before { content: "\f197" !important; } .epkbfa-slack:before { content: "\f198" !important; } .epkbfa-envelope-square:before { content: "\f199" !important; } .epkbfa-wordpress:before { content: "\f19a" !important; } .epkbfa-openid:before { content: "\f19b" !important; } .epkbfa-institution:before, .epkbfa-bank:before, .epkbfa-university:before { content: "\f19c" !important; } .epkbfa-mortar-board:before, .epkbfa-graduation-cap:before { content: "\f19d" !important; } .epkbfa-yahoo:before { content: "\f19e" !important; } .epkbfa-google:before { content: "\f1a0" !important; } .epkbfa-reddit:before { content: "\f1a1" !important; } .epkbfa-reddit-square:before { content: "\f1a2" !important; } .epkbfa-stumbleupon-circle:before { content: "\f1a3" !important; } .epkbfa-stumbleupon:before { content: "\f1a4" !important; } .epkbfa-delicious:before { content: "\f1a5" !important; } .epkbfa-digg:before { content: "\f1a6" !important; } .epkbfa-pied-piper-pp:before { content: "\f1a7" !important; } .epkbfa-pied-piper-alt:before { content: "\f1a8" !important; } .epkbfa-drupal:before { content: "\f1a9" !important; } .epkbfa-joomla:before { content: "\f1aa" !important; } .epkbfa-language:before { content: "\f1ab" !important; } .epkbfa-fax:before { content: "\f1ac" !important; } .epkbfa-building:before { content: "\f1ad" !important; } .epkbfa-child:before { content: "\f1ae" !important; } .epkbfa-paw:before { content: "\f1b0" !important; } .epkbfa-spoon:before { content: "\f1b1" !important; } .epkbfa-cube:before { content: "\f1b2" !important; } .epkbfa-cubes:before { content: "\f1b3" !important; } .epkbfa-behance:before { content: "\f1b4" !important; } .epkbfa-behance-square:before { content: "\f1b5" !important; } .epkbfa-steam:before { content: "\f1b6" !important; } .epkbfa-steam-square:before { content: "\f1b7" !important; } .epkbfa-recycle:before { content: "\f1b8" !important; } .epkbfa-automobile:before, .epkbfa-car:before { content: "\f1b9" !important; } .epkbfa-cab:before, .epkbfa-taxi:before { content: "\f1ba" !important; } .epkbfa-tree:before { content: "\f1bb" !important; } .epkbfa-spotify:before { content: "\f1bc" !important; } .epkbfa-deviantart:before { content: "\f1bd" !important; } .epkbfa-soundcloud:before { content: "\f1be" !important; } .epkbfa-database:before { content: "\f1c0" !important; } .epkbfa-file-pdf-o:before { content: "\f1c1" !important; } .epkbfa-file-word-o:before { content: "\f1c2" !important; } .epkbfa-file-excel-o:before { content: "\f1c3" !important; } .epkbfa-file-powerpoint-o:before { content: "\f1c4" !important; } .epkbfa-file-photo-o:before, .epkbfa-file-picture-o:before, .epkbfa-file-image-o:before { content: "\f1c5" !important; } .epkbfa-file-zip-o:before, .epkbfa-file-archive-o:before { content: "\f1c6" !important; } .epkbfa-file-sound-o:before, .epkbfa-file-audio-o:before { content: "\f1c7" !important; } .epkbfa-file-movie-o:before, .epkbfa-file-video-o:before { content: "\f1c8" !important; } .epkbfa-file-code-o:before { content: "\f1c9" !important; } .epkbfa-vine:before { content: "\f1ca" !important; } .epkbfa-codepen:before { content: "\f1cb" !important; } .epkbfa-jsfiddle:before { content: "\f1cc" !important; } .epkbfa-life-bouy:before, .epkbfa-life-buoy:before, .epkbfa-life-saver:before, .epkbfa-support:before, .epkbfa-life-ring:before { content: "\f1cd" !important; } .epkbfa-circle-o-notch:before { content: "\f1ce" !important; } .epkbfa-ra:before, .epkbfa-resistance:before, .epkbfa-rebel:before { content: "\f1d0" !important; } .epkbfa-ge:before, .epkbfa-empire:before { content: "\f1d1" !important; } .epkbfa-git-square:before { content: "\f1d2" !important; } .epkbfa-git:before { content: "\f1d3" !important; } .epkbfa-y-combinator-square:before, .epkbfa-yc-square:before, .epkbfa-hacker-news:before { content: "\f1d4" !important; } .epkbfa-tencent-weibo:before { content: "\f1d5" !important; } .epkbfa-qq:before { content: "\f1d6" !important; } .epkbfa-wechat:before, .epkbfa-weixin:before { content: "\f1d7" !important; } .epkbfa-send:before, .epkbfa-paper-plane:before { content: "\f1d8" !important; } .epkbfa-send-o:before, .epkbfa-paper-plane-o:before { content: "\f1d9" !important; } .epkbfa-history:before { content: "\f1da" !important; } .epkbfa-circle-thin:before { content: "\f1db" !important; } .epkbfa-header:before { content: "\f1dc" !important; } .epkbfa-paragraph:before { content: "\f1dd" !important; } .epkbfa-sliders:before { content: "\f1de" !important; } .epkbfa-share-alt:before { content: "\f1e0" !important; } .epkbfa-share-alt-square:before { content: "\f1e1" !important; } .epkbfa-bomb:before { content: "\f1e2" !important; } .epkbfa-soccer-ball-o:before, .epkbfa-futbol-o:before { content: "\f1e3" !important; } .epkbfa-tty:before { content: "\f1e4" !important; } .epkbfa-binoculars:before { content: "\f1e5" !important; } .epkbfa-plug:before { content: "\f1e6" !important; } .epkbfa-slideshare:before { content: "\f1e7" !important; } .epkbfa-twitch:before { content: "\f1e8" !important; } .epkbfa-yelp:before { content: "\f1e9" !important; } .epkbfa-newspaper-o:before { content: "\f1ea" !important; } .epkbfa-wifi:before { content: "\f1eb" !important; } .epkbfa-calculator:before { content: "\f1ec" !important; } .epkbfa-paypal:before { content: "\f1ed" !important; } .epkbfa-google-wallet:before { content: "\f1ee" !important; } .epkbfa-cc-visa:before { content: "\f1f0" !important; } .epkbfa-cc-mastercard:before { content: "\f1f1" !important; } .epkbfa-cc-discover:before { content: "\f1f2" !important; } .epkbfa-cc-amex:before { content: "\f1f3" !important; } .epkbfa-cc-paypal:before { content: "\f1f4" !important; } .epkbfa-cc-stripe:before { content: "\f1f5" !important; } .epkbfa-bell-slash:before { content: "\f1f6" !important; } .epkbfa-bell-slash-o:before { content: "\f1f7" !important; } .epkbfa-trash:before { content: "\f1f8" !important; } .epkbfa-copyright:before { content: "\f1f9" !important; } .epkbfa-at:before { content: "\f1fa" !important; } .epkbfa-eyedropper:before { content: "\f1fb" !important; } .epkbfa-paint-brush:before { content: "\f1fc" !important; } .epkbfa-birthday-cake:before { content: "\f1fd" !important; } .epkbfa-area-chart:before { content: "\f1fe" !important; } .epkbfa-pie-chart:before { content: "\f200" !important; } .epkbfa-line-chart:before { content: "\f201" !important; } .epkbfa-lastfm:before { content: "\f202" !important; } .epkbfa-lastfm-square:before { content: "\f203" !important; } .epkbfa-toggle-off:before { content: "\f204" !important; } .epkbfa-toggle-on:before { content: "\f205" !important; } .epkbfa-bicycle:before { content: "\f206" !important; } .epkbfa-bus:before { content: "\f207" !important; } .epkbfa-ioxhost:before { content: "\f208" !important; } .epkbfa-angellist:before { content: "\f209" !important; } .epkbfa-cc:before { content: "\f20a" !important; } .epkbfa-shekel:before, .epkbfa-sheqel:before, .epkbfa-ils:before { content: "\f20b" !important; } .epkbfa-meanpath:before { content: "\f20c" !important; } .epkbfa-buysellads:before { content: "\f20d" !important; } .epkbfa-connectdevelop:before { content: "\f20e" !important; } .epkbfa-dashcube:before { content: "\f210" !important; } .epkbfa-forumbee:before { content: "\f211" !important; } .epkbfa-leanpub:before { content: "\f212" !important; } .epkbfa-sellsy:before { content: "\f213" !important; } .epkbfa-shirtsinbulk:before { content: "\f214" !important; } .epkbfa-simplybuilt:before { content: "\f215" !important; } .epkbfa-skyatlas:before { content: "\f216" !important; } .epkbfa-cart-plus:before { content: "\f217" !important; } .epkbfa-cart-arrow-down:before { content: "\f218" !important; } .epkbfa-diamond:before { content: "\f219" !important; } .epkbfa-ship:before { content: "\f21a" !important; } .epkbfa-user-secret:before { content: "\f21b" !important; } .epkbfa-motorcycle:before { content: "\f21c" !important; } .epkbfa-street-view:before { content: "\f21d" !important; } .epkbfa-heartbeat:before { content: "\f21e" !important; } .epkbfa-venus:before { content: "\f221" !important; } .epkbfa-mars:before { content: "\f222" !important; } .epkbfa-mercury:before { content: "\f223" !important; } .epkbfa-intersex:before, .epkbfa-transgender:before { content: "\f224" !important; } .epkbfa-transgender-alt:before { content: "\f225" !important; } .epkbfa-venus-double:before { content: "\f226" !important; } .epkbfa-mars-double:before { content: "\f227" !important; } .epkbfa-venus-mars:before { content: "\f228" !important; } .epkbfa-mars-stroke:before { content: "\f229" !important; } .epkbfa-mars-stroke-v:before { content: "\f22a" !important; } .epkbfa-mars-stroke-h:before { content: "\f22b" !important; } .epkbfa-neuter:before { content: "\f22c" !important; } .epkbfa-genderless:before { content: "\f22d" !important; } .epkbfa-pinterest-p:before { content: "\f231" !important; } .epkbfa-server:before { content: "\f233" !important; } .epkbfa-user-plus:before { content: "\f234" !important; } .epkbfa-user-times:before { content: "\f235" !important; } .epkbfa-hotel:before, .epkbfa-bed:before { content: "\f236" !important; } .epkbfa-viacoin:before { content: "\f237" !important; } .epkbfa-train:before { content: "\f238" !important; } .epkbfa-subway:before { content: "\f239" !important; } .epkbfa-medium:before { content: "\f23a" !important; } .epkbfa-yc:before, .epkbfa-y-combinator:before { content: "\f23b" !important; } .epkbfa-optin-monster:before { content: "\f23c" !important; } .epkbfa-opencart:before { content: "\f23d" !important; } .epkbfa-expeditedssl:before { content: "\f23e" !important; } .epkbfa-battery-4:before, .epkbfa-battery:before, .epkbfa-battery-full:before { content: "\f240" !important; } .epkbfa-battery-3:before, .epkbfa-battery-three-quarters:before { content: "\f241" !important; } .epkbfa-battery-2:before, .epkbfa-battery-half:before { content: "\f242" !important; } .epkbfa-battery-1:before, .epkbfa-battery-quarter:before { content: "\f243" !important; } .epkbfa-battery-0:before, .epkbfa-battery-empty:before { content: "\f244" !important; } .epkbfa-mouse-pointer:before { content: "\f245" !important; } .epkbfa-i-cursor:before { content: "\f246" !important; } .epkbfa-object-group:before { content: "\f247" !important; } .epkbfa-object-ungroup:before { content: "\f248" !important; } .epkbfa-sticky-note:before { content: "\f249" !important; } .epkbfa-sticky-note-o:before { content: "\f24a" !important; } .epkbfa-cc-jcb:before { content: "\f24b" !important; } .epkbfa-cc-diners-club:before { content: "\f24c" !important; } .epkbfa-clone:before { content: "\f24d" !important; } .epkbfa-balance-scale:before { content: "\f24e" !important; } .epkbfa-hourglass-o:before { content: "\f250" !important; } .epkbfa-hourglass-1:before, .epkbfa-hourglass-start:before { content: "\f251" !important; } .epkbfa-hourglass-2:before, .epkbfa-hourglass-half:before { content: "\f252" !important; } .epkbfa-hourglass-3:before, .epkbfa-hourglass-end:before { content: "\f253" !important; } .epkbfa-hourglass:before { content: "\f254" !important; } .epkbfa-hand-grab-o:before, .epkbfa-hand-rock-o:before { content: "\f255" !important; } .epkbfa-hand-stop-o:before, .epkbfa-hand-paper-o:before { content: "\f256" !important; } .epkbfa-hand-scissors-o:before { content: "\f257" !important; } .epkbfa-hand-lizard-o:before { content: "\f258" !important; } .epkbfa-hand-spock-o:before { content: "\f259" !important; } .epkbfa-hand-pointer-o:before { content: "\f25a" !important; } .epkbfa-hand-peace-o:before { content: "\f25b" !important; } .epkbfa-trademark:before { content: "\f25c" !important; } .epkbfa-registered:before { content: "\f25d" !important; } .epkbfa-creative-commons:before { content: "\f25e" !important; } .epkbfa-gg:before { content: "\f260" !important; } .epkbfa-gg-circle:before { content: "\f261" !important; } .epkbfa-tripadvisor:before { content: "\f262" !important; } .epkbfa-odnoklassniki:before { content: "\f263" !important; } .epkbfa-odnoklassniki-square:before { content: "\f264" !important; } .epkbfa-get-pocket:before { content: "\f265" !important; } .epkbfa-wikipedia-w:before { content: "\f266" !important; } .epkbfa-safari:before { content: "\f267" !important; } .epkbfa-chrome:before { content: "\f268" !important; } .epkbfa-firefox:before { content: "\f269" !important; } .epkbfa-opera:before { content: "\f26a" !important; } .epkbfa-internet-explorer:before { content: "\f26b" !important; } .epkbfa-tv:before, .epkbfa-television:before { content: "\f26c" !important; } .epkbfa-contao:before { content: "\f26d" !important; } .epkbfa-500px:before { content: "\f26e" !important; } .epkbfa-amazon:before { content: "\f270" !important; } .epkbfa-calendar-plus-o:before { content: "\f271" !important; } .epkbfa-calendar-minus-o:before { content: "\f272" !important; } .epkbfa-calendar-times-o:before { content: "\f273" !important; } .epkbfa-calendar-check-o:before { content: "\f274" !important; } .epkbfa-industry:before { content: "\f275" !important; } .epkbfa-map-pin:before { content: "\f276" !important; } .epkbfa-map-signs:before { content: "\f277" !important; } .epkbfa-map-o:before { content: "\f278" !important; } .epkbfa-map:before { content: "\f279" !important; } .epkbfa-commenting:before { content: "\f27a" !important; } .epkbfa-commenting-o:before { content: "\f27b" !important; } .epkbfa-houzz:before { content: "\f27c" !important; } .epkbfa-vimeo:before { content: "\f27d" !important; } .epkbfa-black-tie:before { content: "\f27e" !important; } .epkbfa-fonticons:before { content: "\f280" !important; } .epkbfa-reddit-alien:before { content: "\f281" !important; } .epkbfa-edge:before { content: "\f282" !important; } .epkbfa-credit-card-alt:before { content: "\f283" !important; } .epkbfa-codiepie:before { content: "\f284" !important; } .epkbfa-modx:before { content: "\f285" !important; } .epkbfa-fort-awesome:before { content: "\f286" !important; } .epkbfa-usb:before { content: "\f287" !important; } .epkbfa-product-hunt:before { content: "\f288" !important; } .epkbfa-mixcloud:before { content: "\f289" !important; } .epkbfa-scribd:before { content: "\f28a" !important; } .epkbfa-pause-circle:before { content: "\f28b" !important; } .epkbfa-pause-circle-o:before { content: "\f28c" !important; } .epkbfa-stop-circle:before { content: "\f28d" !important; } .epkbfa-stop-circle-o:before { content: "\f28e" !important; } .epkbfa-shopping-bag:before { content: "\f290" !important; } .epkbfa-shopping-basket:before { content: "\f291" !important; } .epkbfa-hashtag:before { content: "\f292" !important; } .epkbfa-bluetooth:before { content: "\f293" !important; } .epkbfa-bluetooth-b:before { content: "\f294" !important; } .epkbfa-percent:before { content: "\f295" !important; } .epkbfa-gitlab:before { content: "\f296" !important; } .epkbfa-wpbeginner:before { content: "\f297" !important; } .epkbfa-wpforms:before { content: "\f298" !important; } .epkbfa-envira:before { content: "\f299" !important; } .epkbfa-universal-access:before { content: "\f29a" !important; } .epkbfa-wheelchair-alt:before { content: "\f29b" !important; } .epkbfa-question-circle-o:before { content: "\f29c" !important; } .epkbfa-blind:before { content: "\f29d" !important; } .epkbfa-audio-description:before { content: "\f29e" !important; } .epkbfa-volume-control-phone:before { content: "\f2a0" !important; } .epkbfa-braille:before { content: "\f2a1" !important; } .epkbfa-assistive-listening-systems:before { content: "\f2a2" !important; } .epkbfa-asl-interpreting:before, .epkbfa-american-sign-language-interpreting:before { content: "\f2a3" !important; } .epkbfa-deafness:before, .epkbfa-hard-of-hearing:before, .epkbfa-deaf:before { content: "\f2a4" !important; } .epkbfa-glide:before { content: "\f2a5" !important; } .epkbfa-glide-g:before { content: "\f2a6" !important; } .epkbfa-signing:before, .epkbfa-sign-language:before { content: "\f2a7" !important; } .epkbfa-low-vision:before { content: "\f2a8" !important; } .epkbfa-viadeo:before { content: "\f2a9" !important; } .epkbfa-viadeo-square:before { content: "\f2aa" !important; } .epkbfa-snapchat:before { content: "\f2ab" !important; } .epkbfa-snapchat-ghost:before { content: "\f2ac" !important; } .epkbfa-snapchat-square:before { content: "\f2ad" !important; } .epkbfa-pied-piper:before { content: "\f2ae" !important; } .epkbfa-first-order:before { content: "\f2b0" !important; } .epkbfa-yoast:before { content: "\f2b1" !important; } .epkbfa-themeisle:before { content: "\f2b2" !important; } .epkbfa-google-plus-circle:before, .epkbfa-google-plus-official:before { content: "\f2b3" !important; } .epkbfa-fa:before, .epkbfa-font-awesome:before { content: "\f2b4" !important; } .epkbfa-handshake-o:before { content: "\f2b5" !important; } .epkbfa-envelope-open:before { content: "\f2b6" !important; } .epkbfa-envelope-open-o:before { content: "\f2b7" !important; } .epkbfa-linode:before { content: "\f2b8" !important; } .epkbfa-address-book:before { content: "\f2b9" !important; } .epkbfa-address-book-o:before { content: "\f2ba" !important; } .epkbfa-vcard:before, .epkbfa-address-card:before { content: "\f2bb" !important; } .epkbfa-vcard-o:before, .epkbfa-address-card-o:before { content: "\f2bc" !important; } .epkbfa-user-circle:before { content: "\f2bd" !important; } .epkbfa-user-circle-o:before { content: "\f2be" !important; } .epkbfa-user-o:before { content: "\f2c0" !important; } .epkbfa-id-badge:before { content: "\f2c1" !important; } .epkbfa-drivers-license:before, .epkbfa-id-card:before { content: "\f2c2" !important; } .epkbfa-drivers-license-o:before, .epkbfa-id-card-o:before { content: "\f2c3" !important; } .epkbfa-quora:before { content: "\f2c4" !important; } .epkbfa-free-code-camp:before { content: "\f2c5" !important; } .epkbfa-telegram:before { content: "\f2c6" !important; } .epkbfa-thermometer-4:before, .epkbfa-thermometer:before, .epkbfa-thermometer-full:before { content: "\f2c7" !important; } .epkbfa-thermometer-3:before, .epkbfa-thermometer-three-quarters:before { content: "\f2c8" !important; } .epkbfa-thermometer-2:before, .epkbfa-thermometer-half:before { content: "\f2c9" !important; } .epkbfa-thermometer-1:before, .epkbfa-thermometer-quarter:before { content: "\f2ca" !important; } .epkbfa-thermometer-0:before, .epkbfa-thermometer-empty:before { content: "\f2cb" !important; } .epkbfa-shower:before { content: "\f2cc" !important; } .epkbfa-bathtub:before, .epkbfa-s15:before, .epkbfa-bath:before { content: "\f2cd" !important; } .epkbfa-podcast:before { content: "\f2ce" !important; } .epkbfa-window-maximize:before { content: "\f2d0" !important; } .epkbfa-window-minimize:before { content: "\f2d1" !important; } .epkbfa-window-restore:before { content: "\f2d2" !important; } .epkbfa-times-rectangle:before, .epkbfa-window-close:before { content: "\f2d3" !important; } .epkbfa-times-rectangle-o:before, .epkbfa-window-close-o:before { content: "\f2d4" !important; } .epkbfa-bandcamp:before { content: "\f2d5" !important; } .epkbfa-grav:before { content: "\f2d6" !important; } .epkbfa-etsy:before { content: "\f2d7" !important; } .epkbfa-imdb:before { content: "\f2d8" !important; } .epkbfa-ravelry:before { content: "\f2d9" !important; } .epkbfa-eercast:before { content: "\f2da" !important; } .epkbfa-microchip:before { content: "\f2db" !important; } .epkbfa-snowflake-o:before { content: "\f2dc" !important; } .epkbfa-superpowers:before { content: "\f2dd" !important; } .epkbfa-wpexplorer:before { content: "\f2de" !important; } .epkbfa-meetup:before { content: "\f2e0" !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } @font-face { font-family: "ep_icons"; font-weight: normal; font-style: normal; font-display: block; src: url("fonts/ep_icons.woff?e3s9pc") format("woff"), url("fonts/ep_icons.ttf?e3s9pc") format("truetype"), url("fonts/ep_icons.eot?e3s9pc") format("embedded-opentype"), url("fonts/ep_icons.svg?e3s9pc#ep_icons") format("svg"); } [class^=ep_font_], [class*=" ep_font_"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "ep_icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ep_font_icon_arrow_carrot_up_circle:before { content: "\e902"; } .ep_font_icon_arrow_carrot_right_circle:before { content: "\e93c"; } .ep_font_icon_arrow_carrot_down_circle:before { content: "\e93d"; } .ep_font_icon_arrow_carrot_left_circle:before { content: "\e903"; } .ep_font_icon_arrow_carrot_up:before { content: "\e904"; } .ep_font_icon_arrow_carrot_right:before { content: "\e905"; } .ep_font_icon_arrow_carrot_down:before { content: "\e906"; } .ep_font_icon_arrow_carrot_left:before { content: "\e907"; } .ep_font_icon_up_arrow:before { content: "\e908"; } .ep_font_icon_right_arrow:before { content: "\e909"; } .ep_font_icon_down_arrow:before { content: "\e90a"; } .ep_font_icon_left_arrow:before { content: "\e90b"; } .ep_font_icon_book:before { content: "\e90c"; } .ep_font_icon_folder:before { content: "\e90d"; } .ep_font_icon_document:before { content: "\e90e"; } .ep_font_icon_documents:before { content: "\e940"; } .ep_font_icon_clip_board:before { content: "\e90f"; } .ep_font_icon_brief_case:before { content: "\e910"; } .ep_font_icon_building:before { content: "\e911"; } .ep_font_icon_checkmark:before { content: "\e912"; } .ep_font_icon_xmark:before { content: "\e913"; } .ep_font_icon_full_star:before { content: "\e914"; } .ep_font_icon_half_star:before { content: "\e915"; } .ep_font_icon_empty_star:before { content: "\e916"; } .ep_font_icon_comment:before { content: "\e917"; } .ep_font_icon_credit_card:before { content: "\e918"; } .ep_font_icon_data_report:before { content: "\e919"; } .ep_font_icon_info:before { content: "\e91a"; } .ep_font_icon_error_circle:before { content: "\e91b"; } .ep_font_icon_error_oct:before { content: "\e91c"; } .ep_font_icon_error_sheild:before { content: "\e91d"; } .ep_font_icon_error_triangle:before { content: "\e91e"; } .ep_font_icon_question:before { content: "\e91f"; } .ep_font_icon_external_link:before { content: "\e920"; } .ep_font_icon_flow_chart:before { content: "\e921"; } .ep_font_icon_folder_add:before { content: "\e922"; } .ep_font_icon_folder_minus:before { content: "\e93e"; } .ep_font_icon_folder_open:before { content: "\e923"; } .ep_font_icon_gear:before { content: "\e924"; } .ep_font_icon_gears:before { content: "\e925"; } .ep_font_icon_hour_glass:before { content: "\e926"; } .ep_font_icon_house:before { content: "\e927"; } .ep_font_icon_life_saver:before { content: "\e928"; } .ep_font_icon_light_bulb:before { content: "\e929"; } .ep_font_icon_loading:before { content: "\e92a"; } .ep_font_icon_map:before { content: "\e92b"; } .ep_font_icon_money:before { content: "\e92c"; } .ep_font_icon_paperclip:before { content: "\e92d"; } .ep_font_icon_pencil:before { content: "\e92e"; } .ep_font_icon_people:before { content: "\e92f"; } .ep_font_icon_person:before { content: "\e930"; } .ep_font_icon_plus:before { content: "\e931"; } .ep_font_icon_minus:before { content: "\e932"; } .ep_font_icon_plus_box:before { content: "\e933"; } .ep_font_icon_minus_box:before { content: "\e93f"; } .ep_font_icon_screen:before { content: "\e934"; } .ep_font_icon_search:before { content: "\e935"; } .ep_font_icon_shopping_cart:before { content: "\e936"; } .ep_font_icon_tag:before { content: "\e937"; } .ep_font_icon_screw_driver:before { content: "\e938"; } .ep_font_icon_tools:before { content: "\e939"; } .ep_font_icon_wrench:before { content: "\e93a"; } .ep_font_icon_faq_icons:before { content: "\e93b"; } .ep_font_icon_help_dialog:before { content: "\e901"; color: #000000; } .ep_font_icon_help_dialog-background:before { content: "\e900"; color: #000000; } /* Admin --------------------------------------------------------------*/ /* Shared --------------------------------------------------------------*/ /** CSS For General CSS used by all pages, not specific to a certain page. If it's used only on a specific page, then add it to that scss file with the correct prefix Please try to prefix everything here with: .epkb- */ /* Shared --------------------------------------------------------------*/ fieldset { display: block; float: left; border-width: 1px; border-style: solid; border-color: #EAEAEA; padding: 10px 20px; margin: 1px 10px; min-height: 230px; } legend { color: #2A2A2A; padding: 5px 10px; } label { font-size: 1em; font-weight: 400; } label:hover { cursor: pointer; } select { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: 35px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } select:focus { border-color: #333333; outline: 0 none; box-shadow: 0 0 0 1px #333333; } input[type=text] { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: 35px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } input[type=text]:focus { border-color: #333333; outline: 0 none; box-shadow: 0 0 0 1px #333333; } input[type=checkbox] { text-align: center; background-color: #F3F5F8; box-shadow: none; border: 1px solid #666666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } input[type=checkbox]:before { font-size: 30px; color: #86D700; } textarea { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: 35px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } textarea:focus { border-color: #333333; outline: 0 none; box-shadow: 0 0 0 1px #333333; } .epkb-admin__textarea-field .input_container { width: 472px; } input[type=radio] { width: 25px; min-width: 25px; height: 25px; border-color: #F3F5F8; background-color: #DDDDDD; box-shadow: none; float: left; display: block; position: relative; } input[type=radio]:checked:before { width: 17px; height: 17px; background-color: #86D700; border: none; margin: 0; position: absolute; left: 3px; top: 3px; } @media (max-width: 780px) { input[type=radio]:checked:before { width: 9px; height: 9px; } } .epkb-form { display: flex; flex-direction: column; align-items: flex-start; } .epkb-form .epkb-form-fields-container .epkb-fields-legend { color: #2A2A2A; padding: 5px 10px; font-weight: bold; font-size: 17px; } .epkb-form .epkb-form-fields-container .epkb-input-field { margin-bottom: 10px; } .epkb-form .epkb-settings-control__field .epkb-settings-control__title { white-space: nowrap; margin-left: 10px; margin-bottom: 4px; } .epkb-admin__radio-icons { display: flex; } .epkb-admin__radio-icons .epkb-main_label { display: flex; flex-direction: row; align-items: center; min-width: 270px; } .epkb-admin__radio-icons .epkb-radio-buttons-container { display: flex; flex-wrap: wrap; flex-direction: row; gap: 10px; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label { display: flex; min-width: inherit; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-label__text { display: none; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input { display: none; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) { color: white; background-color: #2EA3F2; border: solid 3px #2EA3F2; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled):before { color: white; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-only-icon__icon, .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-icon-text__text, .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-icon-text__icon, .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-text-icon__text, .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-text-icon__icon { background: #FFFFFF; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon { border: solid 1px #D4DDE2; color: #D4DDE2; border-radius: 5px; padding: 8px; font-size: 28px; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon:before { color: #D4DDE2; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active { color: white; background-color: #2EA3F2; border: solid 3px #2EA3F2; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active:before { color: white; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-only-icon__icon, .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-icon-text__text, .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-icon-text__icon, .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-text-icon__text, .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-text-icon__icon { background: #FFFFFF; } @media only screen and (max-width: 1300px) { .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon { font-size: 25px; } } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .ep_font_icon_none { width: 48px; height: 47px; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .ep_font_icon_none:before { content: " "; width: 100%; height: 110%; background-position: center; background-repeat: no-repeat; background-image: url(../img/setting-icons/ban-icon.png); display: block; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-only-icon { display: flex; justify-content: center; align-items: center; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-only-icon .epkb-only-icon__icon { width: 35px; height: 35px; background: #D4DDE2; border-radius: 50%; display: block; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-icon-text { display: flex; justify-content: center; align-items: center; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-icon-text .epkb-icon-text__text { width: 70px; height: 20px; background: #D4DDE2; display: block; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-icon-text .epkb-icon-text__icon { width: 35px; height: 35px; background: #D4DDE2; border-radius: 50%; display: block; margin-right: 5px; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-text-icon { display: flex; justify-content: center; align-items: center; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-text-icon .epkb-text-icon__text { width: 70px; height: 20px; background: #D4DDE2; display: block; margin-right: 5px; } .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-text-icon .epkb-text-icon__icon { width: 35px; height: 35px; background: #D4DDE2; border-radius: 50%; display: block; } .epkb-admin__checkbox-icons { display: flex; } .epkb-admin__checkbox-icons .epkb-main_label { align-items: center; min-width: 270px; } .epkb-admin__checkbox-icons .epkb-checkboxes-container { display: flex; flex-wrap: wrap; flex-direction: row; gap: 10px; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label { display: flex; min-width: inherit; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-input { display: none; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon { color: white; background-color: #2EA3F2; border: solid 3px #2EA3F2; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:before { color: white; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon .epkb-only-icon__icon, .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon .epkb-icon-text__text, .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon .epkb-icon-text__icon, .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon .epkb-text-icon__text, .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon .epkb-text-icon__icon { background: #FFFFFF; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkbfa-input-icon { border: solid 1px #D4DDE2; color: #D4DDE2; border-radius: 5px; padding: 11px; font-size: 40px; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkbfa-input-icon:before { color: #D4DDE2; } @media only screen and (max-width: 1300px) { .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkbfa-input-icon { font-size: 25px; } } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .ep_font_icon_none:before { content: " "; width: 43px; height: 40px; background-position: center; background-repeat: no-repeat; background-image: url(../img/setting-icons/ban-icon.png); display: block; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-only-icon { display: flex; justify-content: center; align-items: center; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-only-icon .epkb-only-icon__icon { width: 35px; height: 35px; background: #D4DDE2; border-radius: 50%; display: block; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-icon-text { display: flex; justify-content: center; align-items: center; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-icon-text .epkb-icon-text__text { width: 70px; height: 20px; background: #D4DDE2; display: block; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-icon-text .epkb-icon-text__icon { width: 35px; height: 35px; background: #D4DDE2; border-radius: 50%; display: block; margin-right: 5px; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-text-icon { display: flex; justify-content: center; align-items: center; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-text-icon .epkb-text-icon__text { width: 70px; height: 20px; background: #D4DDE2; display: block; margin-right: 5px; } .epkb-admin__checkbox-icons .epkb-checkboxes-container .epkb-input-container .epkb-label .epkb-text-icon .epkb-text-icon__icon { width: 35px; height: 35px; background: #D4DDE2; border-radius: 50%; display: block; } .epkb-radio-vertical-group-container { display: flex; } .epkb-radio-vertical-group-container .epkb-main_label { align-items: center; min-width: 270px; } .epkb-radio-vertical-group-container .epkb-radio-buttons-container { display: flex; flex-direction: column; gap: 10px; } .epkb-radio-vertical-group-container .epkb-radio-buttons-container .epkb-input-container { display: flex; align-items: center; } .epkb-radio-vertical-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label { color: #000000; font-weight: bold; } .epkb-radio-vertical-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label:before { color: #000000; } .epkb-radio-vertical-button-group-container { display: flex; } .epkb-radio-vertical-button-group-container .epkb-main_label { align-items: center; min-width: 270px; } .epkb-radio-vertical-button-group-container .epkb-radio-buttons-container { display: flex; flex-direction: column; gap: 10px; } .epkb-radio-vertical-button-group-container .epkb-radio-buttons-container .epkb-input-container { display: flex; } .epkb-radio-vertical-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input { display: none; } .epkb-radio-vertical-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label { color: white; background-color: #2EA3F2; border: solid 1px #2EA3F2; } .epkb-radio-vertical-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label:before { color: white; } .epkb-radio-vertical-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-label { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 8px 12px; margin: 5px 0; min-height: 35px; border: solid 1px #D5DADF; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } .epkb-radio-horizontal-group-container { display: flex; } .epkb-radio-horizontal-group-container .epkb-main_label { align-items: center; min-width: 270px; } .epkb-radio-horizontal-group-container .epkb-radio-buttons-container { display: flex; flex-direction: row; gap: 10px; } .epkb-radio-horizontal-group-container .epkb-radio-buttons-container .epkb-input-container { display: flex; align-items: center; } .epkb-radio-horizontal-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label { color: #000000; font-weight: bold; } .epkb-radio-horizontal-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label:before { color: #000000; } .epkb-radio-horizontal-group-container .radio-buttons-horizontal-desc { position: absolute; bottom: -18px; opacity: 0; } .epkb-radio-horizontal-group-container .radio-buttons-horizontal-desc--show { opacity: 1; } .epkb-radio-horizontal-button-group-container { display: flex; } .epkb-radio-horizontal-button-group-container .epkb-main_label { display: flex; position: relative; align-items: center; min-width: 270px; } .epkb-radio-horizontal-button-group-container#template_for_archive_page_group .epkb-main_label { align-items: start; } .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; } .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container { display: flex; } .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input { display: none; } .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label { color: #FFFFFF; background-color: #2EA3F2; border: solid 1px #2EA3F2; } .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label:before { color: white; } .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-label { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 8px 12px; margin: 5px 0; min-height: 35px; border: solid 1px #D5DADF; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } .epkb-radio-horizontal-button-group-container .epkb__option-pro-tooltip { right: -578px; } .epkb-radio-horizontal-button-group-container .radio-buttons-horizontal-desc { position: absolute; bottom: -18px; opacity: 0; } .epkb-radio-horizontal-button-group-container .radio-buttons-horizontal-desc--show { opacity: 1; } .epkb-radio-horizontal-button-group-container--small-btn.epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-label { min-width: 64px; } .epkb-radio-horizontal-button-group-container--tabs.epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container { flex-grow: 1; border-bottom: 1px solid #D6E2ED; padding: 0 10px; } .epkb-radio-horizontal-button-group-container--tabs.epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container { flex-grow: 1; } .epkb-radio-horizontal-button-group-container--tabs.epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input { display: none; } .epkb-radio-horizontal-button-group-container--tabs.epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label { color: inherit; background-color: #FFFFFF; border-bottom: none; border-color: #D6E2ED; } .epkb-radio-horizontal-button-group-container--tabs.epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input-container .epkb-label { flex-grow: 1; color: inherit; background-color: #F2F2F2; min-width: auto; margin-bottom: -1px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .wp-picker-active { margin-bottom: 30px; } .epkb-input-group { margin-bottom: 25px; position: relative; } @media (max-width: 959px) { .epkb-input-group > label { width: 35%; } .epkb-input-group .main_label { width: 35%; } .epkb-input-group .input_container { width: 55%; } .epkb-input-group .radio-buttons-horizontal, .epkb-input-group .text-fields-horizontal, .epkb-input-group .text-select-fields-horizontal { width: 55%; } .epkb-input-group .ekb-color-picker .input_container { width: 100%; } } @media (max-width: 780px) { .epkb-input-group > label { font-weight: bold; margin-bottom: 5px; } .epkb-input-group .main_label { font-weight: bold; } .epkb-input-group .info-icon { right: 15px; } .epkb-input-group .input_container { width: 100%; } } .epkb-input-group__field-description { margin-left: 270px; } .radio-buttons-horizontal { display: flex; width: 100%; position: relative; /*.info-icon { padding: 0 0 0 0 !important; margin: -1px 0 0 0; position: absolute; right: -15px; top:0; }*/ } .radio-buttons-horizontal .main_label { min-width: 160px; } .radio-buttons-horizontal .radio-buttons-horizontal ul { display: flex; gap: 20px; } .radio-buttons-horizontal .radio-buttons-horizontal ul li { list-style-type: none; display: flex; align-items: center; } .radio-buttons-horizontal .radio-buttons-horizontal ul li .input_container { margin-right: 5px; } .radio-buttons-horizontal .radio-buttons-horizontal ul .epkb-radio--active label { font-weight: bold; } .radio-buttons-horizontal .radio-buttons-horizontal-desc { position: absolute; bottom: -18px; opacity: 0; } .radio-buttons-horizontal .radio-buttons-horizontal-desc--show { opacity: 1; } .text-fields-horizontal { margin-right: -15px; } .text-fields-horizontal label { vertical-align: top; } .text-fields-horizontal ul { margin-right: -15px; margin-left: -15px; } .text-select-fields-horizontal { margin-right: -15px; } .text-select-fields-horizontal label { vertical-align: top; } .text-select-fields-horizontal > ul { margin-right: -15px; margin-left: -15px; } .text-select-fields-horizontal > ul > li { padding-right: 0; padding-left: 0; margin-bottom: 0; } .text-select-fields-horizontal > ul > li label { padding-right: 15px; padding-left: 15px; } .epkb-admin__kb__form h4 { border-bottom: 1px solid #D6E2ED; padding-bottom: 15px; margin-bottom: 15px; } .epkb-admin__kb__form .epkb-input-group { display: flex; } .epkb-admin__kb__form .epkb-input-group > label { display: flex; position: relative; flex-direction: row; align-items: center; justify-content: flex-start; width: 270px; } .epkb-admin__kb__form .epkb-input-group > label .epkb__option-tooltip-visible { position: absolute; bottom: -14px; left: 0; } .epkb-admin__kb__form .epkb-input-group.epkb-admin__radio-icons .epkb-editor__info { margin-bottom: 20px; margin-top: 20px; } .epkb-admin__kb__form .epkb-input-group.epkb-admin__radio-icons .epkb-editor__info .epkbfa-info-circle { color: #2EA3F2; } .epkb-admin__kb__form > input[type=submit] { margin-left: auto; display: block; } .epkb-admin__kb__form select { padding-right: 50px; width: 250px; } .epkb-admin__kb__form .epkb-input--medium { min-width: 250px; } .epkb-admin__kb__form .epkb-input--large { min-width: 400px; } .epkb-admin__kb__form .epkb-settings-control-type-toggle { margin-bottom: 25px !important; margin-top: 0; } .epkb-admin__kb__form .epkb-settings-control-type-toggle .epkb-settings-control__title { min-width: 270px; font-size: 1em !important; font-weight: 400; } .epkb-admin__kb__form .epkb-settings-control-type-toggle .epkb-settings-control__title + .epkb-settings-control__input { margin-left: 0; margin-right: auto; text-align: left; } #wpbody-content .wrap.epkb-wp-admin { margin-top: 0 !important; } #wpbody-content .wrap.epkb-wp-admin .notice { display: none !important; } #wpbody-content .wrap.epkb-wp-admin .asea-notice, #wpbody-content .wrap.epkb-wp-admin .amcr-notice, #wpbody-content .wrap.epkb-wp-admin .eprf-notice, #wpbody-content .wrap.epkb-wp-admin .elay-notice, #wpbody-content .wrap.epkb-wp-admin .widg-notice, #wpbody-content .wrap.epkb-wp-admin .kblk-notice, #wpbody-content .wrap.epkb-wp-admin .amgp-notice, #wpbody-content .wrap.epkb-wp-admin .emkb-notice, #wpbody-content .wrap.epkb-wp-admin .epie-notice, #wpbody-content .wrap.epkb-wp-admin .crel-notice, #wpbody-content .wrap.epkb-wp-admin .epbl-notice { margin-top: 20px; } #wpwrap.epkb-admin__wpwrap { background-color: #F9FBFF; } #ekb-admin-page-wrap { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 1em; } #ekb-admin-page-wrap * { box-sizing: border-box; } #ekb-admin-page-wrap .epkb-admin__new-tag { display: inline-block; background-color: #FF6B6B; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 2px 6px; border-radius: 3px; margin-left: 8px; text-transform: uppercase; vertical-align: middle; line-height: 1.2; } #ekb-admin-page-wrap h1, #ekb-admin-page-wrap h2, #ekb-admin-page-wrap h3, #ekb-admin-page-wrap h4, #ekb-admin-page-wrap h5, #ekb-admin-page-wrap h6 { margin: 0; padding: 0; } #ekb-admin-page-wrap h1 { font-size: 24px; } #ekb-admin-page-wrap h2 { font-size: 22px; } #ekb-admin-page-wrap h3 { font-size: 20px; } #ekb-admin-page-wrap h4 { font-size: 18px; } #ekb-admin-page-wrap h5 { font-size: 16px; } #ekb-admin-page-wrap h6 { font-size: 15px; } #ekb-admin-page-wrap p { font-size: 14px; } #ekb-admin-page-wrap ul { margin: 0 0 0 20px; list-style-type: disc; } #ekb-admin-page-wrap li { margin-bottom: 10px; } #ekb-admin-page-wrap .epkb-primary-btn { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -o-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-primary-btn a { text-decoration: none; } #ekb-admin-page-wrap .epkb-primary-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -o-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -moz-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -ms-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-primary-btn:focus { outline: 0; } #ekb-admin-page-wrap .epkb-success-btn { display: inline-block; height: fit-content; background-color: #78B956; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #609C40; background-image: linear-gradient(bottom, #78B956, #95C87A); background-image: -o-linear-gradient(bottom, #78B956, #95C87A); background-image: -moz-linear-gradient(bottom, #78B956, #95C87A); background-image: -webkit-linear-gradient(bottom, #78B956, #95C87A); background-image: -ms-linear-gradient(bottom, #78B956, #95C87A); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #78B956), color-stop(1, #95C87A)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-success-btn a { text-decoration: none; } #ekb-admin-page-wrap .epkb-success-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #609C40, #95C87A); background-image: -o-linear-gradient(bottom, #609C40, #95C87A); background-image: -moz-linear-gradient(bottom, #609C40, #95C87A); background-image: -webkit-linear-gradient(bottom, #609C40, #95C87A); background-image: -ms-linear-gradient(bottom, #609C40, #95C87A); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #609C40), color-stop(1, #95C87A)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-success-btn:focus { outline: 0; } #ekb-admin-page-wrap .epkb-default-btn { display: inline-block; height: fit-content; background-color: #666666; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #4D4D4D; background-image: linear-gradient(bottom, #666666, #808080); background-image: -o-linear-gradient(bottom, #666666, #808080); background-image: -moz-linear-gradient(bottom, #666666, #808080); background-image: -webkit-linear-gradient(bottom, #666666, #808080); background-image: -ms-linear-gradient(bottom, #666666, #808080); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #666666), color-stop(1, #808080)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-default-btn a { text-decoration: none; } #ekb-admin-page-wrap .epkb-default-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #4D4D4D, #808080); background-image: -o-linear-gradient(bottom, #4D4D4D, #808080); background-image: -moz-linear-gradient(bottom, #4D4D4D, #808080); background-image: -webkit-linear-gradient(bottom, #4D4D4D, #808080); background-image: -ms-linear-gradient(bottom, #4D4D4D, #808080); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4D4D4D), color-stop(1, #808080)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-default-btn:focus { outline: 0; } #ekb-admin-page-wrap .epkb-error-btn { display: inline-block; height: fit-content; background-color: #D95651; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #CB322C; background-image: linear-gradient(bottom, #D95651, #E27F7B); background-image: -o-linear-gradient(bottom, #D95651, #E27F7B); background-image: -moz-linear-gradient(bottom, #D95651, #E27F7B); background-image: -webkit-linear-gradient(bottom, #D95651, #E27F7B); background-image: -ms-linear-gradient(bottom, #D95651, #E27F7B); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D95651), color-stop(1, #E27F7B)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-error-btn a { text-decoration: none; } #ekb-admin-page-wrap .epkb-error-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #CB322C, #E27F7B); background-image: -o-linear-gradient(bottom, #CB322C, #E27F7B); background-image: -moz-linear-gradient(bottom, #CB322C, #E27F7B); background-image: -webkit-linear-gradient(bottom, #CB322C, #E27F7B); background-image: -ms-linear-gradient(bottom, #CB322C, #E27F7B); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CB322C), color-stop(1, #E27F7B)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-error-btn:focus { outline: 0; } #ekb-admin-page-wrap .epkb-large-btn { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 20px; position: relative; font-family: "Open Sans", sans-serif; font-size: 20px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #FFFFFF; } #ekb-admin-page-wrap .epkb-large-btn a { text-decoration: none; } #ekb-admin-page-wrap .epkb-large-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-large-btn:focus { outline: 0; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__header-container { display: flex; width: 100%; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__header-container .epkb-header__tab { display: flex; align-items: center; cursor: pointer; padding: 15px 60px; transition: 0.1s; margin-right: 10px; background: #E8E8E8; border-radius: 4px 4px 0 0; font-weight: 600; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__header-container .epkb-header__tab .epkb-header__tab__icon { margin-right: 10px; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__header-container .epkb-header__tab .epkb-icon--black { color: #000000; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__header-container .epkb-header__tab .epkb-icon--red { color: #D95651; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__header-container .epkb-header__tab .epkb-icon--blue { color: #2EA3F2; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__header-container .epkb-header__tab .epkb-icon--green { color: #78B956; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__header-container .epkb-header__tab--active { background-color: #FFFFFF; color: #2EA3F2; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__content-container { display: flex; width: 100%; box-shadow: -1px -6px 23px -8px #565555; min-height: 500px; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__content-container .epkb-content__tab { width: 100%; display: none; } #ekb-admin-page-wrap .epkb-tabs-container .epkb-tabs__content-container .epkb-content__tab--active { display: block; } #ekb-admin-page-wrap .epkb-tabs--small { font-size: 16px; } #ekb-admin-page-wrap .epkb-tabs--large .epkb-header__tab { font-size: 22px; } #ekb-admin-page-wrap .epkb-tabs--large .epkb-header__tab .epkb-header__tab__icon { font-size: 1.2em; } #ekb-admin-page-wrap .epkb-content--style-1 .epkb-tabs__content-container { background-color: #FFFFFF; padding: 20px; } #ekb-admin-page-wrap .epkb-content--style-2 .epkb-tabs__content-container { background-color: #F4F4F4; border: solid 10px #FFFFFF; padding: 20px; box-shadow: inset 10px 0 20px rgba(0, 0, 0, 0.0509803922); } #ekb-admin-page-wrap .epkb-table-container { display: flex; flex-direction: column; width: 100%; border: solid 1px #DDDDDD; border-bottom: none; } #ekb-admin-page-wrap .epkb-table-container .epkb-table__header-container { display: flex; justify-content: space-between; background-color: #F7F7F7; font-weight: bold; border-bottom: solid 1px #DDDDDD; } #ekb-admin-page-wrap .epkb-table-container .epkb-table__header-container .epkb-header__th { display: flex; height: 50px; padding: 10px; align-items: center; text-align: center; } #ekb-admin-page-wrap .epkb-table-container .epkb-table__content-container { display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-table-container .epkb-table__content-container .epkb-content__row { display: flex; justify-content: space-between; border-bottom: solid 1px #DDDDDD; } #ekb-admin-page-wrap .epkb-table-container .epkb-table__content-container .epkb-content__row .epkb-content__td { display: flex; padding: 10px; align-items: center; text-align: center; } #ekb-admin-page-wrap .epkb-call-to-action-container .epkb-cta__header .epkb-cta__header__title { line-height: 1.2em; } #ekb-admin-page-wrap .epkb-call-to-action-container .epkb-cta__body a { color: #2EA3F2; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 { display: flex; flex-direction: column; border: solid 3px #ECEAEE; padding: 20px; background-color: #FFFFFF; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__header { width: 100%; margin: 10px 0; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__header .epkb-cta__header__icon { display: block; width: 100%; text-align: center; font-size: 90px; padding-bottom: 20px; color: #FFD400; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__header .epkb-cta__header__img { display: block; width: 100%; text-align: center; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__header .epkb-cta__header__title { display: block; width: 100%; text-align: center; font-weight: bold; font-size: 22px; margin: 0; padding: 20px 0 !important; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__body { width: 70%; float: left; margin: 0 15%; padding: 10px 0; text-align: center; display: block; min-height: 55px; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__body p { font-size: 17px; line-height: 1.7; margin: 0; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__footer { width: 100%; float: left; margin: 10px 0; text-align: center; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__footer .epkb-cta__footer__button { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -o-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__footer .epkb-cta__footer__button a { text-decoration: none; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__footer .epkb-cta__footer__button:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -o-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -moz-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -ms-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-call-to-action--style-1 .epkb-cta__footer .epkb-cta__footer__button:focus { outline: 0; } #ekb-admin-page-wrap .epkb-call-to-action--style-2 { padding: 40px; margin: 10px; border: 1px solid #ECECEC; border-radius: 5px; box-shadow: 10px 0 20px rgba(0, 0, 0, 0.0509803922); } #ekb-admin-page-wrap .epkb-call-to-action--style-2 .epkb-cta__header { display: flex; flex-direction: column-reverse; } #ekb-admin-page-wrap .epkb-call-to-action--style-2 .epkb-cta__header .epkb-cta__header__title { margin: 28px 0 16px 0; font-weight: 700; font-size: 28px; } #ekb-admin-page-wrap .epkb-call-to-action--style-2 .epkb-cta__header .epkb-cta__header__icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-call-to-action--style-2 .epkb-cta__footer .epkb-cta__footer__button { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 20px; position: relative; font-family: "Open Sans", sans-serif; font-size: 20px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #FFFFFF; } #ekb-admin-page-wrap .epkb-call-to-action--style-2 .epkb-cta__footer .epkb-cta__footer__button a { text-decoration: none; } #ekb-admin-page-wrap .epkb-call-to-action--style-2 .epkb-cta__footer .epkb-cta__footer__button:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-call-to-action--style-2 .epkb-cta__footer .epkb-cta__footer__button:focus { outline: 0; } #ekb-admin-page-wrap .epkb-questionnaire-container .epkb-Q__header .epkb-Q__header__title { line-height: 1.2em; } #ekb-admin-page-wrap .epkb-questionnaire-container .epkb-Q__body .epkb-Q__body__desc { margin-bottom: 10px; } #ekb-admin-page-wrap .epkb-questionnaire-container .epkb-Q__body a { color: #2EA3F2; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 { display: flex; flex-direction: column; border: solid 3px #ECEAEE; padding: 20px; background-color: #FFFFFF; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__header { width: 100%; margin: 10px 0; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__header .epkb-Q__header__icon { display: block; width: 100%; text-align: center; font-size: 90px; padding-bottom: 20px; color: #FFD400; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__header .epkb-Q__header__img { display: block; width: 100%; text-align: center; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__header .epkb-Q__header__title { display: block; width: 100%; text-align: center; font-weight: bold; font-size: 22px; margin: 0; padding: 20px 0 !important; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__body { width: 70%; float: left; margin: 0 15%; padding: 10px 0; text-align: center; display: block; min-height: 55px; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__body .eckb-Q__list__item-container { display: flex; flex-direction: column; width: 100%; border: solid 1px; margin: 0 0 10px 0; border-radius: 6px; background-color: #F3F5F7; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__body .eckb-Q__list__item-container .eckb-Q__item__question { padding: 8px 10px; display: flex; border-top-left-radius: 6px; border-top-right-radius: 6px; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__body .eckb-Q__list__item-container .eckb-Q__item__question .eckb-Q__item__question__text { padding-left: 5px; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__body .eckb-Q__list__item-container .eckb-Q__item__question:hover { cursor: pointer; background-color: #DDDDDD; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__body .eckb-Q__list__item-container .eckb-Q__item__answer { padding: 8px 10px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; display: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__body .eckb-Q__list__item-container .eckb-Q__item__answer .eckb-eckb-Q__item__answer__text { color: #000000; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__body p { font-size: 17px; line-height: 1.7; margin: 0; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__footer { width: 100%; float: left; margin: 10px 0; text-align: center; } #ekb-admin-page-wrap .epkb-questionnaire--style-1 .epkb-Q__footer .epkb-Q__footer__button { padding: 10px 50px; height: auto; font-size: 16px; text-decoration: none; display: inline-block; background-color: #5D45C9; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 { padding: 40px; margin: 10px; border: 1px solid #ECECEC; border-radius: 5px; box-shadow: 10px 0 20px rgba(0, 0, 0, 0.0509803922); } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .epkb-Q__header { display: flex; flex-direction: column-reverse; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .epkb-Q__header .epkb-Q__header__title { margin: 28px 0 16px 0; font-weight: 700; font-size: 28px; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .epkb-Q__header .epkb-Q__header__icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .epkb-Q__footer .epkb-Q__footer__button { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 20px; position: relative; font-family: "Open Sans", sans-serif; font-size: 20px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #FFFFFF; background-color: #2EA3F2; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .epkb-Q__footer .epkb-Q__footer__button a { text-decoration: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .epkb-Q__footer .epkb-Q__footer__button:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .epkb-Q__footer .epkb-Q__footer__button:focus { outline: 0; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .eckb-Q__list__item-container { display: flex; flex-direction: column; width: 100%; border: solid 1px; margin: 0 0 10px 0; border-radius: 6px; background-color: #F3F5F7; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .eckb-Q__list__item-container .eckb-Q__item__question { padding: 8px 10px; display: flex; border-top-left-radius: 6px; border-top-right-radius: 6px; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .eckb-Q__list__item-container .eckb-Q__item__question .eckb-Q__item__question__text { padding-left: 5px; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .eckb-Q__list__item-container .eckb-Q__item__question:hover { cursor: pointer; background-color: #DDDDDD; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .eckb-Q__list__item-container .eckb-Q__item__answer { padding: 8px 10px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; display: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-2 .eckb-Q__list__item-container .eckb-Q__item__answer .eckb-eckb-Q__item__answer__text { color: #000000; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 { padding: 20px; margin: 10px; border: 1px solid #ECECEC; box-shadow: 10px 0 20px rgba(0, 0, 0, 0.0509803922); } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .epkb-Q__header { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; margin: -20px -20px 15px -20px; border-bottom: solid 1px #DDDDDD; padding: 0 20px; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .epkb-Q__header .epkb-Q__header__title { margin: 15px 0 16px 0; font-weight: 700; font-size: 15px; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .epkb-Q__header .epkb-Q__header__icon { font-size: 25px; padding-right: 10px; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .eckb-Q__list__item-container { display: flex; flex-direction: column; width: 100%; border: solid 1px #CDCDCD; margin: 0 0 10px 0; background-color: #F3F5F7; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .eckb-Q__list__item-container .eckb-Q__item__question { padding: 8px 10px; display: flex; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .eckb-Q__list__item-container .eckb-Q__item__question .eckb-Q__item__question__text { padding-left: 5px; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .eckb-Q__list__item-container .eckb-Q__item__question:hover { cursor: pointer; background-color: #F2F2F2; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .eckb-Q__list__item-container .eckb-Q__item__answer { padding: 8px 10px; display: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .eckb-Q__list__item-container .eckb-Q__item__answer .eckb-eckb-Q__item__answer__text { color: #000000; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .epkb-Q__footer .epkb-Q__footer__button { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 20px; position: relative; font-family: "Open Sans", sans-serif; font-size: 20px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #FFFFFF; background-color: #2EA3F2; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .epkb-Q__footer .epkb-Q__footer__button a { text-decoration: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .epkb-Q__footer .epkb-Q__footer__button:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-questionnaire--style-3 .epkb-Q__footer .epkb-Q__footer__button:focus { outline: 0; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 { padding: 20px; margin: 10px; border: 1px solid #ECECEC; box-shadow: 10px 0 20px rgba(0, 0, 0, 0.0509803922); } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .epkb-Q__header { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; margin: -20px -20px 15px -20px; border-bottom: solid 1px #DDDDDD; padding: 0 20px; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .epkb-Q__header .epkb-Q__header__title { margin: 15px 0 16px 0; font-weight: 700; font-size: 15px; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .epkb-Q__header .epkb-Q__header__icon { font-size: 25px; padding-right: 10px; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .eckb-Q__list__item-container { display: flex; flex-direction: column; width: 100%; margin: 0 0 0 0; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .eckb-Q__list__item-container .eckb-Q__item__question { padding: 8px 0; display: flex; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .eckb-Q__list__item-container .eckb-Q__item__question .eckb-Q__item__question__toggle-icon { color: #8FBC8F; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .eckb-Q__list__item-container .eckb-Q__item__question .eckb-Q__item__question__text { font-size: 21px; color: #2EA3F2; padding-left: 5px; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .eckb-Q__list__item-container .eckb-Q__item__question:hover { cursor: pointer; background-color: #FAFAFA; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .eckb-Q__list__item-container .eckb-Q__item__answer { padding: 8px 10px; display: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .eckb-Q__list__item-container .eckb-Q__item__answer .eckb-eckb-Q__item__answer__text { color: #000000; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .epkb-Q__footer .epkb-Q__footer__button { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 20px; position: relative; font-family: "Open Sans", sans-serif; font-size: 20px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #FFFFFF; background-color: #2EA3F2; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .epkb-Q__footer .epkb-Q__footer__button a { text-decoration: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .epkb-Q__footer .epkb-Q__footer__button:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-questionnaire--style-4 .epkb-Q__footer .epkb-Q__footer__button:focus { outline: 0; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 { height: fit-content; margin: 10px; border: 1px solid #ECECEC; box-shadow: 10px 0 20px rgba(0, 0, 0, 0.0509803922); border-bottom: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .epkb-Q__header { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; border-bottom: solid 1px #ECECEC; padding: 0 20px; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .epkb-Q__header .epkb-Q__header__title { margin: 15px 0 16px 0; font-weight: 700; font-size: 20px; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .epkb-Q__header .epkb-Q__header__icon { font-size: 33px; padding-right: 10px; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .eckb-Q__list__item-container { display: flex; flex-direction: column; width: 100%; margin: 0 0 0 0; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .eckb-Q__list__item-container .eckb-Q__item__question { padding: 20px 20px 20px 10px; display: flex; justify-content: space-between; border-bottom: solid 1px #ECECEC; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .eckb-Q__list__item-container .eckb-Q__item__question .eckb-Q__item__question__toggle-icon { color: #010101; order: 2; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .eckb-Q__list__item-container .eckb-Q__item__question .eckb-Q__item__question__text { font-size: 17px; color: #242424; padding-left: 5px; order: 1; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .eckb-Q__list__item-container .eckb-Q__item__question .eckb-Q__item__question__text .eckb-Q__item__question__icon { margin-right: 10px; color: #8FBC8F; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .eckb-Q__list__item-container .eckb-Q__item__question:hover { cursor: pointer; background-color: #FAFAFA; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .eckb-Q__list__item-container .eckb-Q__item__answer { padding: 20px; display: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .eckb-Q__list__item-container .eckb-Q__item__answer .eckb-eckb-Q__item__answer__text { color: #3E3E3E; line-height: 1.8em; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .epkb-Q__footer .epkb-Q__footer__button { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 20px; position: relative; font-family: "Open Sans", sans-serif; font-size: 20px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #FFFFFF; background-color: #2EA3F2; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .epkb-Q__footer .epkb-Q__footer__button a { text-decoration: none; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .epkb-Q__footer .epkb-Q__footer__button:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-questionnaire--style-5 .epkb-Q__footer .epkb-Q__footer__button:focus { outline: 0; } #ekb-admin-page-wrap .eckb-Q__list__item--active .eckb-Q__item__question { background-color: #FAFAFA; } #ekb-admin-page-wrap .eckb-Q__list__item--active .eckb-Q__item__answer { display: block !important; border-bottom: solid 1px #ECECEC; } #ekb-admin-page-wrap .epkb-basic-box-container .epkb-bb__body a { color: #2EA3F2; } #ekb-admin-page-wrap .epkb-basic-box--style-1 { padding: 0 40px 40px 40px; margin: 10px; background-color: #FFFFFF; border: 1px solid #ECECEC; border-radius: 5px; box-shadow: 10px 0 20px rgba(0, 0, 0, 0.0509803922); } #ekb-admin-page-wrap .epkb-basic-box--style-1 .epkb-bb__header { display: flex; flex-direction: column-reverse; border-bottom: solid 1px #DDDDDD; margin: 0 -40px 15px -40px; padding: 10px 20px; } #ekb-admin-page-wrap .epkb-basic-box--style-1 .epkb-bb__header .epkb-bb__header__title { font-weight: 700; font-size: 22px; } #ekb-admin-page-wrap .epkb-basic-box--style-1 .epkb-bb__header .epkb-bb__header__icon { font-size: 22px; } #ekb-admin-page-wrap .epkb-video-container { box-shadow: 0 8px 38px 0 rgba(16, 16, 16, 0.0705882353); padding: 20px; background-color: #FFFFFF; text-align: center; } #ekb-admin-page-wrap .epkb-video-container .epkb-v__header-container { margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-video-container .epkb-v__video-container iframe { width: 100%; height: 100%; min-height: 225px; } #ekb-admin-page-wrap .epkb-video-container .epkb-v__desc-container { max-width: 400px; margin: 0 auto; } #ekb-admin-page-wrap .epkb-video-container .epkb-v__keywords-container { display: none; } #ekb-admin-page-wrap .epkb-toggle-setting-container { display: flex; flex-direction: column; margin: 0 0 20px 0; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__header-container { display: flex; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__header-container .epkb__header__label { min-width: 60px; margin-right: 10px; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__header-container .epkb__header__value { min-width: 75px; margin-right: 10px; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__header-container .epkb__header__edit { min-width: 35px; margin-right: 10px; color: #2EA3F2; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__header-container .epkb__header__edit:hover { cursor: pointer; color: #0B6DAF; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__input-container { display: none; margin: 10px 0 10px 0; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__input-container ul { display: flex; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__input-container ul li { margin-right: 10px; } #ekb-admin-page-wrap .epkb-toggle-setting-container .epkb-ts__action-container { display: none; text-align: right; } #ekb-admin-page-wrap .epkb-toggle-setting-container--active { border: solid 1px #DDDDDD; padding: 20px; background-color: #FAFAFA; } #ekb-admin-page-wrap .epkb-setting-container { display: flex; flex-direction: column; margin: 0 0 20px 0; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__header-container { display: flex; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__header-container .epkb__header__label { min-width: 60px; margin-right: 10px; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__header-container .epkb__header__value { min-width: 75px; margin-right: 10px; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__header-container .epkb__header__edit { min-width: 35px; margin-right: 10px; color: #2EA3F2; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__header-container .epkb__header__edit:hover { cursor: pointer; color: #0B6DAF; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__input-container { margin: 0 0 10px 0; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__input-container ul { display: flex; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__input-container ul li { margin-right: 10px; } #ekb-admin-page-wrap .epkb-setting-container .epkb-s__action-container { display: none; text-align: right; } #ekb-admin-page-wrap .epkb-legend-container { display: flex; flex-direction: column; margin: 0 0 20px 0; min-height: fit-content; } #ekb-admin-page-wrap .epkb-legend-container .epkb-L__legend-container { display: flex; } #ekb-admin-page-wrap .epkb-legend-container .epkb-L__legend-container .epkb__legend__label { min-width: 60px; margin-right: 10px; } #ekb-admin-page-wrap .epkb-legend-container .epkb-L__legend-container .epkb__legend__value { margin-right: 10px; } #ekb-admin-page-wrap .epkb-legend-container .epkb-L__input-container ul { display: flex; margin: 0; padding: 0; } #ekb-admin-page-wrap .epkb-legend-container .epkb-L__input-container ul li { margin-right: 10px; } #ekb-admin-page-wrap .epkb-legend-container .epkb-L__action-container { display: none; text-align: right; } #ekb-admin-page-wrap .epkb-hide-elem { display: none !important; } #ekb-admin-page-wrap .epkb__option-tooltip { margin-left: 5px; position: relative; display: inline-block; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__button { font-size: 18px; color: #2EA3F2; cursor: pointer; padding: 0 4px; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__contents { position: absolute; top: -17px; left: 35px; z-index: 10; width: max-content; max-width: 300px; background-color: #FFFFFF; border-radius: 3px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); white-space: normal; display: none; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__contents:hover { display: block; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__contents:after { content: ""; position: absolute; top: 15px; right: 100%; -webkit-transform: scaleY(0.7); -ms-transform: scaleY(0.7); transform: scaleY(0.7); border: 10px solid transparent; border-right-color: #FFFFFF; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__contents .epkb__option-tooltip__header { display: flex; padding: 20px; border-bottom: 1px solid #E6E9EC; font-size: 14px; font-weight: 500; color: #495157; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__contents .epkb__option-tooltip__body { padding: 20px; font-size: 12px; line-height: 1.5; box-sizing: border-box; color: #6D7882; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__contents .epkb__option-tooltip__footer { text-align: center; padding: 20px; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__contents .epkb__option-tooltip__footer .epkb__option-tooltip__button { display: block; background-color: #39B54A; color: #FFFFFF; width: 100%; padding: 6.5px; font-size: 12px; text-decoration: none; outline-style: none; box-shadow: none; border-color: transparent; transition: all 0.3s; } #ekb-admin-page-wrap .epkb__option-tooltip .epkb__option-tooltip__contents .epkb__option-tooltip__footer .epkb__option-tooltip__button:hover { opacity: 0.85; box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } #ekb-admin-page-wrap .eckb-tooltip-container { position: relative; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-success .eckb-tooltip-button { background-color: #78B956; border-color: #609C40; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-success .eckb-tooltip-contents { background-color: #EEF6EA; border-color: #78B956; color: #2D491E; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-success .eckb-tooltip-contents hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-top-color: #78B956; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-success .eckb-tooltip-bottom:after { border-bottom-color: #78B956; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-success .eckb-tooltip-top:after { border-top-color: #78B956; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-primary .eckb-tooltip-button { background-color: #2EA3F2; border-color: #0E8BDF; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-primary .eckb-tooltip-contents { background-color: #F3FAFE; border-color: #2EA3F2; color: #074671; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-primary .eckb-tooltip-contents hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-top-color: #2EA3F2; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-primary .eckb-tooltip-bottom:after { border-bottom-color: #2EA3F2; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-primary .eckb-tooltip-top:after { border-top-color: #2EA3F2; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-warning .eckb-tooltip-button { background-color: #F0BC71; border-color: #EBA643; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-warning .eckb-tooltip-contents { background-color: #FFFFFF; border-color: #F0BC71; color: #A76A12; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-warning .eckb-tooltip-contents hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-top-color: #F0BC71; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-warning .eckb-tooltip-bottom:after { border-bottom-color: #F0BC71; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-warning .eckb-tooltip-top:after { border-top-color: #F0BC71; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-error .eckb-tooltip-button { background-color: #D95651; border-color: #CB322C; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-error .eckb-tooltip-contents { background-color: #FEFDFD; border-color: #D95651; color: #6A1A17; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-error .eckb-tooltip-contents hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-top-color: #D95651; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-error .eckb-tooltip-bottom:after { border-bottom-color: #D95651; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-error .eckb-tooltip-top:after { border-top-color: #D95651; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-attention .eckb-tooltip-button { background-color: #D0D849; border-color: #BBC42A; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-attention .eckb-tooltip-contents { background-color: #FCFDF5; border-color: #D0D849; color: #5F6315; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-attention .eckb-tooltip-contents hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-top-color: #D0D849; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-attention .eckb-tooltip-bottom:after { border-bottom-color: #D0D849; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-attention .eckb-tooltip-top:after { border-top-color: #D0D849; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-default .eckb-tooltip-button { background-color: #666666; border-color: #4D4D4D; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-default .eckb-tooltip-contents { background-color: #CFCFCF; border-color: #666666; color: #121212; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-default .eckb-tooltip-contents hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-top-color: #666666; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-default .eckb-tooltip-bottom:after { border-bottom-color: #666666; } #ekb-admin-page-wrap .eckb-tooltip-container.eckb-tip-default .eckb-tooltip-top:after { border-top-color: #666666; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-button { color: #FFFFFF; border-radius: 4px; padding: 8px 12px; float: left; margin: 10px 0; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-button:hover { opacity: 0.8; cursor: pointer; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-contents { display: none; position: absolute; z-index: 9999999; padding: 10px; border: solid 1px; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-contents:after { content: ""; width: 0; height: 0; position: absolute; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-contents .eckb-tooltip-heading { font-size: 1.5em; margin: 0; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-top { bottom: 3px; left: 0; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-top:after { bottom: -9px; left: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-bottom { top: 56px; left: 0; } #ekb-admin-page-wrap .eckb-tooltip-container .eckb-tooltip-bottom:after { top: -9px; left: 20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid; } #ekb-admin-page-wrap .eckb-external-link { position: relative; } #ekb-admin-page-wrap .eckb-external-link:after { background-image: url("../img/knowledge-base-mini-icon.png"); width: 26px; height: 26px; content: " "; display: block; position: absolute; right: -33px; top: -2px; } #ekb-admin-page-wrap .config-option-group { display: none; } #ekb-admin-page-wrap .eckb-multiple-number-group { margin-bottom: 77px !important; } #ekb-admin-page-wrap .eckb-multiple-number-group .number-input { width: 25%; float: left; text-align: center; } #ekb-admin-page-wrap .eckb-multiple-number-group .number-input input[type=number] { width: 100%; text-align: center; border-top: 1px solid #A4AFB7; border-right: none; border-bottom: 1px solid #A4AFB7; border-left: 1px solid #A4AFB7; box-shadow: none; } #ekb-admin-page-wrap .eckb-multiple-number-group .number-input:last-child input[type=number] { border-right: 1px solid #A4AFB7; } #ekb-admin-page-wrap .epkb-config-wrapper { margin-right: 20px; } #ekb-admin-page-wrap .epkb-config-wrapper .eckb-top-notice-message { margin-top: 20px; } @media (min-width: 1480px) { #ekb-admin-page-wrap .epkb-config-wrapper .eckb-top-notice-message { width: 100%; } } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info { float: left; width: 100%; background-color: #FFFFFF; border: solid 1px #CCCCCC; -webkit-box-shadow: 2px 15px 6px -9px rgba(0, 0, 0, 0.17); -moz-box-shadow: 2px 15px 6px -9px rgba(0, 0, 0, 0.17); box-shadow: 2px 15px 6px -9px rgba(0, 0, 0, 0.17); margin-bottom: 20px; border-radius: 5px; margin-right: 20px; position: relative; z-index: 9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */ background: #FFFFFF; /* Old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 50%, #EDEDED 51%, #FFFFFF 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #FFFFFF 0%, #F3F3F3 50%, #EDEDED 51%, #FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #FFFFFF 0%, #F3F3F3 50%, #EDEDED 51%, #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0); /* IE6-9 */ } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .fade { background-color: #CCCCCC; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info h1 { font-size: 1em; line-height: 1em; padding: 0; margin: 0; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info p { margin: 0; padding: 0; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-section { float: left; margin: 0px 0; padding: 10px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-section a { text-decoration: none; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-section a.shortcode_error { color: #D95651; font-weight: bold; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-section .epkb-info-settings-button { border: none; float: left; padding: 0.6em 1.2em; color: #FFFFFF; font-family: "Lato", Calibri, Arial, sans-serif; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; margin: 3px 2px; border-radius: 2px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-section .epkb-settings-button { border: none; float: left; padding: 0.6em 1.2em; background-color: #666666; color: #FFFFFF; font-family: "Lato", Calibri, Arial, sans-serif; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; margin: 3px 2px; border-radius: 2px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-section .epkb-active-setting { background-color: #00A0D2; } @media (max-width: 768px) { #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info #epkb-view-kb-button { position: absolute; left: 170px; margin: 0; } } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-view { margin: 0; padding: 0; font-size: 31px; } @media (min-width: 1400px) { #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-view { position: relative; margin-left: -7px; margin-right: 10px; top: inherit; left: inherit; padding: 5px; } } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-view a { margin-top: 15px; text-decoration: none; display: block; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-view:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section { min-width: 200px; width: 100%; } @media (min-width: 850px) { #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section { width: 240px; } } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section #epkb-list-of-kbs { display: block; font-size: 1.2em; float: left; margin-top: 12px; height: 37px; border: solid 1px #DDDDDD; color: #000000; width: 195px; } @media (min-width: 1400px) { #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section #epkb-list-of-kbs { width: 100%; } } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section .epkb-kb-name { display: block; font-size: 1.5em; float: left; margin-top: 20px; height: 37px; color: #000000; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section .overview-icon-container { text-align: center; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section .overview-icon-container .overview-icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section .overview-icon-container .overview-icon:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section .wizard-icon-container { text-align: center; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section .wizard-icon-container .wizard-icon { font-size: 40px; color: #444444; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-kb-name-section .wizard-icon-container .wizard-icon:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main.has-margin { margin-right: 30px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .overview-icon-container { text-align: center; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .overview-icon-container .overview-icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .overview-icon-container a { color: #444444; display: block; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .overview-icon-container a:hover { color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .overview-icon-container a:focus { box-shadow: none; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .overview-icon-container a .epkb-view { margin-right: 0; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .overview-icon-container:hover a { color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .wizard-icon-container { text-align: center; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .wizard-icon-container p { text-decoration: none; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main .wizard-icon-container .wizard-icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-main:hover { cursor: pointer; background-color: #FFFFFF; color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section { color: #D95651; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section.has-margin { margin-right: 30px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .overview-icon-container { text-align: center; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .overview-icon-container .overview-icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .overview-icon-container a { color: #444444; display: block; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .overview-icon-container a:hover { color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .overview-icon-container a:focus { box-shadow: none; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .overview-icon-container a .epkb-view { margin-right: 0; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .overview-icon-container:hover a { color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .wizard-icon-container { text-align: center; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .wizard-icon-container p { text-decoration: none; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section .wizard-icon-container .wizard-icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-error-section:hover { cursor: pointer; background-color: #FFFFFF; color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-setup { text-align: center; width: 100px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-setup .setup-icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-setup .setup-icon:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-pages.epkb-info-old { display: none; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-pages:hover { cursor: pointer; background-color: #FFFFFF; color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-pages .page-icon-container { text-align: center; position: relative; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-pages .page-icon-container .page-icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-pages .page-icon-container a { color: #444444; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-pages .page-icon-container a:hover { color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-pages .page-icon-container:hover a { color: #00799F; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-pages .user_flow_arrow_icon { position: absolute; top: 31px; right: -17px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-save { position: absolute; right: 27px; top: 12px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-save .config-option-group { float: left; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-info-save .config-option-group .submit { padding: 0; margin: 0; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-demo-data-button { float: right; position: relative; display: none; } @media (min-width: 1400px) { #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-demo-data-button { position: absolute; right: 260px; top: 18px; } } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-demo-data-button .ep_font_icon_info { font-size: 20px; padding: 0; position: absolute; left: -33px; top: 31px; } @media (min-width: 1400px) { #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-demo-data-button .ep_font_icon_info { top: 14px; } } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-demo-data-button .ep_font_icon_info:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-mega-menu-toggle { position: absolute; right: 218px; top: 12px; background: none; border: none; display: none; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-mega-menu-toggle .epkb-setting-icon { font-size: 33px; margin-top: 5px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-mega-menu-toggle .epkb-setting-icon:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-beta-link { position: relative; text-align: center; background-color: #29B401; border: solid 3px #04721E; margin: 6px; color: #FFFFFF; overflow: hidden; width: 128px; border-radius: 8px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-beta-link:hover { background-color: #2DD001; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-beta-link .epkbfa-flask { color: yellow; font-size: 25px; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .epkb-beta-badge { position: absolute; top: 2px; left: -20px; transform: rotate(319deg); background-color: #E9FF00; padding: 1px 20px; text-transform: uppercase; color: #474747; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .config-input-group { float: left; display: block; } #ekb-admin-page-wrap .epkb-config-wrapper #epkb-config-main-info .config-input-group .submit { margin: 0; padding: 0; } #ekb-admin-page-wrap .epkb-config-wrapper .open-menu { display: block !important; } #ekb-admin-page-wrap .support-icon-container { float: right; padding-right: 10px; padding-top: 10px; } #ekb-admin-page-wrap .support-icon-container a { color: #6D7882; } #ekb-admin-page-wrap .support-icon-container a:hover { color: #2EA3F2; } #ekb-admin-page-wrap .active-info { background-color: #00A0D2; color: #FFFFFF; border-radius: 50px; } #ekb-admin-page-wrap .epkb-active-page { color: #00A0D2; } @media (min-width: 1400px) { #ekb-admin-page-wrap .epkb-active-page { border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; background-color: #FFFFFF; } } #ekb-admin-page-wrap .epkb-active-page p { font-weight: bold; } #ekb-admin-page-wrap .epkb-config-content { float: left; width: 65%; position: relative; max-width: 1112px; } #ekb-admin-page-wrap .epkb-preview-active-info .epkb-info { background-color: #00A0D2; color: #FFFFFF; border-radius: 50px; } #ekb-admin-page-wrap #epkb-main-page-container { float: left; padding: 2%; width: 100%; overflow: auto; background-color: #FFFFFF; position: relative; } #ekb-admin-page-wrap #epkb-main-page-container img { max-width: 100%; } #ekb-admin-page-wrap .epkb-top-categories-list > .epkb-sortable-item-highlight .epkb-category-level-1 { color: #00BFFF !important; } #ekb-admin-page-wrap section.epkb-sortable-item-highlight .epkb-category-level-1 { color: #00BFFF !important; } #ekb-admin-page-wrap .epkb-sub-category > .epkb-sortable-item-highlight .epkb-category-level-2-3 a { color: #00BFFF !important; font-weight: bold; } #ekb-admin-page-wrap .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title { color: #00BFFF !important; font-weight: bold; } #ekb-admin-page-wrap .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title i, #ekb-admin-page-wrap .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title span { color: #00BFFF !important; font-weight: bold; } #ekb-admin-page-wrap .ui-sortable-disabled .ui-sortable-handle:hover { cursor: default; } #ekb-admin-page-wrap .ui-sortable-handle:hover { cursor: move; } #ekb-admin-page-wrap .epkb-section-body a .article_underline_effect span:hover { text-decoration: none !important; } #ekb-admin-page-wrap .epkb-sortable-placeholder { background-color: #B6FF6D; } #ekb-admin-page-wrap #epkb-content-container { margin: 0 !important; } #ekb-admin-page-wrap .epkb-switch-container { padding-top: 16px; width: 300px; } @media (min-width: 1400px) { #ekb-admin-page-wrap .epkb-switch-container { position: relative; display: block; float: left; padding: 0; } } #ekb-admin-page-wrap .epkb-switch-container .epkb-switch { position: relative; display: inline-block; width: 60px; height: 34px; margin-left: 88px; } #ekb-admin-page-wrap .epkb-switch-container .epkb-switch input { display: none; } #ekb-admin-page-wrap .epkb-switch-container .epkb-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #CCCCCC; -webkit-transition: 0.4s; transition: 0.4s; } #ekb-admin-page-wrap .epkb-switch-container .epkb-slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } #ekb-admin-page-wrap .epkb-switch-container input:checked + .epkb-slider { background-color: #00A0D2; } #ekb-admin-page-wrap .epkb-switch-container input:focus + .epkb-slider { box-shadow: 0 0 1px #00A0D2; } #ekb-admin-page-wrap .epkb-switch-container input:checked + .epkb-slider + .kb-name { color: #00A0D2; font-weight: bold; } #ekb-admin-page-wrap .epkb-switch-container input:checked + .epkb-slider + .kb-name + .kb-demo { color: #CCCCCC; font-weight: normal; } #ekb-admin-page-wrap .epkb-switch-container .kb-name { position: absolute; right: -86px; color: #CCCCCC; line-height: 2em; } #ekb-admin-page-wrap .epkb-switch-container .kb-demo { position: absolute; left: -86px; font-weight: bold; line-height: 2em; } #ekb-admin-page-wrap .epkb-switch-container input:checked + .epkb-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } #ekb-admin-page-wrap .epkb-switch-container .epkb-slider.round { border-radius: 34px; } #ekb-admin-page-wrap .epkb-switch-container .epkb-slider.round:before { border-radius: 50%; } #ekb-admin-page-wrap .config-input-group { padding-left: 0 !important; padding-right: 0 !important; } #ekb-admin-page-wrap .config-input-group > label { padding-left: 0 !important; } #ekb-admin-page-wrap .config-input-group .main_label { padding-left: 0 !important; } #ekb-admin-page-wrap .config-input-group.config-col-12 .main_label { margin-bottom: 10px; } #ekb-admin-page-wrap .radio-buttons-vertical > ul { float: left; display: block; margin: 0; } #ekb-admin-page-wrap .radio-buttons-vertical .input_container { padding-left: 0 !important; } #ekb-admin-page-wrap .radio-buttons-vertical .input_container + label { padding-right: 0 !important; } @media (min-width: 1500px) { #ekb-admin-page-wrap .text-fields-horizontal > div:nth-child(1) { padding-left: 0 !important; padding-right: 7.5px !important; } } #ekb-admin-page-wrap .text-fields-horizontal > div:nth-child(2) { padding-right: 0 !important; padding-left: 7.5px !important; } @media (max-width: 1500px) { #ekb-admin-page-wrap .text-fields-horizontal > div:nth-child(2) { padding-left: 0 !important; } } #ekb-admin-page-wrap .text-fields-horizontal label { font-size: 0.9em; } #ekb-admin-page-wrap .text-select-fields-horizontal ul { float: left; margin: 0; } #ekb-admin-page-wrap .text-select-fields-horizontal ul .config-input-group .input_container { padding-left: 0 !important; } #ekb-admin-page-wrap .ekb-color-picker .wp-picker-container .button { border: solid 1px #D4DDE2; } #ekb-admin-page-wrap .ekb-color-picker .wp-picker-container .button .wp-color-result-text { font-size: 11px; } #ekb-admin-page-wrap .ekb-color-picker .wp-color-result:after { min-width: 70px; } #ekb-admin-page-wrap .ekb-color-picker > div:nth-child(1) .iris-picker { position: relative; } #ekb-admin-page-wrap .ekb-color-picker > div:nth-child(2) .wp-picker-input-wrap { position: absolute; right: 0; } @media (max-width: 1500px) { #ekb-admin-page-wrap .ekb-color-picker > div:nth-child(2) .wp-picker-input-wrap { position: relative; right: inherit; } } #ekb-admin-page-wrap .ekb-color-picker > div:nth-child(2) .iris-picker { position: absolute; right: 0; top: 55px; } @media (max-width: 1500px) { #ekb-admin-page-wrap .ekb-color-picker > div:nth-child(2) .iris-picker { position: relative; right: inherit; top: 6px; } } #ekb-admin-page-wrap .ekb-color-picker .iris-slider { height: 183.346px !important; width: 24.2px !important; } #ekb-admin-page-wrap .ekb-color-picker label { float: none; } #ekb-admin-page-wrap .ekb-color-picker .wp-picker-open + .wp-picker-input-wrap { display: block; } #ekb-admin-page-wrap .wp-picker-active { position: relative; } #ekb-admin-page-wrap .wp-picker-active .wp-picker-clear { margin-top: 5px; font-size: 15px; padding: 1px 20px; margin-bottom: 5px; } #ekb-admin-page-wrap .epkb-picker-preview { position: absolute; background-color: #00A0D2; color: #FFFFFF; left: -124px; top: 0; padding: 12px 31px; border-radius: 3px; border: solid 1px #00799F; } @media (max-width: 1500px) { #ekb-admin-page-wrap .epkb-picker-preview { left: 0; bottom: -53px; top: initial; } } #ekb-admin-page-wrap .epkb-picker-preview:hover { opacity: 0.8; cursor: pointer; } #ekb-admin-page-wrap .config-col-1 img, #ekb-admin-page-wrap .config-col-2 img, #ekb-admin-page-wrap .config-col-3 img, #ekb-admin-page-wrap .config-col-4 img, #ekb-admin-page-wrap .config-col-5 img, #ekb-admin-page-wrap .config-col-6 img, #ekb-admin-page-wrap .config-col-7 img, #ekb-admin-page-wrap .config-col-8 img, #ekb-admin-page-wrap .config-col-9 img, #ekb-admin-page-wrap .config-col-10 img, #ekb-admin-page-wrap .config-col-11 img, #ekb-admin-page-wrap .config-col-12 img { width: 100%; } @media (max-width: 780px) { #ekb-admin-page-wrap .config-col-1, #ekb-admin-page-wrap .config-col-2, #ekb-admin-page-wrap .config-col-3, #ekb-admin-page-wrap .config-col-4, #ekb-admin-page-wrap .config-col-5, #ekb-admin-page-wrap .config-col-6, #ekb-admin-page-wrap .config-col-7, #ekb-admin-page-wrap .config-col-8, #ekb-admin-page-wrap .config-col-9, #ekb-admin-page-wrap .config-col-10, #ekb-admin-page-wrap .config-col-11, #ekb-admin-page-wrap .config-col-12 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; width: 100% !important; } } @media (min-width: 780px) { #ekb-admin-page-wrap .config-col-1, #ekb-admin-page-wrap .config-col-2, #ekb-admin-page-wrap .config-col-3, #ekb-admin-page-wrap .config-col-4, #ekb-admin-page-wrap .config-col-5, #ekb-admin-page-wrap .config-col-6, #ekb-admin-page-wrap .config-col-7, #ekb-admin-page-wrap .config-col-8, #ekb-admin-page-wrap .config-col-9, #ekb-admin-page-wrap .config-col-10, #ekb-admin-page-wrap .config-col-11, #ekb-admin-page-wrap .config-col-12 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; } #ekb-admin-page-wrap .config-col-12 { width: 100%; padding: 0; } #ekb-admin-page-wrap .config-col-11 { width: 91.66666667%; } #ekb-admin-page-wrap .config-col-10 { width: 83.33333333%; } #ekb-admin-page-wrap .config-col-9 { width: 75%; } #ekb-admin-page-wrap .config-col-8 { width: 66.66666667%; } #ekb-admin-page-wrap .config-col-7 { width: 58.33333333%; } #ekb-admin-page-wrap .config-col-6 { width: 50%; } #ekb-admin-page-wrap .config-col-5 { width: 41.66666667%; } #ekb-admin-page-wrap .config-col-4 { width: 33.33333333%; } #ekb-admin-page-wrap .config-col-3 { width: 25%; } #ekb-admin-page-wrap .config-col-2 { width: 16.66666667%; } #ekb-admin-page-wrap .config-col-1 { width: 8.33333333%; } #ekb-admin-page-wrap .config-col-pull-12 { right: 100%; } #ekb-admin-page-wrap .config-col-pull-11 { right: 91.66666667%; } #ekb-admin-page-wrap .config-col-pull-10 { right: 83.33333333%; } #ekb-admin-page-wrap .config-col-pull-9 { right: 75%; } #ekb-admin-page-wrap .config-col-pull-8 { right: 66.66666667%; } #ekb-admin-page-wrap .config-col-pull-7 { right: 58.33333333%; } #ekb-admin-page-wrap .config-col-pull-6 { right: 50%; } #ekb-admin-page-wrap .config-col-pull-5 { right: 41.66666667%; } #ekb-admin-page-wrap .config-col-pull-4 { right: 33.33333333%; } #ekb-admin-page-wrap .config-col-pull-3 { right: 25%; } #ekb-admin-page-wrap .config-col-pull-2 { right: 16.66666667%; } #ekb-admin-page-wrap .config-col-pull-1 { right: 8.33333333%; } #ekb-admin-page-wrap .config-col-pull-0 { right: auto; } #ekb-admin-page-wrap .config-col-push-12 { left: 100%; } #ekb-admin-page-wrap .config-col-push-11 { left: 91.66666667%; } #ekb-admin-page-wrap .config-col-push-10 { left: 83.33333333%; } #ekb-admin-page-wrap .config-col-push-9 { left: 75%; } #ekb-admin-page-wrap .config-col-push-8 { left: 66.66666667%; } #ekb-admin-page-wrap .config-col-push-7 { left: 58.33333333%; } #ekb-admin-page-wrap .config-col-push-6 { left: 50%; } #ekb-admin-page-wrap .config-col-push-5 { left: 41.66666667%; } #ekb-admin-page-wrap .config-col-push-4 { left: 33.33333333%; } #ekb-admin-page-wrap .config-col-push-3 { left: 25%; } #ekb-admin-page-wrap .config-col-push-2 { left: 16.66666667%; } #ekb-admin-page-wrap .config-col-push-1 { left: 8.33333333%; } #ekb-admin-page-wrap .config-col-push-0 { left: auto; } #ekb-admin-page-wrap .config-col-offset-12 { margin-left: 100%; } #ekb-admin-page-wrap .config-col-offset-11 { margin-left: 91.66666667%; } #ekb-admin-page-wrap .config-col-offset-10 { margin-left: 83.33333333%; } #ekb-admin-page-wrap .config-col-offset-9 { margin-left: 75%; } #ekb-admin-page-wrap .config-col-offset-8 { margin-left: 66.66666667%; } #ekb-admin-page-wrap .config-col-offset-7 { margin-left: 58.33333333%; } #ekb-admin-page-wrap .config-col-offset-6 { margin-left: 50%; } #ekb-admin-page-wrap .config-col-offset-5 { margin-left: 41.66666667%; } #ekb-admin-page-wrap .config-col-offset-4 { margin-left: 33.33333333%; } #ekb-admin-page-wrap .config-col-offset-3 { margin-left: 25%; } #ekb-admin-page-wrap .config-col-offset-2 { margin-left: 16.66666667%; } #ekb-admin-page-wrap .config-col-offset-1 { margin-left: 8.33333333%; } #ekb-admin-page-wrap .config-col-offset-0 { margin-left: 0; } } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content { background-color: #FBFBFB; margin-bottom: 5px; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-multiple-number-group { margin: auto !important; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading { cursor: pointer; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading h4 { margin-bottom: 0 !important; transition: 0.2s; background-color: #EAEAEA; padding: 20px; margin: 0 0 20px 0; color: #3A3A3A; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading .epkbfa-caret-down { display: none; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading .option-info-icon { display: none; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading + .option-info-content + .eckb-wizard-single-text { padding-top: 5px !important; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading + .option-info-content + .eckb-wizard-single-color { padding-top: 5px !important; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading + .option-info-content + .epkb-wizard-dual-color { padding-top: 5px !important; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content:last-child h4 { border-color: transparent; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content .config-input-group { transition-timing-function: cubic-bezier(1, 0.02, 1, 0.96); max-height: 0; overflow: hidden; box-sizing: border-box; min-height: 0; float: none; padding: 0px 15px !important; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-single-color { padding: 10px 0 5px 0 !important; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading h4 { margin-bottom: 20px; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading .epkbfa-caret-right { display: none; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading .epkbfa-caret-down { display: inline-block; } #ekb-admin-page-wrap .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .config-input-group { max-height: 599px; padding: 5px 15px !important; } #ekb-admin-page-wrap .epkb-dialog-box-form { display: none; background-color: #FFFFFF; width: 700px; position: fixed; top: 40%; left: 50%; margin-left: -350px; box-shadow: -2px 11px 20px 2px #000000; border: solid 1px #EFEFEF; z-index: 999; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=text] { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: 35px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=text]:focus { border-color: #333333; outline: 0 none; box-shadow: 0 0 0 1px #333333; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=radio] { width: 20px; height: 20px; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=radio]:before { width: 10px !important; height: 10px !important; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=radio]:before:checked { width: 10px !important; height: 10px !important; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=radio]:checked + label { font-weight: bold; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=checkbox] { width: 20px; height: 20px; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=checkbox]:before { width: 10px; height: 10px; margin: -1px 0px 0px -1px; } #ekb-admin-page-wrap .epkb-dialog-box-form input[type=checkbox]:checked + label { font-weight: bold; } #ekb-admin-page-wrap .epkb-dialog-box-form select { padding: 6px 12px; border-radius: 4px; border: 1px solid #DDDDDD; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #FFFFFF; color: #32373C; outline: none; transition: 0.05s border-color ease-in-out; height: 41px; font-size: 16px; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__header { padding: 20px 20px 20px 20px; border-bottom: solid 1px #DDDDDD; background-color: #FCFCFC; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__header h4 { font-size: 22px; margin: 0; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__body { padding: 20px; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__form { padding: 20px; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input { margin-bottom: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: 25% 25% 25% 25%; grid-template-areas: "textLabel textLabel textInput textInput" "radiolabel radio radio rado" "checklabel checkbox checkbox checkbox"; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label { grid-area: textLabel; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label { grid-area: radiolabel; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label { grid-area: checklabel; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=text] { grid-area: textInput; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=radio] { grid-area: radio; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=checkbox] { grid-area: checkbox; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer { background-color: #F7F7F7; padding: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: auto 50%; border-top: solid 1px #DDDDDD; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept { text-transform: uppercase; margin: 10px; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success { background-color: #78B956; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover { background-color: #8FDD7D; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error { background-color: #D95651; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover { background-color: #E27F7B; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning { background-color: #F0BC71; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover { background-color: #F5D29F; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default { background-color: #DDDDDD; color: #000000; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover { background-color: #E7E7E7; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary { background-color: #2EA3F2; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover { background-color: #2EA3F2; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel { background-color: #DDDDDD; color: #636262; text-transform: uppercase; margin: 10px; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover { cursor: pointer; background-color: #E7E7E7; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel .epkb-dbf__footer__cancel__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__close { position: absolute; top: 9px; right: 10px; padding: 8px; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__close:before { font-size: 25px; } #ekb-admin-page-wrap .epkb-dialog-box-form .epkb-dbf__close:hover { cursor: pointer; opacity: 0.7; box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF; border-radius: 4px; } #ekb-admin-page-wrap .epkb-dialog-box-form--active { display: block; } #ekb-admin-page-wrap .epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background { display: block; } #ekb-admin-page-wrap .epkb-dialog-box-form-black-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle { margin: 10px 0; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field { display: flex; justify-content: space-between; align-items: center; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__title { flex-shrink: 0; font-size: 13px; line-height: 1; max-width: 75%; display: flex; flex-direction: row; align-items: center; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__title .epkb-admin__input-field-desc { margin-top: 5px; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input { margin-left: auto; max-width: 400px; width: auto; text-align: left; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label { background: #86D700; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label:before { color: #86D700; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label:after { color: #FFFFFF; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__handle { left: auto; right: 2px; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle { position: relative; display: inline-block; vertical-align: top; height: 24px; background-color: #FFFFFF; border-radius: 18px; cursor: pointer; width: 54px; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__toggle { display: none; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #ECEEEF; border-radius: inherit; transition: 0.15s ease-out; transition-property: opacity, background; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__label:before { content: attr(data-off); right: 3px; color: #A4AFB7; position: absolute; top: 2px; width: 50%; text-align: center; line-height: 22px; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__label:after { opacity: 1; content: attr(data-on); left: 3px; color: #ECEEEF; position: absolute; top: 2px; width: 50%; text-align: center; line-height: 22px; transition: inherit; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__handle { -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); position: absolute; top: 3px; left: 2px; width: 18px; height: 18px; background: #FFFFFF; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle--right .epkb-settings-control__field { flex-direction: row-reverse; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle--right .epkb-settings-control__field .epkb-settings-control__input { margin-left: 0; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle--baseline { display: flex; align-items: center; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle--baseline .epkb-settings-control__description { margin-bottom: 0 !important; } #ekb-admin-page-wrap .epkb-settings-control-type-toggle--baseline .epkb-settings-control__field { margin-left: 20px; } #ekb-admin-page-wrap .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #ekb-admin-page-wrap .row:before, #ekb-admin-page-wrap .row:after, #ekb-admin-page-wrap .container:before, #ekb-admin-page-wrap .container:after { display: table; content: " "; } #ekb-admin-page-wrap .row:after, #ekb-admin-page-wrap .container:after { clear: both; } #ekb-admin-page-wrap .row { margin-right: -15px; margin-left: -15px; margin-bottom: 20px; } #ekb-admin-page-wrap .col-1 img, #ekb-admin-page-wrap .col-2 img, #ekb-admin-page-wrap .col-3 img, #ekb-admin-page-wrap .col-4 img, #ekb-admin-page-wrap .col-5 img, #ekb-admin-page-wrap .col-6 img, #ekb-admin-page-wrap .col-7 img, #ekb-admin-page-wrap .col-8 img, #ekb-admin-page-wrap .col-9 img, #ekb-admin-page-wrap .col-10 img, #ekb-admin-page-wrap .col-11 img, #ekb-admin-page-wrap .col-12 img { width: 100%; } @media (max-width: 780px) { #ekb-admin-page-wrap .col-1, #ekb-admin-page-wrap .col-2, #ekb-admin-page-wrap .col-3, #ekb-admin-page-wrap .col-4, #ekb-admin-page-wrap .col-5, #ekb-admin-page-wrap .col-6, #ekb-admin-page-wrap .col-7, #ekb-admin-page-wrap .col-8, #ekb-admin-page-wrap .col-9, #ekb-admin-page-wrap .col-10, #ekb-admin-page-wrap .col-11, #ekb-admin-page-wrap .col-12 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; width: 100% !important; } } @media (min-width: 780px) { #ekb-admin-page-wrap .col-1, #ekb-admin-page-wrap .col-2, #ekb-admin-page-wrap .col-3, #ekb-admin-page-wrap .col-4, #ekb-admin-page-wrap .col-5, #ekb-admin-page-wrap .col-6, #ekb-admin-page-wrap .col-7, #ekb-admin-page-wrap .col-8, #ekb-admin-page-wrap .col-9, #ekb-admin-page-wrap .col-10, #ekb-admin-page-wrap .col-11, #ekb-admin-page-wrap .col-12 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; } #ekb-admin-page-wrap .col-12 { width: 100%; } #ekb-admin-page-wrap .col-11 { width: 91.66666667%; } #ekb-admin-page-wrap .col-10 { width: 83.33333333%; } #ekb-admin-page-wrap .col-9 { width: 75%; } #ekb-admin-page-wrap .col-8 { width: 66.66666667%; } #ekb-admin-page-wrap .col-7 { width: 58.33333333%; } #ekb-admin-page-wrap .col-6 { width: 50%; } #ekb-admin-page-wrap .col-5 { width: 41.66666667%; } #ekb-admin-page-wrap .col-4 { width: 33.33333333%; } #ekb-admin-page-wrap .col-3 { width: 25%; } #ekb-admin-page-wrap .col-2 { width: 16.66666667%; } #ekb-admin-page-wrap .col-1 { width: 8.33333333%; } #ekb-admin-page-wrap .col-pull-12 { right: 100%; } #ekb-admin-page-wrap .col-pull-11 { right: 91.66666667%; } #ekb-admin-page-wrap .col-pull-10 { right: 83.33333333%; } #ekb-admin-page-wrap .col-pull-9 { right: 75%; } #ekb-admin-page-wrap .col-pull-8 { right: 66.66666667%; } #ekb-admin-page-wrap .col-pull-7 { right: 58.33333333%; } #ekb-admin-page-wrap .col-pull-6 { right: 50%; } #ekb-admin-page-wrap .col-pull-5 { right: 41.66666667%; } #ekb-admin-page-wrap .col-pull-4 { right: 33.33333333%; } #ekb-admin-page-wrap .col-pull-3 { right: 25%; } #ekb-admin-page-wrap .col-pull-2 { right: 16.66666667%; } #ekb-admin-page-wrap .col-pull-1 { right: 8.33333333%; } #ekb-admin-page-wrap .col-pull-0 { right: auto; } #ekb-admin-page-wrap .col-push-12 { left: 100%; } #ekb-admin-page-wrap .col-push-11 { left: 91.66666667%; } #ekb-admin-page-wrap .col-push-10 { left: 83.33333333%; } #ekb-admin-page-wrap .col-push-9 { left: 75%; } #ekb-admin-page-wrap .col-push-8 { left: 66.66666667%; } #ekb-admin-page-wrap .col-push-7 { left: 58.33333333%; } #ekb-admin-page-wrap .col-push-6 { left: 50%; } #ekb-admin-page-wrap .col-push-5 { left: 41.66666667%; } #ekb-admin-page-wrap .col-push-4 { left: 33.33333333%; } #ekb-admin-page-wrap .col-push-3 { left: 25%; } #ekb-admin-page-wrap .col-push-2 { left: 16.66666667%; } #ekb-admin-page-wrap .col-push-1 { left: 8.33333333%; } #ekb-admin-page-wrap .col-push-0 { left: auto; } #ekb-admin-page-wrap .col-offset-12 { margin-left: 100%; } #ekb-admin-page-wrap .col-offset-11 { margin-left: 91.66666667%; } #ekb-admin-page-wrap .col-offset-10 { margin-left: 83.33333333%; } #ekb-admin-page-wrap .col-offset-9 { margin-left: 75%; } #ekb-admin-page-wrap .col-offset-8 { margin-left: 66.66666667%; } #ekb-admin-page-wrap .col-offset-7 { margin-left: 58.33333333%; } #ekb-admin-page-wrap .col-offset-6 { margin-left: 50%; } #ekb-admin-page-wrap .col-offset-5 { margin-left: 41.66666667%; } #ekb-admin-page-wrap .col-offset-4 { margin-left: 33.33333333%; } #ekb-admin-page-wrap .col-offset-3 { margin-left: 25%; } #ekb-admin-page-wrap .col-offset-2 { margin-left: 16.66666667%; } #ekb-admin-page-wrap .col-offset-1 { margin-left: 8.33333333%; } #ekb-admin-page-wrap .col-offset-0 { margin-left: 0; } } #ekb-admin-page-wrap .primary-btn { background-color: #2EA3F2; color: #FFFFFF; vertical-align: middle; border: none; } #ekb-admin-page-wrap .primary-btn:hover { background-color: #5EB8F5; cursor: pointer; } #ekb-admin-page-wrap .success-btn { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .success-btn a { text-decoration: none; } #ekb-admin-page-wrap .success-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .success-btn:focus { outline: 0; } #ekb-admin-page-wrap .info-btn { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .info-btn a { text-decoration: none; } #ekb-admin-page-wrap .info-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .info-btn:focus { outline: 0; } #ekb-admin-page-wrap .default-btn { background-color: #F7F7F7; color: #555555; vertical-align: middle; border: none; -webkit-box-shadow: 0 2px 0 #DEDEDE; box-shadow: 0 2px 0 #DEDEDE; } #ekb-admin-page-wrap .default-btn:hover { background-color: #FFFFFF; cursor: pointer; } #ekb-admin-page-wrap .error-btn { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .error-btn a { text-decoration: none; } #ekb-admin-page-wrap .error-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .error-btn:focus { outline: 0; } #ekb-admin-page-wrap .info-icon { position: absolute; } #ekb-admin-page-wrap .info-icon p { padding: 0; margin: 0 0 0 7px; width: 500px; color: #939AAA; font-size: 14px; line-height: 24px; box-sizing: border-box; float: left; } @media only screen and (max-width: 650px) { #ekb-admin-page-wrap .info-icon p { width: 100%; background-color: #FDFDFD; border: solid 1px #DDDDDD; padding: 9px; float: left; margin: 0; } } #ekb-admin-page-wrap .info-icon:before { color: #FFFFFF; width: 16px; line-height: 16px; height: 16px; background-color: rgba(147, 154, 170, 0.4); display: block; float: left; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; content: "i"; font-weight: bold; cursor: pointer; margin: 4px; } #ekb-admin-page-wrap .show { display: block !important; } #ekb-admin-page-wrap .container { padding: 15px !important; margin-right: auto; margin-left: auto; } @media (min-width: 400px) { #ekb-admin-page-wrap .container { width: 390px; } } @media (min-width: 600px) { #ekb-admin-page-wrap .container { width: 590px; } } @media (min-width: 782px) { #ekb-admin-page-wrap .container { width: 780px; } } @media (min-width: 960px) { #ekb-admin-page-wrap .container { width: 950px; } } #ekb-admin-page-wrap .hidden { display: none; } #ekb-admin-page-wrap .image_zoom { position: fixed; top: 10%; left: 50%; margin-left: -530px; width: 1062px; background-color: rgba(221, 221, 221, 0.94); -webkit-box-shadow: -2px -2px 34px -6px rgba(0, 0, 0, 0.75); -moz-box-shadow: -2px -2px 34px -6px rgba(0, 0, 0, 0.75); box-shadow: -2px -2px 34px -6px rgba(0, 0, 0, 0.75); z-index: 9999; } @media (max-width: 1100px) { #ekb-admin-page-wrap .image_zoom { width: 70%; left: 18%; } } #ekb-admin-page-wrap .image_zoom img { width: inherit !important; } #ekb-admin-page-wrap .image_zoom .layout_option { background-size: 100% 445px !important; width: 100% !important; } #ekb-admin-page-wrap .image_zoom .close { position: absolute; top: 0; right: 0; font-size: 61px; background-color: #BBB9B9; z-index: 99999; } #ekb-admin-page-wrap .image_zoom .close:hover { cursor: pointer; background-color: #CDCDCD; } #ekb-admin-page-wrap .image_zoom:after { content: " "; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9; pointer-events: none; } #ekb-admin-page-wrap .ekb-admin-page-tab-panel { display: none; width: 100%; float: left; box-sizing: border-box; min-height: 250px; padding: 25px; } #ekb-admin-page-wrap .active { display: block; } #ekb-admin-page-wrap .epkb-notification-box-middle { padding: 10px !important; display: flex; border-left-width: 4px !important; border-left-style: solid !important; width: 100%; color: #000000; } #ekb-admin-page-wrap .epkb-notification-box-middle .epkb-notification-box-middle__icon { font-size: 30px; margin-top: 6px; } #ekb-admin-page-wrap .epkb-notification-box-middle .epkb-notification-box-middle__icon .epkb-notification-box-middle__icon__inner { padding: 0; border-radius: 0; } #ekb-admin-page-wrap .epkb-notification-box-middle .epkb-notification-box-middle__body { padding: 5px 20px; } #ekb-admin-page-wrap .epkb-notification-box-middle .epkb-notification-box-middle__body .epkb-notification-box-middle__body__title { margin: 0 0 8px 0; } #ekb-admin-page-wrap .epkb-notification-box-middle .epkb-notification-box-middle__body .epkb-notification-box-middle__body__desc { margin-bottom: 0; line-height: 22px; } #ekb-admin-page-wrap .epkb-notification-box-middle .epkb-notification-box-middle__buttons-wrap { text-align: center; } #ekb-admin-page-wrap .epkb-notification-box-middle .epkb-notification-box-middle__buttons-wrap .epkb-notification-box-middle__button-confirm { padding: 10px 20px; min-width: 100px; height: auto; font-size: 16px; text-decoration: none; display: inline-block; background-color: #2EA3F2; color: #FFFFFF; text-align: center; margin-top: 20px; cursor: pointer; } #ekb-admin-page-wrap .epkb-notification-box-middle--success { border-left-color: #78B956 !important; background-color: #DDEDD4 !important; } #ekb-admin-page-wrap .epkb-notification-box-middle--success .epkb-notification-box-middle__icon { color: #78B956; } #ekb-admin-page-wrap .epkb-notification-box-middle--error { border-left-color: #D95651 !important; background-color: #F9E4E4 !important; } #ekb-admin-page-wrap .epkb-notification-box-middle--error .epkb-notification-box-middle__icon { color: #D95651; } #ekb-admin-page-wrap .epkb-notification-box-middle--error-no-icon { border-left-color: #D95651 !important; background-color: #F9E4E4 !important; } #ekb-admin-page-wrap .epkb-notification-box-middle--error-no-icon .epkb-notification-box-middle__icon { display: none; } #ekb-admin-page-wrap .epkb-notification-box-middle--error-no-icon .epkb-notification-box-middle__icon { color: #D95651; } #ekb-admin-page-wrap .epkb-notification-box-middle--warning { border-left-color: #F0BC71 !important; background-color: #FFFFFF !important; } #ekb-admin-page-wrap .epkb-notification-box-middle--warning .epkb-notification-box-middle__icon { color: #F0BC71; } #ekb-admin-page-wrap .epkb-notification-box-middle--info { border-left-color: #2EA3F2 !important; background-color: #D6EDFC !important; } #ekb-admin-page-wrap .epkb-notification-box-middle--info .epkb-notification-box-middle__icon { color: #2EA3F2; } #ekb-admin-page-wrap.ekb-admin-page-wrap--config-error .epkb-notification-box-middle { position: relative; margin-top: 20px; } #ekb-admin-page-wrap .epkb-copy-to-clipboard-box-container { display: flex; justify-content: space-between; width: fit-content; font-style: normal; font-size: 14px; margin-top: 5px; } #ekb-admin-page-wrap .epkb-copy-to-clipboard-box-container .epkb-ctc__copy-button { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -o-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #3EB8E5)); border-radius: 5px; font-size: 12px !important; margin: 0px; padding: 5px; min-width: 0px; } #ekb-admin-page-wrap .epkb-copy-to-clipboard-box-container .epkb-ctc__copy-button a { text-decoration: none; } #ekb-admin-page-wrap .epkb-copy-to-clipboard-box-container .epkb-ctc__copy-button:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -o-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -moz-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -ms-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-copy-to-clipboard-box-container .epkb-ctc__copy-button:focus { outline: 0; } #ekb-admin-page-wrap .epkb-copy-to-clipboard-box-container .epkb-ctc__embed-content { display: flex; align-items: center; border: 1px solid #B5C7D7; border-radius: 5px; background-color: #F3F6FF; margin-right: 5px; min-width: 200px; } #ekb-admin-page-wrap .epkb-copy-to-clipboard-box-container .epkb-ctc__embed-content .epkb-ctc__embed-code { padding-left: 5px; padding-right: 5px; } #ekb-admin-page-wrap .epkb-copy-to-clipboard-box-container .epkb-ctc__embed-content .epkb-ctc__embed-notification { display: none; position: absolute; padding-left: 5px; } #ekb-admin-page-wrap .epkb-admin__boxes-list__box-notification .epkb-admin__boxes-list__box__content { padding: 0 !important; } #ekb-admin-page-wrap .epkb-admin__boxes-list__box-notification .epkb-notification-box-middle .epkb-notification-box-middle__buttons-wrap { position: absolute; right: 15px; bottom: 15px; } #ekb-admin-page-wrap .epkb-admin__boxes-list__box-notification .epkb-notification-box-middle .epkb-notification-box-middle__buttons-wrap span { color: #2271B1; background-color: unset; text-decoration: underline; padding: 0; } #ekb-admin-page-wrap .epkb-admin__boxes-list__box-notification .epkb-notification-box-middle .epkb-notification-box-middle__body__desc .epkb-success-btn { display: block; margin-top: 15px; width: fit-content; } #ekb-admin-page-wrap .eckb-kb-no-content { display: block !important; padding: 25px !important; width: 70% !important; background-color: #EEEEEE; border: solid 1px #DDDDDD; border-radius: 10px; font-family: sans-serif; margin: 0 auto !important; } #ekb-admin-page-wrap .eckb-kb-no-content br { display: block !important; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-title { text-align: center !important; font-family: inherit; font-weight: bold; font-size: 29px; line-height: 48px; margin-bottom: 20px; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-body { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-body p { padding: 10px 0; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -o-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #3EB8E5)); border-radius: 5px; font-size: 20px; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn a { text-decoration: none; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -o-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -moz-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -ms-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn:focus { outline: 0; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-footer { margin-left: 20px !important; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-footer p { margin-top: 25px !important; font-size: 16px !important; font-family: Nunito, sans-serif !important; font-style: italic !important; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-footer span { font-size: 16px !important; font-family: Nunito, sans-serif !important; font-style: italic !important; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-footer a { color: #2EA3F2 !important; font-size: 16px !important; font-family: Nunito, sans-serif !important; font-style: italic !important; } #ekb-admin-page-wrap .eckb-kb-no-content .eckb-kb-no-content-footer a:hover { color: #0E8BDF !important; text-decoration: underline !important; text-decoration-color: #0E8BDF !important; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-admin-dialog-box-loading { background-color: #FFFFFF !important; max-width: 30% !important; width: 300px !important; position: fixed !important; top: 30% !important; left: 50% !important; margin-left: -150px !important; box-shadow: 0 3px 4px 0 #000000 !important; border: solid 4px #3B3B3B !important; z-index: 999 !important; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header { padding: 20px 20px 20px 20px !important; text-align: center !important; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon { border: dashed 6px #2EA3F2 !important; color: #2EA3F2 !important; padding: 30px !important; border-radius: 100px !important; margin-bottom: 30px !important; animation: epkb_spin 2s linear infinite; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon:before { font-size: 30px !important; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-text { color: #2EA3F2 !important; font-size: 32px !important; font-weight: bold !important; margin: 0 !important; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__body { padding: 20px !important; text-align: center !important; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-admin-dialog-box-overlay { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; background-color: rgba(0, 0, 0, 0.7) !important; z-index: 100 !important; animation: edit-post__fade-in-animation 0.2s ease-out 0s !important; animation-fill-mode: forwards !important; } @keyframes epkb_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form { display: none; background-color: #FFFFFF; width: 700px; position: fixed; top: 40%; left: 50%; margin-left: -350px; box-shadow: -2px 11px 20px 2px #000000; border: solid 1px #EFEFEF; z-index: 999; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=text] { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: 35px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=text]:focus { border-color: #333333; outline: 0 none; box-shadow: 0 0 0 1px #333333; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=radio] { width: 20px; height: 20px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=radio]:before { width: 10px !important; height: 10px !important; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=radio]:before:checked { width: 10px !important; height: 10px !important; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=radio]:checked + label { font-weight: bold; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=checkbox] { width: 20px; height: 20px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=checkbox]:before { width: 10px; height: 10px; margin: -1px 0px 0px -1px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form input[type=checkbox]:checked + label { font-weight: bold; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form select { padding: 6px 12px; border-radius: 4px; border: 1px solid #DDDDDD; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #FFFFFF; color: #32373C; outline: none; transition: 0.05s border-color ease-in-out; height: 41px; font-size: 16px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__header { padding: 20px 20px 20px 20px; border-bottom: solid 1px #DDDDDD; background-color: #FCFCFC; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__header h4 { font-size: 22px; margin: 0; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__body { padding: 20px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form { padding: 20px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input { margin-bottom: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: 25% 25% 25% 25%; grid-template-areas: "textLabel textLabel textInput textInput" "radiolabel radio radio rado" "checklabel checkbox checkbox checkbox"; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label { grid-area: textLabel; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label { grid-area: radiolabel; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label { grid-area: checklabel; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=text] { grid-area: textInput; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=radio] { grid-area: radio; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=checkbox] { grid-area: checkbox; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer { background-color: #F7F7F7; padding: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: auto 50%; border-top: solid 1px #DDDDDD; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept { text-transform: uppercase; margin: 10px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover { cursor: pointer; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success { background-color: #78B956; color: #FFFFFF; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover { background-color: #8FDD7D; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error { background-color: #D95651; color: #FFFFFF; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover { background-color: #E27F7B; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning { background-color: #F0BC71; color: #FFFFFF; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover { background-color: #F5D29F; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default { background-color: #DDDDDD; color: #000000; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover { background-color: #E7E7E7; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary { background-color: #2EA3F2; color: #FFFFFF; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover { background-color: #2EA3F2; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel { background-color: #DDDDDD; color: #636262; text-transform: uppercase; margin: 10px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover { cursor: pointer; background-color: #E7E7E7; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel .epkb-dbf__footer__cancel__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__close { position: absolute; top: 9px; right: 10px; padding: 8px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__close:before { font-size: 25px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__close:hover { cursor: pointer; opacity: 0.7; box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF; border-radius: 4px; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form--active { display: block; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background { display: block; } #ekb-admin-page-wrap .eckb-kb-no-content .epkb-dialog-box-form-black-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9; } .epkb-notification-box-popup { padding: 10px; display: flex; border-left-width: 4px; border-left-style: solid; position: fixed; left: 0; width: 100%; bottom: 40%; z-index: 9999999999; color: #000000; } .epkb-notification-box-popup h1, .epkb-notification-box-popup h2, .epkb-notification-box-popup h3, .epkb-notification-box-popup h4, .epkb-notification-box-popup h5, .epkb-notification-box-popup h6 { margin: 0; padding: 0; } .epkb-notification-box-popup h1 { font-size: 24px; } .epkb-notification-box-popup h2 { font-size: 22px; } .epkb-notification-box-popup h3 { font-size: 20px; } .epkb-notification-box-popup h4 { font-size: 18px; } .epkb-notification-box-popup h5 { font-size: 16px; } .epkb-notification-box-popup h6 { font-size: 15px; } .epkb-notification-box-popup p { font-size: 14px; } .epkb-notification-box-popup ul { margin: 0 0 0 20px; list-style-type: disc; } .epkb-notification-box-popup li { margin-bottom: 10px; } .epkb-notification-box-popup .epkb-notification-box-popup__icon { font-size: 30px; margin-top: 6px; } .epkb-notification-box-popup .epkb-notification-box-popup__icon .epkb-notification-box-popup__icon__inner { padding: 0; border-radius: 0; } .epkb-notification-box-popup .epkb-notification-box-popup__body { padding: 5px 20px; } .epkb-notification-box-popup .epkb-notification-box-popup__body .epkb-notification-box-popup__body__title { margin: 0 0 8px 0 !important; } .epkb-notification-box-popup .epkb-notification-box-popup__body .epkb-notification-box-popup__body__desc { margin-bottom: 0; } .epkb-notification-box-popup .epkb-notification-box-popup__buttons-wrap .epkb-notification-box-popup__button-confirm { padding: 10px 20px; min-width: 100px; height: auto; font-size: 16px; text-decoration: none; display: inline-block; background-color: #2EA3F2; color: #FFFFFF; text-align: center; margin-top: 20px; cursor: pointer; } .epkb-notification-box-popup--success { border-left-color: #78B956; background-color: #DDEDD4; } .epkb-notification-box-popup--success .epkb-notification-box-popup__icon { color: #78B956; } .epkb-notification-box-popup--error { border-left-color: #D95651; background-color: #F9E4E4; } .epkb-notification-box-popup--error .epkb-notification-box-popup__icon { color: #D95651; } .epkb-notification-box-popup--error-no-icon { border-left-color: #D95651; background-color: #F9E4E4; } .epkb-notification-box-popup--error-no-icon .epkb-notification-box-popup__icon { display: none; } .epkb-notification-box-popup--error-no-icon .epkb-notification-box-popup__icon { color: #D95651; } .epkb-notification-box-popup--warning { border-left-color: #F0BC71; background-color: #FFFFFF; } .epkb-notification-box-popup--warning .epkb-notification-box-popup__icon { color: #F0BC71; } .epkb-notification-box-popup--info { border-left-color: #2EA3F2; background-color: #D6EDFC; } .epkb-notification-box-popup--info .epkb-notification-box-popup__icon { color: #2EA3F2; } .epkb-notification-box-top { display: flex; padding: 20px; align-items: center; background: #FFFFFF; border: 1px solid #C3C4C7; border-left-width: 4px; margin-top: 20px; color: #000000; } .epkb-notification-box-top h1, .epkb-notification-box-top h2, .epkb-notification-box-top h3, .epkb-notification-box-top h4, .epkb-notification-box-top h5, .epkb-notification-box-top h6 { margin: 0; padding: 0; } .epkb-notification-box-top h1 { font-size: 24px; } .epkb-notification-box-top h2 { font-size: 22px; } .epkb-notification-box-top h3 { font-size: 20px; } .epkb-notification-box-top h4 { font-size: 18px; } .epkb-notification-box-top h5 { font-size: 16px; } .epkb-notification-box-top h6 { font-size: 15px; } .epkb-notification-box-top p { font-size: 14px; } .epkb-notification-box-top ul { margin: 0 0 0 20px; list-style-type: disc; } .epkb-notification-box-top li { margin-bottom: 10px; } .epkb-notification-box-top .epkb-notification-box-top__icon { font-size: 30px; margin-top: 6px; } .epkb-notification-box-top .epkb-notification-box-top__icon .epkb-notification-box-top__icon__inner { padding: 0; border-radius: 0; } .epkb-notification-box-top .epkb-notification-box-top__body { padding: 5px 20px; } .epkb-notification-box-top .epkb-notification-box-top__body .epkb-notification-box-top__body__title { margin: 0 0 8px 0; } .epkb-notification-box-top .epkb-notification-box-top__body .epkb-notification-box-top__body__desc { margin-bottom: 0; } .epkb-notification-box-top .epkb-notification-box-top__buttons-wrap .epkb-notification-box-top__button-confirm { padding: 10px 20px; min-width: 100px; height: auto; font-size: 16px; text-decoration: none; display: inline-block; background-color: #2EA3F2; color: #FFFFFF; text-align: center; margin-top: 20px; cursor: pointer; } .epkb-notification-box-top--success { border-left-color: #78B956; background-color: #DDEDD4; } .epkb-notification-box-top--success .epkb-notification-box-top__icon { color: #78B956; } .epkb-notification-box-top--error { border-left-color: #D95651; background-color: #F9E4E4; } .epkb-notification-box-top--error .epkb-notification-box-top__icon { color: #D95651; } .epkb-notification-box-top--error-no-icon { border-left-color: #D95651; background-color: #F9E4E4; } .epkb-notification-box-top--error-no-icon .epkb-notification-box-top__icon { display: none; } .epkb-notification-box-top--error-no-icon .epkb-notification-box-top__icon { color: #D95651; } .epkb-notification-box-top--warning { border-left-color: #F0BC71; background-color: #FFFFFF; } .epkb-notification-box-top--warning .epkb-notification-box-top__icon { color: #F0BC71; } .epkb-notification-box-top--info { border-left-color: #2EA3F2; background-color: #D6EDFC; } .epkb-notification-box-top--info .epkb-notification-box-top__icon { color: #2EA3F2; } .eckb-bottom-notice-message a { color: #FFFFFF !important; } .eckb-bottom-notice-message .error { margin-top: 0 !important; } #wpbody-content .epkb-setting-box-container, #wpbody-content .epkb-admin__section-wrap { display: flex; position: relative; margin-left: auto; margin-right: auto; width: 100%; max-width: 1080px; } #wpbody-content .epkb-setting-box-container .error, #wpbody-content .epkb-admin__section-wrap .error { width: 100%; margin-top: 25px; } #wpbody-content .epkb-setting-box-container ul.epkb__radio-wrap, #wpbody-content .epkb-admin__section-wrap ul.epkb__radio-wrap { display: flex; flex-direction: row; } #wpbody-content .epkb-setting-box-container ul.epkb__radio-wrap li, #wpbody-content .epkb-admin__section-wrap ul.epkb__radio-wrap li { margin-right: 25px; } #wpbody-content .epkb-setting-box-container ul.epkb__radio-wrap li:last-child, #wpbody-content .epkb-admin__section-wrap ul.epkb__radio-wrap li:last-child { margin-right: 0; } #epkb-article-counter-fix.epkb-dialog-box-form { display: none; background-color: #FFFFFF; width: 700px; position: fixed; top: 40%; left: 50%; margin-left: -350px; box-shadow: -2px 11px 20px 2px #000000; border: solid 1px #EFEFEF; z-index: 999; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=text] { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: 35px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=text]:focus { border-color: #333333; outline: 0 none; box-shadow: 0 0 0 1px #333333; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=radio] { width: 20px; height: 20px; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=radio]:before { width: 10px !important; height: 10px !important; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=radio]:before:checked { width: 10px !important; height: 10px !important; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=radio]:checked + label { font-weight: bold; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=checkbox] { width: 20px; height: 20px; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=checkbox]:before { width: 10px; height: 10px; margin: -1px 0px 0px -1px; } #epkb-article-counter-fix.epkb-dialog-box-form input[type=checkbox]:checked + label { font-weight: bold; } #epkb-article-counter-fix.epkb-dialog-box-form select { padding: 6px 12px; border-radius: 4px; border: 1px solid #DDDDDD; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #FFFFFF; color: #32373C; outline: none; transition: 0.05s border-color ease-in-out; height: 41px; font-size: 16px; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__header { padding: 20px 20px 20px 20px; border-bottom: solid 1px #DDDDDD; background-color: #FCFCFC; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__header h4 { font-size: 22px; margin: 0; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__body { padding: 20px; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__form { padding: 20px; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input { margin-bottom: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: 25% 25% 25% 25%; grid-template-areas: "textLabel textLabel textInput textInput" "radiolabel radio radio rado" "checklabel checkbox checkbox checkbox"; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label { grid-area: textLabel; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label { grid-area: radiolabel; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label { grid-area: checklabel; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=text] { grid-area: textInput; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=radio] { grid-area: radio; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=checkbox] { grid-area: checkbox; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer { background-color: #F7F7F7; padding: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: auto 50%; border-top: solid 1px #DDDDDD; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept { text-transform: uppercase; margin: 10px; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover { cursor: pointer; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success { background-color: #78B956; color: #FFFFFF; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover { background-color: #8FDD7D; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error { background-color: #D95651; color: #FFFFFF; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover { background-color: #E27F7B; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning { background-color: #F0BC71; color: #FFFFFF; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover { background-color: #F5D29F; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default { background-color: #DDDDDD; color: #000000; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover { background-color: #E7E7E7; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary { background-color: #2EA3F2; color: #FFFFFF; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover { background-color: #2EA3F2; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel { background-color: #DDDDDD; color: #636262; text-transform: uppercase; margin: 10px; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover { cursor: pointer; background-color: #E7E7E7; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel .epkb-dbf__footer__cancel__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__close { position: absolute; top: 9px; right: 10px; padding: 8px; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__close:before { font-size: 25px; } #epkb-article-counter-fix.epkb-dialog-box-form .epkb-dbf__close:hover { cursor: pointer; opacity: 0.7; box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF; border-radius: 4px; } #epkb-article-counter-fix.epkb-dialog-box-form--active { display: block; } #epkb-article-counter-fix.epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background { display: block; } #epkb-article-counter-fix + .epkb-dialog-box-form-black-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9; } .epkb-editor-popup { position: fixed; z-index: 99999; top: 0; left: 160px; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); } .epkb-editor-popup iframe { width: 100%; height: 100%; display: block; } .folded .epkb-editor-popup { left: 36px; } /* Access Manager Specific CSS */ .eckb-bottom-notice-message-large { position: fixed; bottom: 53px; left: 160px; z-index: 99999; transition: all 0.5s ease-in-out; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .eckb-bottom-notice-message-large .eckb-bottom-notice-message__header { display: flex; align-items: center; height: 45px; width: 100%; } .eckb-bottom-notice-message-large .eckb-bottom-notice-message__header .eckb-bottom-notice-message__header__title { font-size: 19px; margin-right: 30px; min-width: 378px; padding: 10px; } .eckb-bottom-notice-message-large .eckb-bottom-notice-message__header p { padding: 0; margin: 0; font-size: 0.7em; } .eckb-bottom-notice-message-large .contents { display: block; position: relative; font-size: 16px; max-width: 800px; padding: 20px; } .eckb-bottom-notice-message-large .epkb-close-notice { position: absolute; top: 3px; right: 5px; padding: 5px; font-size: 30px; } .eckb-bottom-notice-message-large .epkb-close-notice:hover { opacity: 1; cursor: pointer; } .eckb-bottom-notice-message-large a.amgr_notice_reset_logs_ajax, .eckb-bottom-notice-message-large a.amcr_notice_reset_logs_ajax, .eckb-bottom-notice-message-large a.amgp_notice_reset_logs_ajax { font-size: 16px; background: rgba(255, 255, 255, 0.168627451); padding: 9px; border-radius: 3px; color: #FFFFFF; display: flex; text-decoration: none; text-align: center; } .eckb-bottom-notice-message--general { background-color: #E5E5E5; border-color: #CCCCCC; } .eckb-bottom-notice-message--success { background-color: #5CB85C; border-color: #449D44; color: #FFFFFF; } .eckb-bottom-notice-message--success .eckb-bottom-notice-message__header { background-color: #357935; } .eckb-bottom-notice-message--warning { background-color: #F0BC71; border-color: #EBA643; color: #FFFFFF; } .eckb-bottom-notice-message--attention { background-color: #D0D849; border-color: #BBC42A; color: #5E5E5E; } .eckb-bottom-notice-message--error { background-color: #D9534F; border-color: #C9302C; color: #FFFFFF; } .eckb-bottom-notice-message--primary { background-color: #2EA3F2; border-color: #0E8BDF; color: #FFFFFF; } .eckb-bottom-notice-message--error-large { background-color: #D9534F; border-color: #C9302C; color: #FFFFFF; } .eckb-bottom-notice-message--error-large .eckb-bottom-notice-message__header { background-color: #A02622; } .eckb-bottom-notice-message { position: fixed; bottom: 53px; left: 160px; z-index: 99999; transition: all 0.5s ease-in-out; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; max-width: 800px; overflow: auto; } .eckb-bottom-notice-message .contents { display: block; position: relative; font-size: 21px; } .eckb-bottom-notice-message .contents span { display: block; position: relative; border: solid 1px; padding: 15px 46px 15px 15px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .eckb-bottom-notice-message .contents span p { padding: 0; margin: 0; font-size: 0.7em; } .eckb-bottom-notice-message .contents .general { background-color: #E5E5E5; border-color: #CCCCCC; } .eckb-bottom-notice-message .contents .success { background-color: #5CB85C; border-color: #449D44; color: #FFFFFF; } .eckb-bottom-notice-message .contents .warning { background-color: #F0BC71; border-color: #EBA643; color: #FFFFFF; } .eckb-bottom-notice-message .contents .attention { background-color: #D0D849; border-color: #BBC42A; color: #5E5E5E; } .eckb-bottom-notice-message .contents .error { background-color: #D9534F; border-color: #C9302C; color: #FFFFFF; } .eckb-bottom-notice-message .contents .primary { background-color: #2EA3F2; border-color: #0E8BDF; color: #FFFFFF; } .eckb-bottom-notice-message .epkb-close-notice { position: absolute; top: 2px; right: 0; padding: 5px; font-size: 20px; } .eckb-bottom-notice-message .epkb-close-notice:hover { opacity: 1; cursor: pointer; } /* ----------------------------------------- */ .epkb-submissions-table-container { margin-top: 21px; display: flex; flex-direction: column; } .epkb-submissions-table-container .epkb-table-filter-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; width: 100%; padding-right: 10px; } .epkb-submissions-table-container .epkb-table-filter-container .epkb-table-total-submissions { padding-left: 10px; font-size: 14px; color: #444444; font-weight: 500; } .epkb-submissions-table-container .epkb-table-filter-container .epkb-table-total-submissions .epkb-total-count { font-weight: bold; margin-left: 5px; } .epkb-submissions-table-container #filter-epkb-submissions-table, .epkb-submissions-table-container [id^=filter-] { padding: 8px; width: 100%; max-width: 300px; border: 1px solid #DDDDDD; border-radius: 4px; float: right; } .epkb-submissions-table-container #filter-epkb-submissions-table:focus, .epkb-submissions-table-container [id^=filter-]:focus { border-color: #0073AA; box-shadow: 0 0 2px rgba(0, 115, 170, 0.8); } .epkb-submissions-table-container #epkb-submissions-table { width: 100%; border-collapse: collapse; margin-bottom: 21px; } .epkb-submissions-table-container #epkb-submissions-table thead th { background-color: #B6A2F8; padding: 10px; text-align: left; border-bottom: 1px solid #DDDDDD; } .epkb-submissions-table-container #epkb-submissions-table thead th.sortable { cursor: pointer; position: relative; } .epkb-submissions-table-container #epkb-submissions-table thead th.sortable:hover { background-color: #D4E6F6; } .epkb-submissions-table-container #epkb-submissions-table thead th.sortable::after { content: "▼"; font-size: 10px; position: absolute; margin-left: 5px; opacity: 0.3; } .epkb-submissions-table-container #epkb-submissions-table thead th.sortable[data-sort-order=asc]::after { content: "▲"; opacity: 1; } .epkb-submissions-table-container #epkb-submissions-table thead th.sortable[data-sort-order=desc]::after { content: "▼"; opacity: 1; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info { background-color: #FFFFFF; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info td { padding: 15px 25px; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info .epkb-row-info-content { display: flex; flex-direction: row; gap: 10px; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info .epkb-row-info-item { display: flex; flex-direction: column; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info .epkb-row-info-item .epkb-row-info-header { font-weight: bold; margin-bottom: 5px; color: #000000; background-color: #FFFFFF; font-size: 14px; padding: 8px 15px; border-radius: 3px; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info .epkb-row-info-item .epkb-row-info-value { padding: 8px 15px; background-color: #FFFFFF; border-radius: 3px; line-height: 1.5; font-size: 13px; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info .epkb-row-info-item .epkb-row-info-value.epkb-row-info-subject, .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info .epkb-row-info-item .epkb-row-info-value.epkb-row-info-comment { background-color: #FFFFFF; font-style: italic; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info .epkb-row-info-item:first-child { width: 25%; } .epkb-submissions-table-container #epkb-submissions-table tbody .epkb-row-info .epkb-row-info-item:last-child { width: 75%; } .epkb-submissions-table-container #epkb-submissions-table tbody tr { border-bottom: 1px solid #EEEEEE; background-color: #D3CAF3; color: #000000; } .epkb-submissions-table-container #epkb-submissions-table tbody tr:not(:last-child) { border-bottom: 2px solid #E0E0E0; } .epkb-submissions-table-container #epkb-submissions-table tbody tr td { padding: 12px 10px; vertical-align: middle; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; } .epkb-submissions-table-container #epkb-submissions-table tbody tr td .delete-row { background-color: #F5F5F5; color: #AA0000; border: 1px solid #DDDDDD; border-radius: 3px; padding: 5px 10px; cursor: pointer; transition: all 0.2s ease; } .epkb-submissions-table-container #epkb-submissions-table tbody tr td .delete-row:hover { background-color: #FBEAEA; border-color: #DC3232; color: #DC3232; } .epkb-submissions-table-container #epkb-submissions-table tbody tr td input[type=checkbox] { margin: 0; } .epkb-submissions-table-container .pagination-and-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; margin-bottom: 50px; } .epkb-submissions-table-container .pagination { display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; } .epkb-submissions-table-container .pagination button { background-color: #F7F7F7; border: 1px solid #DDDDDD; padding: 5px 10px; margin: 0 3px; cursor: pointer; border-radius: 3px; } .epkb-submissions-table-container .pagination button:hover:not(:disabled) { background-color: #E8E8E8; } .epkb-submissions-table-container .pagination button:disabled { opacity: 0.5; cursor: not-allowed; } .epkb-submissions-table-container .pagination span { margin: 0 10px; } .epkb-submissions-table-container .bulk-actions { padding-left: 40px; } .epkb-submissions-table-container .bulk-actions button { background-color: #F7F7F7; border: 1px solid #DDDDDD; padding: 8px 12px; margin-right: 10px; cursor: pointer; border-radius: 3px; } .epkb-submissions-table-container .bulk-actions button#delete-selected { background-color: #F7F7F7; color: #AA0000; } .epkb-submissions-table-container .bulk-actions button#delete-selected:hover { background-color: #FBEAEA; border-color: #DC3232; color: #DC3232; } .epkb-submissions-table-container .bulk-actions button#delete-all { background-color: #F7F7F7; color: #AA0000; } .epkb-submissions-table-container .bulk-actions button#delete-all:hover { background-color: #FBEAEA; border-color: #DC3232; color: #DC3232; } #adminmenu .wp-submenu li:not(:last-child) a[href*="page=epkb-glossary"]:after, #adminmenu .wp-submenu li:not(:last-child) a[href*="page=epkb-kb-configuration"]:after, #adminmenu .wp-submenu li:not(:last-child) a[href*="page=epkb-plugin-analytics"]:after { border-bottom: 1px solid rgba(255, 255, 255, 0.2); content: ""; display: block; float: left; margin: 13px -15px 8px -14px; width: calc(100% + 26px); } /** * KB Admin Header */ #wpbody-content .epkb-admin__header { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 10px 35px 10px 35px; background-color: #F9FBFF; margin-left: -20px; border-bottom: 3px solid #D5E2ED; } #wpbody-content .epkb-admin__header select#epkb-list-of-kbs { color: #000000; } #wpbody-content .epkb-admin__header select#epkb-list-of-kbs option { color: #000000; } #wpbody-content .epkb-admin__header select#epkb-list-of-kbs option[data-target], #wpbody-content .epkb-admin__header select#epkb-list-of-kbs option[value=archived], #wpbody-content .epkb-admin__header select#epkb-list-of-kbs option[data-link], #wpbody-content .epkb-admin__header select#epkb-list-of-kbs option[value="0"] { color: #939AAA; font-style: italic; } #wpbody-content .epkb-admin__header select#epkb-list-of-kbs option[value=closed] { color: #000000; font-style: normal; } #wpbody-content .epkb-admin__header .epkb-admin__section-wrap__header { justify-content: space-between; clear: both; } #wpbody-content .epkb-admin__header + .wrap { background-color: #FFFFFF; margin: 0 0 0 -20px; padding: 10px 35px 10px 35px; } #wpbody-content .epkb-admin__header + .wrap .wp-header-end + div:not(.epkb-notification-box-top, #ajax-response) { display: none !important; } #wpbody-content .epkb-admin__header + .wrap h1 + div { display: none !important; } #wpbody-content .epkb-admin__header + .wrap > #message { display: block !important; } #wpbody-content .epkb-admin__header .epkb-admin__header__logo-wrap img { display: block; width: 100%; height: auto; } #wpbody-content .epkb-admin__header .epkb-admin__header__logo-wrap img.epkb-admin__header__logo-desktop { display: block; } #wpbody-content .epkb-admin__header .epkb-admin__header__logo-wrap img.epkb-admin__header__logo-mobile { display: none; } #wpbody-content .epkb-admin__header .epkb-admin__header__label { padding: 10px 0; margin: 0 15px 0 0; line-height: 1.2; font-size: 1rem; white-space: nowrap; } #wpbody-content .epkb-admin__header .epkb-admin__header__dropdown select { width: 240px; font-size: 1rem; background-color: #FFFFFF; border: 1px solid #D6E2ED; } #wpbody-content .epkb-admin__header .epkb-admin__header__view-kb { margin-left: 15px; } #wpbody-content .epkb-admin__header .epkb-admin__header__view-kb .epkb-admin__header__view-kb__icon { font-size: 16px; margin-left: 3px; } #wpbody-content .epkb-admin__header .epkb-admin__header__view-kb__link { font-size: 1rem; color: #509FE2; text-decoration: underline; outline: none; box-shadow: none; white-space: nowrap; } #wpbody-content .epkb-admin__header .epkb-admin__header__view-kb__link:hover { color: #2EA3F2; } #wpbody-content .epkb-admin__header .epkb-help-resources__header-button { background-color: #E8F4FD; color: #1E73BE; border: 1px solid #B8DAEF; } #wpbody-content .epkb-admin__header .epkb-help-resources__header-button:hover { background-color: #D0E8F9; color: #155A96; } #wpbody-content .epkb-admin__header .epkb-help-resources__header-button .epkb-help-resources__button-icon { margin-right: 6px; font-size: 14px; } #wpbody-content .epkb-admin__header .epkb-setup-wizard__header-button { background-color: #E8F8E8; color: #2E7D32; border: 1px solid #A5D6A7; } #wpbody-content .epkb-admin__header .epkb-setup-wizard__header-button:hover { background-color: #C8E6C9; color: #1B5E20; } #wpbody-content .epkb-admin__header .epkb-setup-wizard__header-button .epkb-setup-wizard__button-icon { margin-right: 6px; font-size: 14px; } #wpbody-content .epkb-admin__header .epkb-admin__header__controls-wrap, #wpbody-content .epkb-admin__header .epkb-admin__header__dropdown-wrap, #wpbody-content .epkb-admin__header .epkb-admin__header__buttons-wrap { display: flex; justify-content: center; align-items: center; } @media (max-width: 782px) { #wpbody-content .epkb-admin__header .epkb-admin__header__logo-wrap { max-width: 45px; } #wpbody-content .epkb-admin__header .epkb-admin__header__logo-wrap img.epkb-admin__header__logo-desktop { display: none; } #wpbody-content .epkb-admin__header .epkb-admin__header__logo-wrap img.epkb-admin__header__logo-mobile { display: block; } } @media (max-width: 540px) { #wpbody-content .epkb-admin__header .epkb-admin__header__logo-wrap { position: absolute; bottom: 0; left: 0; } #wpbody-content .epkb-admin__header .epkb-admin__header__controls-wrap { flex-direction: column; align-items: flex-start; width: 100%; } #wpbody-content .epkb-admin__header .epkb-admin__header__view-kb { margin-left: auto; margin-top: 45px; } #wpbody-content .epkb-admin__header .epkb-admin__header__dropdown { width: 100%; } #wpbody-content .epkb-admin__header .epkb-admin__header__dropdown select { width: 100%; max-width: initial; } } #wpbody-content .epkb-admin__header + .wrap .notice { display: none !important; } /** * KB Admin Top Panel */ .epkb-admin__top-panel { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background-color: #FFFFFF; border-bottom: 1px solid #D5E2ED; margin-left: -20px; padding-left: 35px; padding-right: 35px; } .epkb-admin__top-panel .epkb-admin__section-wrap.epkb-admin__section-wrap__top-panel { justify-content: flex-start; } .epkb-admin__top-panel .epkb-admin__top-panel__label { padding: 1px; margin: 0; font-size: 14px; line-height: 1.2; } .epkb-admin__top-panel .epkb-admin__top-panel__item { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 21px; padding: 15px 0; cursor: pointer; border-bottom: 4px solid transparent; } .epkb-admin__top-panel .epkb-admin__top-panel__item:hover { color: #509FE2; border-bottom: 4px solid #509FE2; } .epkb-admin__top-panel .epkb-admin__top-panel__item:first-child { margin-left: 0; } .epkb-admin__top-panel .epkb-admin__top-panel__item:last-child { margin-right: 0; } .epkb-admin__top-panel .epkb-admin__top-panel__item.epkb-admin__top-panel__item--active { color: #509FE2; border-bottom: 4px solid #509FE2; } .epkb-admin__top-panel .epkb-admin__top-panel__item.epkb-admin__top-panel__item--active .epkb-admin__top-panel__label { text-shadow: 0 0 1px #509FE2; } .epkb-admin__top-panel .epkb-admin__top-panel__item.epkb-admin__top-panel__item--active.epkb-admin__top-panel__item--parent:after { content: ""; display: block; position: absolute; bottom: -28px; left: calc(50% - 6px); width: 12px; height: 12px; border-left: 3px solid #D5E2ED; border-top: 3px solid #D5E2ED; background-color: #FFFFFF; transform: rotateZ(45deg); z-index: 7; } .epkb-admin__top-panel .epkb-admin__top-panel__icon { font-size: 26px !important; line-height: 1.2 !important; } @media (max-width: 540px) { .epkb-admin__top-panel { padding-top: 20px; } .epkb-admin__top-panel .epkb-admin__section-wrap.epkb-admin__section-wrap__top-panel { flex-direction: column; align-items: flex-start; } .epkb-admin__top-panel .epkb-admin__top-panel__item { margin-right: 0; flex-direction: row; justify-content: flex-start; width: 100%; margin-bottom: 12px; padding: 7px 0; } .epkb-admin__top-panel .epkb-admin__top-panel__item.epkb-admin__top-panel__item--active.epkb-admin__top-panel__item--parent:after { display: none; } .epkb-admin__top-panel .epkb-admin__top-panel__icon { margin-right: 20px; } } /** * KB Admin Secondary Panel */ .epkb-admin__secondary-panels-list { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-left: -20px; padding-left: 35px; padding-right: 35px; } .epkb-admin__secondary-panels-list .epkb-admin__section-wrap__secondary-panel { flex-direction: column; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel { display: none; min-height: 35px; justify-content: flex-start; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel.epkb-admin__secondary-panel--active { display: flex; flex-flow: row wrap; border-top: 3px solid #D5E2ED; border-bottom: 3px solid #D5E2ED; background-color: #FFFFFF; margin-top: 15px; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel__item { margin: 0 25px -3px 0; cursor: pointer; display: flex; align-items: center; justify-content: center; border-bottom: 3px solid transparent; padding: 15px; white-space: nowrap; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel__item:last-child { margin-right: 0; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel__item:hover { background-image: linear-gradient(to bottom, #FFFFFF, #F5FAFF); color: #509FE2; border-bottom: 3px solid #509FE2; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel__item.epkb-admin__secondary-panel__item--active { background-image: linear-gradient(to bottom, #FFFFFF, #F5FAFF); color: #509FE2; border-bottom: 3px solid #509FE2; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel__item.epkb-admin__secondary-panel__item--active .epkb-admin__secondary-panel__label { text-shadow: 0 0 1px #509FE2; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel__item .epkb-admin__secondary-panel__icon { margin-right: 7px; } .epkb-admin__secondary-panels-list .epkb-admin__secondary-panel__label { margin: 0; line-height: 1.2; font-size: 13px; } .epkb-admin__secondary-panels-list #epkb-admin__secondary-panel__features { justify-content: space-between; } .epkb-admin__secondary-panels-list #epkb-admin__secondary-panel__features .epkb-admin__secondary-panel__item { margin-right: 0; } @media only screen and (max-width: 1200px) { #epkb-admin__secondary-panel__features { justify-content: space-around !important; } } /* Shared --------------------------------------------------------------*/ /** Tools Convert Styles */ .epkb-form-wrap .epkb-form-field-instruction-wrap { margin-bottom: 27px; display: flex; flex-wrap: wrap; } .epkb-form-wrap .epkb-form-field-instruction-wrap + .epkb-form-field-wrap .epkb-form-label__input--file-path { position: absolute; left: 0; bottom: -31px; width: 570px; font-size: 14px; text-align: left; color: #000000; } .epkb-form-wrap .epkb-form-field-instruction-wrap + .epkb-form-field-wrap .epkb-form-label__input--file-path span { font-style: italic; font-weight: bold; color: #2EA3F2; } .epkb-form-wrap .epkb-form-field-instruction-wrap + .epkb-form-field-wrap .epkb-form-label__input--file-label + input { display: none; } .epkb-form-wrap .epkb-form-field-instruction-wrap p, .epkb-form-wrap .epkb-form-field-instruction-wrap ul { width: 100%; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instruction-column { width: 44%; margin-bottom: 20px; margin-right: 4%; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instruction-column .epkb-form-field-instruction-title { font-size: 16px; font-weight: bold; margin-bottom: 15px; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instruction-column .epkb-form-field-instruction-item .epkb-form-field-instruction-icon { float: left; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instruction-column .epkb-form-field-instruction-item .epkb-form-field-instruction-icon i { font-size: 20px; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instruction-column .epkb-form-field-instruction-item .epkb-form-field-instruction-icon i.epkbfa-check { color: #78B956; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instruction-column .epkb-form-field-instruction-item .epkb-form-field-instruction-icon i.epkbfa-close { color: #D95651; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instruction-column .epkb-form-field-instruction-item .epkb-form-field-instruction-text { margin-left: 30px; min-height: 20px; margin-bottom: 10px; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instructions { background-color: #F3F3F3; border: solid 1px #DDDDDD; padding: 10px 10px; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instructions ul { margin-bottom: 1px; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instructions .epkb-form-field-instructions__link { margin-left: 10px; } .epkb-form-wrap .epkb-form-field-instruction-wrap .epkb-form-field-instructions p { margin-bottom: 10px !important; } .epkb-form-wrap ul { padding-left: 20px; } .epkb-form-wrap ul li { list-style: disc; font-style: italic; } .epkb-form-wrap .epkb-import-header { display: flex; margin-bottom: 40px; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label { position: relative; display: flex; background: red; padding: 10px; padding-right: 20px; padding-left: 27px; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label i { display: inline-block; border-radius: 50%; background: white; padding: 5px; margin-right: 10px; vertical-align: center; color: white; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label span { display: inline-block; vertical-align: center; color: white; font-size: 13px; line-height: 1.9; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label:after { content: ""; display: block; height: 0; width: 0; left: 100%; top: 0; position: absolute; border: 22px solid transparent; border-left: 20px solid; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--1 { background: #D3A904; border-right-color: #D3A904; padding-left: 10px; z-index: 5; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--1.epkb-import-step--done i { color: #D3A904; display: inline-block; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--1:after { border-left-color: #D3A904; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--2 { background: #A1A0A0; border-right-color: #A1A0A0; z-index: 4; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--2:after { border-left-color: #A1A0A0; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--2.epkb-import-step--done { background: #EEBE00; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--2.epkb-import-step--done i { color: #EEBE00; display: inline-block; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--2.epkb-import-step--done:after { border-left-color: #EEBE00; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--3 { background: #BCBCBC; border-right-color: #BCBCBC; z-index: 3; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--3.epkb-import-step--done { background: #FACB10; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--3.epkb-import-step--done i { color: #FACB10; display: inline-block; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--3.epkb-import-step--done:after { border-left-color: #FACB10; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--3:after { border-left-color: #BCBCBC; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--4 { background: #D9D8D8; border-right-color: #D9D8D8; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--4.epkb-import-step--done { background: #FDDD5D; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--4.epkb-import-step--done i { color: #FDDD5D; display: inline-block; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--4.epkb-import-step--done:after { border-left-color: #FDDD5D; } .epkb-form-wrap .epkb-import-header .epkb-import-step-label.epkb-import-step--4:after { border-left-color: #D9D8D8; } .epkb-form-wrap .epkb-import-body { margin-bottom: 20px; } .epkb-form-wrap .epkb-import-body .epkb-form-label { display: block; margin-bottom: 15px; } .epkb-form-wrap .epkb-import-body .epkb-form-label .epkb-form-label__text { display: block; } .epkb-form-wrap .epkb-import-footer { margin-top: auto; } .epkb-form-wrap .epkb-admin__distinct-box { display: inline-flex; flex-direction: row; align-items: center; border-radius: 3px; padding: 5px 10px; font-weight: normal; margin-left: 10px; } .epkb-form-wrap .epkb-admin__distinct-box.epkb-admin__distinct-box--high { color: #FFFFFF; background-color: #3386CC; } .epkb-form-wrap .epkb-admin__distinct-box.epkb-admin__distinct-box--middle { background-color: #F3F6FF; border: 1px solid #B5C7D7; } .epkb-form-wrap .epkb-admin__distinct-box.epkb-admin__distinct-box--low { color: #FFFFFF; background-color: #73AEE2; } .epkb-form-wrap .epkb-admin__distinct-box.epkb-admin__distinct-box--lowest { background-color: #DDDDDD; } .epkb-form-wrap .epkb-form-label { position: relative; /* &:hover:before { content:""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; display: block; background: #f8f8f8; z-index: 1; }*/ } .epkb-form-wrap .epkb-form-label span, .epkb-form-wrap .epkb-form-label input { position: relative; z-index: 2; } .epkb-form-wrap .epkb-form-label select[name=epkb_convert_post_type] { min-width: 215px; width: auto !important; padding-right: 40px !important; } .epkb-form-wrap > .epkb-notification-box-basic { margin-bottom: 20px; z-index: 5; max-width: 905px; } .epkb-hidden { display: none !important; } .epkb-primary-btn { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -o-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #3EB8E5)); border-radius: 5px; color: white !important; box-shadow: none !important; } .epkb-primary-btn a { text-decoration: none; } .epkb-primary-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -o-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -moz-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -ms-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-primary-btn:focus { outline: 0; } .epkb-success-btn { display: inline-block; height: fit-content; background-color: #78B956; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #609C40; background-image: linear-gradient(bottom, #78B956, #95C87A); background-image: -o-linear-gradient(bottom, #78B956, #95C87A); background-image: -moz-linear-gradient(bottom, #78B956, #95C87A); background-image: -webkit-linear-gradient(bottom, #78B956, #95C87A); background-image: -ms-linear-gradient(bottom, #78B956, #95C87A); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #78B956), color-stop(1, #95C87A)); border-radius: 5px; } .epkb-success-btn a { text-decoration: none; } .epkb-success-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #609C40, #95C87A); background-image: -o-linear-gradient(bottom, #609C40, #95C87A); background-image: -moz-linear-gradient(bottom, #609C40, #95C87A); background-image: -webkit-linear-gradient(bottom, #609C40, #95C87A); background-image: -ms-linear-gradient(bottom, #609C40, #95C87A); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #609C40), color-stop(1, #95C87A)); border-radius: 5px; } .epkb-success-btn:focus { outline: 0; } .epkb-default-btn { display: inline-block; height: fit-content; background-color: #666666; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #4D4D4D; background-image: linear-gradient(bottom, #666666, #808080); background-image: -o-linear-gradient(bottom, #666666, #808080); background-image: -moz-linear-gradient(bottom, #666666, #808080); background-image: -webkit-linear-gradient(bottom, #666666, #808080); background-image: -ms-linear-gradient(bottom, #666666, #808080); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #666666), color-stop(1, #808080)); border-radius: 5px; } .epkb-default-btn a { text-decoration: none; } .epkb-default-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #4D4D4D, #808080); background-image: -o-linear-gradient(bottom, #4D4D4D, #808080); background-image: -moz-linear-gradient(bottom, #4D4D4D, #808080); background-image: -webkit-linear-gradient(bottom, #4D4D4D, #808080); background-image: -ms-linear-gradient(bottom, #4D4D4D, #808080); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4D4D4D), color-stop(1, #808080)); border-radius: 5px; } .epkb-default-btn:focus { outline: 0; } .epkb-error-btn { display: inline-block; height: fit-content; background-color: #D95651; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #CB322C; background-image: linear-gradient(bottom, #D95651, #E27F7B); background-image: -o-linear-gradient(bottom, #D95651, #E27F7B); background-image: -moz-linear-gradient(bottom, #D95651, #E27F7B); background-image: -webkit-linear-gradient(bottom, #D95651, #E27F7B); background-image: -ms-linear-gradient(bottom, #D95651, #E27F7B); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D95651), color-stop(1, #E27F7B)); border-radius: 5px; } .epkb-error-btn a { text-decoration: none; } .epkb-error-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #CB322C, #E27F7B); background-image: -o-linear-gradient(bottom, #CB322C, #E27F7B); background-image: -moz-linear-gradient(bottom, #CB322C, #E27F7B); background-image: -webkit-linear-gradient(bottom, #CB322C, #E27F7B); background-image: -ms-linear-gradient(bottom, #CB322C, #E27F7B); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CB322C), color-stop(1, #E27F7B)); border-radius: 5px; } .epkb-error-btn:focus { outline: 0; } .epkb-large-btn { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 20px; position: relative; font-family: "Open Sans", sans-serif; font-size: 20px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #FFFFFF; } .epkb-large-btn a { text-decoration: none; } .epkb-large-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-large-btn:focus { outline: 0; } .epkb-progress { margin-bottom: 20px; width: 615px; } .epkb-progress h3 { font-size: 15px !important; color: #2EA3F2; margin-bottom: 20px !important; } .epkb-progress__bar { height: 10px; border: 1px solid #7E8993; border-radius: 4px; background: white; width: 100%; max-width: 100%; margin-bottom: 5px; position: relative; padding: 1px; } .epkb-progress__bar > div { position: absolute; left: 1px; top: 1px; max-width: calc(100% - 2px); bottom: 1px; background-color: #5CB85C; transition: 0.5s; border-radius: 2px; } .epkb-progress .epkb-export-progress__row { display: flex; margin-top: 10px; width: 100%; justify-content: space-between; } .epkb-progress .epkb-export-progress__row .epkb-export__icon { width: 20px; text-align: right; } .epkb-progress .epkb-export-progress__row--in-progress .epkb-export__icon .epkbfa { color: blue; animation-name: spinner; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; } .epkb-progress .epkb-export-progress__row--success .epkb-export__icon .epkbfa { color: green; } .epkb-progress .epkb-export-progress__row--finished .epkb-export__icon .epkbfa { color: green; } .epkb-progress .epkb-export-progress__row--error .epkb-export__icon .epkbfa { color: red; } .epkb-progress .epkb-export-progress__row--wait .epkb-export__icon .epkbfa { color: orange; } .epkb-kbnh__feature-panel-container--epkb_import_data_csv .epkb-form-wrap, .epkb-kbnh__feature-panel-container--epkb_import_data_xml .epkb-form-wrap { min-height: 415px; display: flex; flex-wrap: wrap; flex-direction: column; } .epkb-import-step .epkb-progress { margin-bottom: 40px; } .epkb-import-step .epkb-form-label__select { margin-right: 10px; } .epkb-import-step .epkb-dsl__article-list-container { width: 100%; margin: 30px 0; max-width: 965px; } .epkb-import-step .epkb-dsl__article-list-container h3 { font-size: 16px !important; color: #2EA3F2; margin-bottom: 5px !important; } .epkb-import-step .epkb-dsl__article-list-container > p { font-size: 12px !important; margin-bottom: 25px !important; } .epkb-import-step .epkb-dsl__article-list-container h4 { font-size: 20px !important; margin: 10px 0 0 0; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__header { background-color: #F4F4F4; font-weight: bold; border: solid 1px #DDDDDD; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__header span { padding: 7px 8px; font-size: 12px; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body { border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; max-height: 500px; overflow-y: auto; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row { border-bottom: solid 1px #DDDDDD; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row > span { padding: 5px 8px; font-size: 12px; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row span { display: flex; align-items: flex-start; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row span input { margin-top: 1px; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row .epkb-dsl__article-list__body__status-overwrite { color: #D95651; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row .epkb-dsl__article-list__body__status-new { color: #78B956; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row .epkb-dsl__article-list__body__info { display: inline-block; position: relative; margin: 0 10px; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row .epkb-dsl__article-list__body__info:before { display: inline-block; position: absolute; top: 4px; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row .epkb-dsl__article-list__body__info:hover { cursor: pointer; color: #2EA3F2; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row .epkb-dsl__article-list__body__info__data ul { margin: 0; padding: 0; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row .epkb-dsl__article-list__body__info__data ul li { display: inline-block; color: #FFFFFF; background-color: #3386CC; border-radius: 3px; margin-bottom: 10px; margin-right: 10px; padding: 5px 10px; white-space: nowrap; font-style: normal; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row .epkb-dsl__article-list__body__info__data .epkb-dsl__article-list__body__info__data--uncollapse + ul { display: none; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row:hover { background-color: #F7FADC; } .epkb-import-step .epkb-dsl__article-list-container .epkb-dsl__article-list__body .epkb-admin-row ul { margin-left: 0 !important; } .epkb-import-step .epkb-dsl__article-list--new-articles .epkb-dsl__article-list__header { background-color: #E1FAD8; } .epkb-import-step .epkb-dsl__article-list--new-articles .epkb-dsl__article-list__header .epkb-admin-row span:nth-child(1) input { margin-right: 5px; } .epkb-import-step .epkb-dsl__article-list--new-articles .epkb-admin-row { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 10% 14% 42% 18% 16%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3 col_4 col_5"; } .epkb-import-step .epkb-dsl__article-list--new-articles .epkb-admin-row .epkb-admin-row--warning { color: #D95651; padding-left: 5px; } .epkb-import-step .epkb-dsl__article-list--error-articles .epkb-dsl__article-list__header { background-color: #FCCDC4; } .epkb-import-step .epkb-dsl__article-list--error-articles .epkb-admin-row { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 25% 35% 8% 20% 12%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3 col_4 col_5"; } .epkb-import-step .epkb-dsl__article-list--error-articles .epkb-admin-row span:nth-child(1) { text-transform: capitalize; } .epkb-import-step .epkb-import-error-messages .epkb-dsl__article-list--error-articles .epkb-dsl__article-list__header { background-color: #FCCDC4; } .epkb-import-step .epkb-import-error-messages .epkb-dsl__article-list--error-articles .epkb-admin-row { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 30% 40% 20% 10%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3 col_4"; } .epkb-import-step .epkb-import-error-messages .epkb-dsl__article-list--error-articles .epkb-admin-row span:nth-child(1) { text-transform: capitalize; } .epkb-import-step .epkb-import-error-messages .epkb-dsl__article-list--error-articles { max-width: 100%; } .epkb-import-step .epkb-import-error-messages .epkb-dsl__article-list--error-articles .epkb-dsl__article-list__header { background-color: #FCCDC4; } .epkb-import-step .epkb-import-error-messages .epkb-dsl__article-list--error-articles .epkb-admin-row { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 25% 35% 35% 5%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3 col_4"; } .epkb-import-step .epkb-dsl__article-list--overwrite-articles .epkb-dsl__article-list__header { background-color: #FCE2C4; } .epkb-import-step .epkb-dsl__article-list--overwrite-articles .epkb-dsl__article-list__header .epkb-admin-row span:nth-child(1) input { margin-right: 5px; } .epkb-import-step .epkb-dsl__article-list--overwrite-articles .epkb-admin-row { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 10% 14% 30% 12% 18% 16%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3 col_4 col_5 col_6"; } .epkb-import-step .epkb-dsl__import-note { width: fit-content; margin: 20px 0; border-radius: 5px; font-weight: bold; padding: 10px 10px; line-height: 1.4em; border: solid 1px #E39018; background-color: #F0BC71; border-color: #EBA643; color: #FFFFFF; } .epkb-import-step .epkb-dsl__import-note h3 { margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #FFFFFF; } .epkb-import-step .epkb-dsl__import-note a { color: #FFFFFF; font-weight: bold; } .epkb-import-attachment-options { margin-bottom: 35px; } .epkb-import-attachment-options h3 { margin-bottom: 15px !important; color: #509FE2; font-size: 17.5px !important; } .epkb-import-attachment-options .epkb-import-attachment-option, .epkb-import-attachment-options .epkb-import-filter-option { margin: 10px 0; margin-bottom: 20px; } .epkb-import-attachment-options .epkb-import-attachment-option .epkb-import-attachment-option__text, .epkb-import-attachment-options .epkb-import-filter-option .epkb-import-attachment-option__text { display: block; margin-bottom: 5px; margin-left: 30px; font-size: 15.5px; } .epkb-import-attachment-options .epkb-import-attachment-option input:checked + .epkb-import-attachment-option__text, .epkb-import-attachment-options .epkb-import-filter-option input:checked + .epkb-import-attachment-option__text { font-weight: bold; } .epkb-import-attachment-options .epkb-import-attachment-option .epkb-import-attachment-option__sub-text, .epkb-import-attachment-options .epkb-import-filter-option .epkb-import-attachment-option__sub-text { color: #000000; display: block; margin-left: 30px; font-size: 12px; } .epkb-author-mapping-container .epkb-author-mapping__header h3 { margin-bottom: 15px !important; font-size: 17.5px !important; font-weight: normal; } .epkb-author-mapping-container .epkb-author-mapping__author-list { max-width: 450px; } .epkb-author-mapping-container .epkb-author-mapping__author-list .epkb-author-mapping__author-list__author-container { display: flex; justify-content: space-between; align-items: center; border-top: 0; } .epkb-author-mapping-container .epkb-author-mapping__author-list .epkb-author-mapping__author-list__author-container .epkb-author__orig_auth { width: 35%; font-size: 12px; } .epkb-author-mapping-container .epkb-author-mapping__author-list .epkb-author-mapping__author-list__author-container .epkb-author__curr_auth { width: 61.5%; } .epkb-author-mapping-container .epkb-author-mapping__author-list .epkb-author-mapping__author-list__author-container .epkb-author__curr_auth select { font-size: 12px; min-height: 20px; background-color: white !important; border-radius: 0 !important; color: #5C5C5C !important; max-width: 90%; padding-right: 40px !important; } .epkb-import-ready-to-process { margin-bottom: 20px; } .epkb-dialog-box-form { display: none; background-color: #FFFFFF; width: 700px; position: fixed; top: 40%; left: 50%; margin-left: -350px; box-shadow: -2px 11px 20px 2px #000000; border: solid 1px #EFEFEF; z-index: 999; } .epkb-dialog-box-form input[type=text] { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: 35px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } .epkb-dialog-box-form input[type=text]:focus { border-color: #333333; outline: 0 none; box-shadow: 0 0 0 1px #333333; } .epkb-dialog-box-form input[type=radio] { width: 20px; height: 20px; } .epkb-dialog-box-form input[type=radio]:before { width: 10px !important; height: 10px !important; } .epkb-dialog-box-form input[type=radio]:before:checked { width: 10px !important; height: 10px !important; } .epkb-dialog-box-form input[type=radio]:checked + label { font-weight: bold; } .epkb-dialog-box-form input[type=checkbox] { width: 20px; height: 20px; } .epkb-dialog-box-form input[type=checkbox]:before { width: 10px; height: 10px; margin: -1px 0px 0px -1px; } .epkb-dialog-box-form input[type=checkbox]:checked + label { font-weight: bold; } .epkb-dialog-box-form select { padding: 6px 12px; border-radius: 4px; border: 1px solid #DDDDDD; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #FFFFFF; color: #32373C; outline: none; transition: 0.05s border-color ease-in-out; height: 41px; font-size: 16px; } .epkb-dialog-box-form .epkb-dbf__header { padding: 20px 20px 20px 20px; border-bottom: solid 1px #DDDDDD; background-color: #FCFCFC; } .epkb-dialog-box-form .epkb-dbf__header h4 { font-size: 22px; margin: 0; } .epkb-dialog-box-form .epkb-dbf__body { padding: 20px; } .epkb-dialog-box-form .epkb-dbf__form { padding: 20px; } .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input { margin-bottom: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: 25% 25% 25% 25%; grid-template-areas: "textLabel textLabel textInput textInput" "radiolabel radio radio rado" "checklabel checkbox checkbox checkbox"; } .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label { grid-area: textLabel; } .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label { grid-area: radiolabel; } .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label { grid-area: checklabel; } .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=text] { grid-area: textInput; } .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=radio] { grid-area: radio; } .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=checkbox] { grid-area: checkbox; } .epkb-dialog-box-form .epkb-dbf__footer { background-color: #F7F7F7; padding: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: auto 50%; border-top: solid 1px #DDDDDD; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept { text-transform: uppercase; margin: 10px; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover { cursor: pointer; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success { background-color: #78B956; color: #FFFFFF; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover { background-color: #8FDD7D; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error { background-color: #D95651; color: #FFFFFF; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover { background-color: #E27F7B; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning { background-color: #F0BC71; color: #FFFFFF; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover { background-color: #F5D29F; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default { background-color: #DDDDDD; color: #000000; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover { background-color: #E7E7E7; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary { background-color: #2EA3F2; color: #FFFFFF; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover { background-color: #2EA3F2; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel { background-color: #DDDDDD; color: #636262; text-transform: uppercase; margin: 10px; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover { cursor: pointer; background-color: #E7E7E7; } .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel .epkb-dbf__footer__cancel__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } .epkb-dialog-box-form .epkb-dbf__close { position: absolute; top: 9px; right: 10px; padding: 8px; } .epkb-dialog-box-form .epkb-dbf__close:before { font-size: 25px; } .epkb-dialog-box-form .epkb-dbf__close:hover { cursor: pointer; opacity: 0.7; box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF; border-radius: 4px; } .epkb-dialog-box-form--active { display: block; } .epkb-dialog-box-form--active .epkb-dbf__body { padding: 20px; font-size: 16px; } .epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background { display: block; } .epkb-dialog-box-form-black-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9; } @keyframes spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .import-main-form > ul { list-style: disc; padding-left: 20px; font-style: italic; } .epkb-admin-row { display: flex; } .epkb-notification-box-basic { padding: 10px; display: flex; border-left-width: 4px; border-left-style: solid; position: fixed; left: 0; width: 100%; bottom: 40%; z-index: 9999999999; } .epkb-notification-box-basic.epkb-notification-box-basic--static { position: static; } .epkb-notification-box-basic .epkb-notification-box-basic__icon { font-size: 40px; } .epkb-notification-box-basic .epkb-notification-box-basic__icon .epkb-notification-box-basic__icon__inner { padding: 0; border-radius: 0; } .epkb-notification-box-basic .epkb-notification-box-basic__body { padding: 5px 20px; } .epkb-notification-box-basic .epkb-notification-box-basic__body .epkb-notification-box-basic__body__title { margin: 0 0 8px 0; font-size: 20px; } .epkb-notification-box-basic .epkb-notification-box-basic__body .epkb-notification-box-basic__body__desc { margin-bottom: 0; } .epkb-notification-box-basic .epkb-notification-box-basic__buttons-wrap { text-align: center; } .epkb-notification-box-basic .epkb-notification-box-basic__buttons-wrap .epkb-notification-box-basic__button-confirm { padding: 10px 20px; min-width: 100px; height: auto; font-size: 16px; text-decoration: none; display: inline-block; background-color: #2EA3F2; color: #FFFFFF; text-align: center; margin-top: 20px; cursor: pointer; } .epkb-notification-box-basic.epkb-notification-box-basic--success { border-left-color: #78B956; background-color: #EDF8E2; } .epkb-notification-box-basic.epkb-notification-box-basic--success .epie-notification-box-basic__icon__inner { color: #78B956; background-color: #EDF8E2; } .epkb-notification-box-basic.epkb-notification-box-basic--success .epie-notification-box-basic__body .epie-notification-box-basic__body__title { color: #000000; } .epkb-notification-box-basic.epkb-notification-box-basic--success .epie-notification-box-basic__body .epie-notification-box-basic__body__desc { color: #000000; } .epkb-notification-box-basic.epkb-notification-box-basic--error { border-left-color: #D95651; background-color: #FCF0F0; } .epkb-notification-box-basic.epkb-notification-box-basic--error .epie-notification-box-basic__icon__inner { color: #D95651; background-color: #FCF0F0; } .epkb-notification-box-basic.epkb-notification-box-basic--error .epie-notification-box-basic__body .epie-notification-box-basic__body__title { color: #000000; } .epkb-notification-box-basic.epkb-notification-box-basic--error .epie-notification-box-basic__body .epie-notification-box-basic__body__desc { color: #000000; } .epkb-notification-box-basic.epkb-notification-box-basic--warning { border-left-color: #F0BC71; background-color: #FCDFD6; } .epkb-notification-box-basic.epkb-notification-box-basic--warning .epie-notification-box-basic__icon__inner { color: #F0BC71; background-color: #FCDFD6; } .epkb-notification-box-basic.epkb-notification-box-basic--warning .epie-notification-box-basic__body .epie-notification-box-basic__body__title { color: #000000; } .epkb-notification-box-basic.epkb-notification-box-basic--warning .epie-notification-box-basic__body .epie-notification-box-basic__body__desc { color: #000000; } .epkb-notification-box-basic.epkb-notification-box-basic--info { border-left-color: #2EA3F2; background-color: #FBFAFC; } .epkb-notification-box-basic.epkb-notification-box-basic--info .epkb-notification-box-popup__icon__inner { color: #2EA3F2; background-color: #FBFAFC; } .epkb-notification-box-basic.epkb-notification-box-basic--info .epkb-notification-box-popup__body .epkb-notification-box-popup__body__title { color: #000000; } .epkb-notification-box-basic.epkb-notification-box-basic--info .epkb-notification-box-popup__body .epkb-notification-box-popup__body__desc { color: #000000; } .epkb-import-step .epkb-notification-box-basic { padding: 10px; display: flex; border-left-width: 4px; border-left-style: solid; width: 100%; margin-bottom: 35px; max-width: 615px; position: static; } .epkb-import-step .epkb-import-attachment-options + .epkb-notification-box-basic { margin-top: -20px; } .epkb-notice-box { padding: 10px; margin: 10px 0; border-radius: 10px; border: 1px solid; line-height: 1.2; } .epkb-notice-box.epkb-notice-box--error { color: #721C24; background-color: #F8D7DA; border-color: #F5C6CB; } .epkb-notice-box.epkb-notice-box--info { background-color: #CCE5FF; border-color: #B8DAFF; color: #004085; } .epkb-notice-box.epkb-notice-box--note { color: #383D41; background-color: #E2E3E5; border-color: #D6D8DB; } .epkb-notice-box.epkb-notice-box--warning { color: #856404; background-color: #FFF3CD; border-color: #FFEEBA; } .epkb-notice-box.epkb-notice-box--success { color: #155724; background-color: #D4EDDA; border-color: #C3E6CB; } .epkb-admin-dialog-box-confirmation, .epkb-admin-dialog-box-info { background-color: #FFFFFF; width: 700px; position: fixed; top: 40%; left: 50%; margin-left: -350px; box-shadow: 0 6px 5px #B1B1B1; border: solid 1px #EFEFEF; z-index: 999; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__header, .epkb-admin-dialog-box-info .epkb-admin-dbc__header { padding: 20px 20px 20px 20px; border-bottom: solid 1px #DDDDDD; background-color: #FCFCFC; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__header h4, .epkb-admin-dialog-box-info .epkb-admin-dbc__header h4 { font-size: 22px; margin: 0; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__body, .epkb-admin-dialog-box-info .epkb-admin-dbc__body { padding: 20px; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__footer, .epkb-admin-dialog-box-info .epkb-admin-dbc__footer { background-color: #F7F7F7; padding: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: auto 50%; border-top: solid 1px #DDDDDD; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__footer .epkb-admin-dbc__footer__accept, .epkb-admin-dialog-box-info .epkb-admin-dbc__footer .epkb-admin-dbc__footer__accept { background-color: #5DDD46; color: #FFFFFF; text-transform: uppercase; margin: 10px; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__footer .epkb-admin-dbc__footer__accept:hover, .epkb-admin-dialog-box-info .epkb-admin-dbc__footer .epkb-admin-dbc__footer__accept:hover { cursor: pointer; background-color: #8FDD7D; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__footer .epkb-admin-dbc__footer__accept .epkb-admin-dbc__footer__accept__btn, .epkb-admin-dialog-box-info .epkb-admin-dbc__footer .epkb-admin-dbc__footer__accept .epkb-admin-dbc__footer__accept__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__footer .epkb-admin-dbc__footer__cancel, .epkb-admin-dialog-box-info .epkb-admin-dbc__footer .epkb-admin-dbc__footer__cancel { background-color: #DDDDDD; color: #636262; text-transform: uppercase; margin: 10px; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__footer .epkb-admin-dbc__footer__cancel:hover, .epkb-admin-dialog-box-info .epkb-admin-dbc__footer .epkb-admin-dbc__footer__cancel:hover { cursor: pointer; background-color: #E7E7E7; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__footer .epkb-admin-dbc__footer__cancel .epkb-admin-dbc__footer__cancel__btn, .epkb-admin-dialog-box-info .epkb-admin-dbc__footer .epkb-admin-dbc__footer__cancel .epkb-admin-dbc__footer__cancel__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__close, .epkb-admin-dialog-box-info .epkb-admin-dbc__close { position: absolute; top: 9px; right: 10px; padding: 8px; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__close:before, .epkb-admin-dialog-box-info .epkb-admin-dbc__close:before { font-size: 25px; } .epkb-admin-dialog-box-confirmation .epkb-admin-dbc__close:hover, .epkb-admin-dialog-box-info .epkb-admin-dbc__close:hover { cursor: pointer; opacity: 0.7; box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF; border-radius: 4px; } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .epkb-admin-dialog-box-loading { background-color: #FFFFFF; width: 30%; position: fixed; top: 30%; left: 50%; margin-left: -300px; box-shadow: 0 3px 13px 0 #A4A4A4; border: solid 1px #FFFFFF; z-index: 999; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__header { padding: 20px 20px 20px 20px; text-align: center; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon { border: dashed 6px #2EA3F2; color: #2EA3F2; padding: 30px; border-radius: 100px; margin-bottom: 30px; animation: spin 2s linear infinite; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon:before { font-size: 30px; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__header h4 { color: #2EA3F2; font-size: 32px; font-weight: bold; margin: 0; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__body { padding: 20px; text-align: center; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .epkb-admin-dialog-box-info { text-align: center; width: 400px; margin-left: -200px; } .epkb-admin-dialog-box-info .epkb-admin-dbc__footer { display: block; } #ekb-admin-page-wrap #export-form-button-wrap input[type=submit] { width: auto; padding: 6px 10px; } #ekb-admin-page-wrap #export-form-button-wrap input[type=submit].epkb-primary-btn, #ekb-admin-page-wrap #export-form-button-wrap input[type=submit].epkb-error-btn { padding: 10px; } #ekb-admin-page-wrap #epkb-admin__secondary-boxes-list__tools__import #export-form-button-wrap { display: flex; } #ekb-admin-page-wrap #epkb-admin__secondary-boxes-list__tools__import #export-form-button-wrap .epkb-kb__wizard-link { margin-right: 60px; } #ekb-admin-page-wrap .epkb-convert-form .epkb-convert-categories-filters { display: flex; } #ekb-admin-page-wrap .epkb-convert-form .epkb-convert-categories-filters .epkb-convert-categories-select { margin-right: 15px; } #ekb-admin-page-wrap .epkb-convert-form .epkb-convert-categories-filters .epkb-convert-categories-select select { padding: 6px 40px 6px 12px; margin: 0; } /** * Admin Contact Us page view */ /* Shared --------------------------------------------------------------*/ /* Shared --------------------------------------------------------------*/ /** * -- CSS Rules: -- All Classes must have a KB Prefix If you cannot assign an element a KB prefix try to have a container div that has the KB prefix. CSS Structure will be based on the BEM Methodology Ref: http://getbem.com/introduction/ https://www.toptal.com/css/introduction-to-bem-methodology -- BEM Reference guide -- Block names: HTML: <div class="block">...</div> CSS : .block { color: #042; } Child Element names: Note: Usually contain parent name separated by two __ HTML: <span class="block__elem"></span> CSS : .block__elem { color: #042; } Modifier names: Note: end follows with two -- HTML: <div class="block block--size-big CSS : .block__elem--mod { } A dash between names is a word separator. Example block-list, main-container -- BreakPoints: -- Tablet: xxx Mobile: xxx */ .epkb-features-container { display: inline-flex; flex-flow: wrap; justify-content: flex-start; } .epkb-features-container .epkb-features__new-feature { display: flex; flex-direction: column; width: calc((100% - 40px) / 3); text-align: center; box-sizing: border-box; margin: 0 20px 20px 0; min-height: 445px; border: 1px solid #D6E2ED; } .epkb-features-container .epkb-features__new-feature:nth-child(3n) { margin-right: 0; } @media (max-width: 1200px) { .epkb-features-container .epkb-features__new-feature { width: calc(50% - 10px); } .epkb-features-container .epkb-features__new-feature:nth-child(3n) { margin: 0 20px 20px 0; } .epkb-features-container .epkb-features__new-feature:nth-child(2n) { margin-right: 0; } } @media (max-width: 780px) { .epkb-features-container .epkb-features__new-feature { width: 100%; margin: 0 0 20px 0; } .epkb-features-container .epkb-features__new-feature:nth-child(3n), .epkb-features-container .epkb-features__new-feature:nth-child(2n) { margin: 0 0 20px 0; } } .epkb-features-container .epkb-features__new-feature .epkb-fnf__header { position: relative; padding: 30px 20px 14px 20px; overflow: hidden; min-height: 82px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__header .epkb-fnf__header__title { margin: 0; padding: 5px 41px 0 41px; line-height: 1.2; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__header .epkb-fnf__header__new-add-on { position: absolute; top: -13px; left: -48px; background-color: #EAF140; padding: 35px 34px 3px 34px; color: #000000; transform: rotate(-40deg); } .epkb-features-container .epkb-features__new-feature .epkb-fnf__header .epkb-fnf__header__new-add-on .epkbfa-plug { position: absolute; top: 12px; left: 58px; transform: rotate(-45deg); } .epkb-features-container .epkb-features__new-feature .epkb-fnf__header .epkb-fnf__header__new-feature { position: absolute; font-size: 20px; top: -14px; left: -48px; min-width: 130px; background-color: #5CB85C; padding: 20px 34px 3px 34px; color: #FFFFFF; line-height: 30px; transform: rotate(-40deg); } .epkb-features-container .epkb-features__new-feature .epkb-fnf__header .epkb-fnf__header__new-feature .epkbfa-star { position: absolute; top: 12px; left: 58px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__header .epkb-fnf__header__widget { position: absolute; top: -14px; left: -47px; background-color: #507AB8; padding: 35px 34px 3px 42px; color: #FFFFFF; transform: rotate(-40deg); } .epkb-features-container .epkb-features__new-feature .epkb-fnf__header .epkb-fnf__header__widget .epkbfa-puzzle-piece { position: absolute; top: 19px; left: 56px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__img { height: 170px; overflow: hidden; border: solid 5px #909090; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__img:hover { cursor: pointer; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__img img { width: 100%; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__video iframe { max-width: 100%; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__meta { font-size: 13px; display: grid; grid-template-rows: auto; align-items: "stretch"; grid-template-columns: 20% 55% 25%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3"; align-items: center; margin-top: 5px; } @media only screen and (max-width: 1400px) { .epkb-features-container .epkb-features__new-feature .epkb-fnf__meta { font-size: 11px; } } @media only screen and (max-width: 1300px) { .epkb-features-container .epkb-features__new-feature .epkb-fnf__meta { font-size: 13px; } } .epkb-features-container .epkb-features__new-feature .epkb-fnf__meta .epkb-fnf__meta__addon { background-color: #F6F6F6; padding: 10px 0; margin: 2px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__meta .epkb-fnf__meta__plugin { background-color: #F6F6F6; padding: 10px 0; margin: 2px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__meta .epkb-fnf__meta__core { background-color: #F6F6F6; padding: 10px 0; margin: 2px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__meta .epkb-fnf__meta__date { background-color: #F6F6F6; padding: 10px 0; margin: 2px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__body { min-height: 120px; padding: 0 20px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__body p { font-size: 16px; } .epkb-features-container .epkb-features__new-feature .epkb-fnf__button-container { display: flex; flex-grow: 1; align-items: center; flex-direction: column; justify-content: center; background-color: #F7F7F7; padding: 20px; border-top: solid 1px #DDDDDD; } .epkb-features-container .epkb-features__new-feature.epkb-features__our-free-plugin .epkb-fnf__header { min-height: 100px; } .epkb-features-container .epkb-features__new-feature.epkb-features__our-free-plugin .epkb-fnf__img { height: auto; } .epkb-features-container .epkb-elementor-msg { font-size: 20px !important; margin-left: 20px; } .epkb-features-container .epkb-elementor-msg .epkbfa { color: #78B956; } /* Shared --------------------------------------------------------------*/ #epkb-config-wizard-content { margin-right: 20px; } #epkb-config-wizard-content .epkb-wizard-top-navigation { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 20px; padding-bottom: 10px; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; min-width: 160px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.4; color: #FFFFFF; background: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%); border: none; border-radius: 8px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-transform: none; text-decoration: none; box-shadow: 0 2px 8px rgba(74, 144, 226, 0.3), 0 1px 3px rgba(0, 0, 0, 0.12); position: relative; overflow: hidden; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn::before, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn::before, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn::before, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn:hover, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn:hover, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn:hover, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn:hover { background: linear-gradient(135deg, #357ABD 0%, #2D6AA8 100%); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(74, 144, 226, 0.4), 0 2px 6px rgba(0, 0, 0, 0.15); } #epkb-config-wizard-content .epkb-wizard-top-nav-btn:hover::before, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn:hover::before, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn:hover::before, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn:hover::before { left: 100%; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn:hover .epkbfa, #epkb-config-wizard-content .epkb-wizard-top-nav-btn:hover .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-wizard-top-nav-btn:hover .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-wizard-top-nav-btn:hover .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn:hover .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn:hover .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn:hover .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn:hover .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn:hover .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn:hover .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn:hover .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn:hover .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn:hover .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn:hover .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn:hover .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn:hover .epkb-setup-wizard-button-next__text { color: #FFFFFF; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn:active, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn:active, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn:active, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(74, 144, 226, 0.3), 0 1px 3px rgba(0, 0, 0, 0.12); } #epkb-config-wizard-content .epkb-wizard-top-nav-btn:focus, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn:focus, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn:focus, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn:focus { outline: none; box-shadow: 0 2px 8px rgba(74, 144, 226, 0.3), 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 0 3px rgba(74, 144, 226, 0.2); } #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon { font-size: 14px; color: #FFFFFF; transition: all 0.3s ease; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-next__text { color: #FFFFFF; font-weight: 600; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply { background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%); box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3), 0 1px 3px rgba(0, 0, 0, 0.12); } #epkb-config-wizard-content .epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:hover, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:hover, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:hover, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:hover { background: linear-gradient(135deg, #16A34A 0%, #15803D 100%); box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4), 0 2px 6px rgba(0, 0, 0, 0.15); } #epkb-config-wizard-content .epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:active, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:active, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:active, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:active { box-shadow: 0 2px 6px rgba(34, 197, 94, 0.3), 0 1px 3px rgba(0, 0, 0, 0.12); } #epkb-config-wizard-content .epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:focus, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:focus, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:focus, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn.epkb-setup-wizard-button-apply:focus { box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3), 0 1px 3px rgba(0, 0, 0, 0.12), 0 0 0 3px rgba(34, 197, 94, 0.2); } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn { font-size: 14px; padding: 10px 20px; min-width: 140px; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon { font-size: 13px; } } @media (max-width: 768px) { #epkb-config-wizard-content .epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn { font-size: 13px; padding: 10px 16px; min-width: 120px; gap: 6px; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-next__text, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-prev__text, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-setup-wizard-button-next__text { display: none; } #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkbfa, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-wizard-button-next__icon, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn .epkb-wizard-button-prev__icon { font-size: 16px; margin: 0; } } @media (max-width: 480px) { #epkb-config-wizard-content .epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-prev.epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-next.epkb-wizard-top-nav-btn, #epkb-config-wizard-content .epkb-setup-wizard-button-apply.epkb-wizard-top-nav-btn { padding: 10px 14px; min-width: 50px; gap: 0; } } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner { position: relative; display: flex; justify-content: center; padding: 0 0 20px 0; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner__image { max-width: 100%; height: auto; max-height: 80px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner__line { position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 2px; background-color: #D0D0D0; z-index: 1; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner[data-total-steps="4"] .epkb-setup-wizard-steps-banner__line { width: 500px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner__highlights { position: relative; display: flex; justify-content: center; align-items: center; gap: 120px; pointer-events: none; z-index: 2; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight { position: relative; display: flex; flex-direction: column; align-items: center; pointer-events: auto; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__number { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; background-color: #E0E0E0; color: #666666; font-size: 16px; font-weight: 600; z-index: 3; position: relative; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__check { display: none; position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: #FFFFFF; font-size: 18px; z-index: 3; width: 36px; height: 36px; justify-content: center; align-items: center; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__label { margin-top: 8px; font-size: 13px; font-weight: 500; color: #666666; white-space: nowrap; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight--active .epkb-setup-wizard-step-highlight__number { background-color: #3870C6; color: #FFFFFF; box-shadow: 0 2px 4px rgba(56, 112, 198, 0.3); } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight--active .epkb-setup-wizard-step-highlight__label { color: #3870C6; font-weight: 600; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight--completed .epkb-setup-wizard-step-highlight__number { background-color: #4CAF50; font-size: 0; color: #FFFFFF; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight--completed .epkb-setup-wizard-step-highlight__check { display: flex; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight--completed .epkb-setup-wizard-step-highlight__label { color: #4CAF50; } @media (max-width: 900px) { #epkb-config-wizard-content .epkb-setup-wizard-steps-banner__line { width: 450px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner[data-total-steps="4"] .epkb-setup-wizard-steps-banner__line { width: 400px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner__highlights { gap: 90px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__number { width: 32px; height: 32px; font-size: 14px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__check { width: 32px; height: 32px; font-size: 16px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__label { font-size: 12px; } } @media (max-width: 600px) { #epkb-config-wizard-content .epkb-setup-wizard-steps-banner { padding: 30px 10px 15px 10px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner__line { width: 350px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner[data-total-steps="4"] .epkb-setup-wizard-steps-banner__line { width: 300px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner__highlights { gap: 70px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__number { width: 28px; height: 28px; font-size: 12px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__check { width: 28px; height: 28px; font-size: 14px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-banner .epkb-setup-wizard-step-highlight__label { font-size: 11px; } } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar { display: none; flex-direction: row; font-size: 20px; background-color: #F9F9F9; border-bottom: solid 1px #C5C5C5; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-steps-bar { font-size: 16px; } } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab { display: flex; flex-direction: row; flex-grow: 1; justify-content: center; align-items: center; position: relative; padding: 10px; cursor: pointer; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab .epkb-setup-wizard-step-tab__icon { display: none; font-size: 30px; color: #338F09; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab .epkb-setup-wizard-step-tab__number { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 26px; height: 26px; margin: 2px 0; border-radius: 20px; background-color: #C5C5C5; color: #FFFFFF; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab .epkb-setup-wizard-step-tab__label { display: flex; flex-direction: column; margin-left: 8px; color: #CCCCCC; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab .epkb-setup-wizard-step-tab__label .epkb-setup-wizard-step-tab__sub-label { display: inline-block; font-size: 14px; text-align: center; margin-bottom: 5px; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-tab--completed .epkb-setup-wizard-step-tab__number { display: none; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-tab--completed .epkb-setup-wizard-step-tab__icon { display: block; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-tab--completed .epkb-setup-wizard-step-tab__label { color: #3E3E3E; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-tab--active .epkb-setup-wizard-step-tab__number { background-color: #3870C6; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-tab--active .epkb-setup-wizard-step-tab__label { color: #3E3E3E; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab-divider { display: flex; flex-direction: row; justify-content: center; align-items: center; color: #3E3E3E; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab--active ~ .epkb-setup-wizard-step-tab-divider { color: #CCCCCC; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-part-1-of-2 + .epkb-setup-wizard-step-tab-divider { display: none; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-part-1-of-2:has(~ .epkb-setup-wizard-step-part-2-of-2.epkb-setup-wizard-step-tab--active), #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-part-1-of-2:has(~ .epkb-setup-wizard-step-part-2-of-2.epkb-setup-wizard-step-tab--completed) { display: none !important; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-part-2-of-2 { display: none; } #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-part-2-of-2.epkb-setup-wizard-step-tab--active, #epkb-config-wizard-content .epkb-setup-wizard-steps-bar .epkb-setup-wizard-step-tab.epkb-setup-wizard-step-part-2-of-2.epkb-setup-wizard-step-tab--completed { display: flex; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header { width: 90% !important; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header { display: none; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header.epkb-wc-step-header--active { display: block; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header .epkb-wizard-header__info { text-align: center; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header .epkb-wizard-header__info .epkb-wizard-header__info-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; padding: 20px 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header .epkb-wizard-header__info .epkb-wizard-header__info__title { line-height: 1.1; font-size: 22px !important; margin: 0 0 10px 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header .epkb-wizard-header__info .epkb-wizard-header__info__title .epkb-setup-wizard-step__topic { color: #3162B0; border-bottom: 1px solid #3162B0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header .epkb-setup-wizard-theme-header { padding: 0; margin-left: auto; margin-right: auto; text-align: center; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header .epkb-setup-wizard-theme-header .epkb-setup-wizard-theme-header__info__title { margin: 10px 0 15px 0; font-weight: 400; font-size: 16px; line-height: 1.2; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-wt-tc__themes-group__list { display: flex; justify-content: center; flex-wrap: wrap; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-wt-tc__themes-group__list .epkb-setup-current { display: flex; flex-wrap: wrap; background-color: #F3F6FF; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1411764706); margin: 31px 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-wt-tc__themes-group__list .epkb-setup-current .epkb-setup-option-container--description { width: 471px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-wt-tc__themes-group__list .epkb-setup-current #epkb-setup-wt-theme-current-panel { width: 374px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 33.333%; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__inner { margin: 30px; box-shadow: -1px 9px 13px 4px #606060; border: 3px solid #ECECEC; border-radius: 7px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__selection { border: 5px solid #ECECEC; border-radius: 7px; transition: all 0.3s ease; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container.epkb-setup-option-container--active .epkb-setup-option__inner { border: 3px solid #FFFFFF; box-shadow: 0 4px 20px rgba(54, 174, 218, 0.15), 0 10px 40px rgba(54, 174, 218, 0.25); transition: all 0.3s ease; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container.epkb-setup-option-container--active .epkb-setup-option__selection { border: 8px solid #36AEDA; border-radius: 7px; box-shadow: 0 0 0 2px rgba(54, 174, 218, 0.2), 0 0 0 6px rgba(54, 174, 218, 0.1), 0 8px 25px rgba(54, 174, 218, 0.35), 0 15px 50px rgba(54, 174, 218, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.3); transform: translateY(-2px); } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__featured-img-container { width: 100%; position: relative; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__featured-img-container .epkb-setup-option__featured-img { width: 100%; cursor: zoom-in; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__featured-vid-container { width: 100%; cursor: pointer; position: relative; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__featured-vid-container .epkb-setup-option__featured-vid { width: 950px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container { width: 100%; text-align: center; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label { position: relative; display: flex; flex-direction: row; justify-content: flex-start; background-color: #F8F8F8; width: 100%; padding: 13px 5px 12px 5px; font-size: 16px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label span { display: inline-block; white-space: nowrap; flex-grow: 1; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkp-theme], #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-layout], #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-modules-layout] { position: relative; margin-left: 12px; line-height: 1.1; float: initial; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkp-theme]:before, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-layout]:before, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-modules-layout]:before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 1px; left: 0; z-index: 7; background-color: #DDDDDD; border-radius: 20px; border: 2px solid #ECECEC; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkp-theme]:after, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-layout]:after, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-modules-layout]:after { content: "Choose"; flex-direction: row; justify-content: flex-start; align-items: center; top: -8px; bottom: -10px; left: -14px; z-index: 5; min-width: 100px; display: inline-block; height: fit-content; background-color: #3BB3E0; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 18px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0 1px 0 #7FD2F1, 0 1px 0 #FFFFFF; padding: 10px 0 10px 15px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkp-theme]:checked:after, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-layout]:checked:after, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-modules-layout]:checked:after { content: "Selected"; background-color: #86D700; color: #FFFFFF; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkp-theme]:checked:before, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-layout]:checked:before, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label input[name=epkb-modules-layout]:checked:before { width: 14px; height: 14px; background-color: #86D700; border: 3px solid #DDDDDD; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container.epkb-setup-option-container--description { text-align: left; display: block; padding-top: 40px; padding-left: 15px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container.epkb-setup-option-container--description h4 { font-size: 22px; margin-bottom: 15px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container.epkb-setup-option-container--description p { font-size: 16px; margin-top: 0; line-height: 1.3; font-weight: 500; padding-left: 2px; padding-right: 10px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-wizard-image_zoom { position: fixed; top: 0; left: 0; z-index: 9999; overflow-x: hidden; overflow-y: auto; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100vh; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-wizard-image_zoom .epkb-setup-wizard-image_zoom__content { position: relative; max-width: 1062px; width: 1062px; margin: 5% auto; background-color: rgba(221, 221, 221, 0.94); -webkit-box-shadow: -2px -2px 34px -6px rgba(0, 0, 0, 0.75); -moz-box-shadow: -2px -2px 34px -6px rgba(0, 0, 0, 0.75); box-shadow: -2px -2px 34px -6px rgba(0, 0, 0, 0.75); } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-wizard-image_zoom .epkb-setup-wizard-image_zoom__content img { width: inherit !important; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-wizard-image_zoom .epkb-setup-wizard-image_zoom__content .epkb-setup-wizard-image_zoom__close { position: absolute; top: 0; right: 0; font-size: 61px; background-color: #BBB9B9; z-index: 99999; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-wizard-image_zoom .epkb-setup-wizard-image_zoom__content .epkb-setup-wizard-image_zoom__close:hover { cursor: pointer; background-color: #CDCDCD; } @media (max-width: 1400px) { #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label { flex-direction: column-reverse; padding-bottom: 8px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label span { width: 100%; margin-bottom: 20px; } } @media (max-width: 782px) { #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container { width: auto; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label { flex-direction: row; padding-bottom: 12px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label span { width: initial; margin-bottom: 0; } } @media (max-width: 480px) { #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label { flex-direction: column-reverse; padding-bottom: 8px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-option-container .epkb-setup-option__option-container .epkb-setup-option__option__label span { width: 100%; margin-bottom: 20px; } } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-wizard-group__container-inner { padding: 20px 0 0 0; margin-bottom: 10px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-wizard-group__container-inner .epkb-setup-wt-tc__themes-group__header__title { padding: 15px 10px; font-size: 30px; color: #000000; text-transform: uppercase; font-weight: bold; text-align: center; line-height: normal; margin-bottom: -20px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-wizard-group__container-inner .epkb-setup-wt-tc__themes-group__header__desc { font-weight: 500; text-align: center; font-size: 20px; padding-top: 15px; color: #666666; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-setup-wizard-group__container-inner .epkb-setup-wt-theme__title { font-weight: bold; padding: 10px 0; text-align: center; display: block; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .input_container--uneditable { font-size: 18px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-input-desc:not(:last-child) { display: inline-block; margin-bottom: 10px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url { width: 65%; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url label { font-size: 20px; line-height: 1.5; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url input[type=text] { font-size: 20px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url input[type=text][readonly] { background-color: #F9F9F9; border: 1px solid #D6E2ED; outline: none !important; box-shadow: none !important; } @media (max-width: 1500px) { #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url { width: 80%; } } @media (max-width: 960px) { #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url { width: 100%; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url label { width: auto; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url .input_container { width: auto; } } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-url .epkb-wizard-row-form-input { grid-template-columns: 35% 65%; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-features .epkb-setup-wizard-module--categories_articles.epkb-setup-wizard-module-sidebar--active { margin-top: 0; min-width: 80%; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-features .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset { position: relative; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-features .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset img { display: block; width: 100%; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-features .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset__preview { display: block; width: 100%; min-height: 400px; overflow: visible; background: #FFFFFF; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-features .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset__preview-loading { display: flex; align-items: center; justify-content: center; min-height: 400px; font-size: 24px; color: #666666; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-features .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset__preview-loading .epkbfa { animation: epkb-spin 1s linear infinite; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-features .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset__preview-error { display: flex; align-items: center; justify-content: center; min-height: 400px; color: #D63638; padding: 20px; text-align: center; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-features .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset--loaded .epkb-setup-wizard-module-preset__preview-loading { display: none !important; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-block-info-banner { display: flex; align-items: center; gap: 10px; background-color: #E8F4FC; border: 1px solid #3870C6; border-radius: 6px; padding: 12px 16px; margin: 0 auto 20px; max-width: 95%; font-size: 14px; color: #1E3A5F; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-block-info-banner .epkbfa-info-circle { color: #3870C6; font-size: 18px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-step-container--layout-preview { display: flex; flex-direction: row; gap: 24px; width: 95%; margin: 0 auto; min-height: 500px; justify-content: flex-start; align-items: flex-start; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview { flex: 1 1 70%; min-height: 500px; position: relative; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview #epkb-ml-tabs-layout .epkb-panel-container { min-width: 1258px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #F9F9F9; z-index: 10; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__loading-spinner { width: 40px; height: 40px; border: 3px solid #E0E0E0; border-top-color: #3870C6; border-radius: 50%; animation: epkb-spin 0.8s linear infinite; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__loading-text { margin-top: 12px; color: #666666; font-size: 14px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__content { padding: 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__content .eckb-kb-template { padding: 20px !important; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__content a.epkb-mp-article, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__content a.epkb-ml-article-container { pointer-events: none; cursor: default; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__screenshot { width: 100%; max-width: 1000px; height: auto; display: block; border-radius: 4px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__error { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; min-height: 300px; color: #666666; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__error button { margin-top: 12px; padding: 8px 16px; background-color: #3870C6; color: #FFFFFF; border: none; border-radius: 4px; cursor: pointer; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview__error button:hover { background-color: #2D5AA0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-sidebar { flex: 0 0 300px; max-width: 300px; display: flex; flex-direction: column; gap: 8px; overflow-y: auto; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option { padding: 12px 14px; border: 2px solid #E0E0E0; background-color: #FFFFFF; border-radius: 8px; cursor: pointer; transition: border-color 0.2s, background-color 0.2s; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option:hover:not(#epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--pro) { border-color: #3870C6; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--active { border-color: #3870C6; background-color: #F0F7FF; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--active .epkb-setup-wizard-layout-option__title { color: #3870C6; font-weight: 600; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--active .epkb-setup-wizard-layout-option__features { display: block; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--active .epkb-setup-wizard-layout-option__demo { display: inline-flex; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--pro { cursor: pointer; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--pro.epkb-setup-wizard-layout-option--active { border-color: #3870C6; background-color: #F0F7FF; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--pro.epkb-setup-wizard-layout-option--active .epkb-setup-wizard-layout-option__title { color: #3870C6; font-weight: 600; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--pro.epkb-setup-wizard-layout-option--active .epkb-setup-wizard-layout-option__features { display: block; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option--pro.epkb-setup-wizard-layout-option--active .epkb-setup-wizard-layout-option__demo { display: inline-flex; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__header input[type=radio] { margin: 0; width: 16px; height: 25px; accent-color: #3870C6; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__title { font-size: 14px; font-weight: 500; color: #333333; flex: 1; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__pro-badge { background-color: #F59E0B; color: #FFFFFF; font-size: 10px; font-weight: 600; padding: 2px 6px; border-radius: 3px; text-transform: uppercase; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__features { display: none; margin: 0 0 8px 24px; padding: 0; list-style: disc; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__features li { font-size: 12px; color: #666666; margin-bottom: 3px; line-height: 1.3; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__demo { display: none; align-items: center; gap: 4px; font-size: 12px; color: #3870C6; text-decoration: none; margin-left: 24px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__demo:hover { text-decoration: underline; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-option__demo .epkbfa-external-link { font-size: 10px; } @media (max-width: 1100px) { #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-step-container--layout-preview { flex-direction: column-reverse; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-sidebar { flex: none; max-width: 100%; max-height: none; padding-right: 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-layout-preview { min-height: 400px; } } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-current-article { display: flex; flex-wrap: wrap; background-color: #F3F6FF; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1411764706); margin: 31px auto; width: fit-content; padding: 10px 25px 5px 20px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-current-article .epkb-setup-current-article__text { width: 471px; padding: 10px 10px 10px 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-current-article .epkb-setup-current-article__text .epkb-setup-wt-tc__themes-group__header__title { margin-top: 22px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-current-article .epkb-setup-current-article__text .epkb-setup-wt-tc__themes-group__header__desc { font-size: 16px; margin-top: 0; line-height: 1.3; font-weight: 500; padding-left: 2px; padding-right: 10px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-current-article .epkb-setup-current-article__image { width: 327px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-current-article .epkb-setup-current-article__image .epkb-setup-option-container { width: 100% !important; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-current-article .epkb-setup-current-article__image .epkb-setup-option-container .epkb-setup-option__option__label span { margin-left: 45px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-group__container-inner .epkb-setup-wt-tc__themes-group__header__title { text-align: left; text-transform: none; font-size: 24px; padding: 0; margin-bottom: 15px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wizard-group__container-inner .epkb-setup-wt-tc__themes-group__header__desc { text-align: left; font-size: 18px; padding: 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-wt-tc__themes-group__list > .epkb-setup-option-container:first-child { margin-left: 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-option__option__label input { margin-right: 10px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-setup-option__option__label span { width: auto; margin-left: 10px; margin-right: 10px; } @keyframes epkb-spin { to { transform: rotate(360deg); } } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset { position: relative; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset img { display: block; width: 100%; max-width: 1200px; object-fit: cover; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset--current .epkb-setup-wizard-module-preset__keep-current { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 200px; padding: 30px; background: linear-gradient(135deg, #F0F7FF 0%, #E8F4FD 100%); border: 2px dashed #3A7BD5; border-radius: 8px; text-align: center; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset--current .epkb-setup-wizard-module-preset__keep-current .epkbfa-check-circle { font-size: 48px; color: #3A7BD5; margin-bottom: 15px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset--current .epkb-setup-wizard-module-preset__keep-current .epkb-setup-wizard-module-preset__keep-current-text { font-size: 18px; font-weight: 600; color: #1A365D; margin-bottom: 8px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset--current .epkb-setup-wizard-module-preset__keep-current .epkb-setup-wizard-module-preset__keep-current-desc { font-size: 14px; color: #4A5568; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module--categories_articles .epkb-setup-wizard-module-preset--current.epkb-setup-wizard-module-preset--active .epkb-setup-wizard-module-preset__keep-current { border-style: solid; background: linear-gradient(135deg, #E6F3FF 0%, #D4EBFC 100%); } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-keep-current-button-container { margin-bottom: 15px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-keep-current-button-container .epkb-setup-wizard-keep-current-button { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 15px 20px; background: linear-gradient(135deg, #F0F7FF 0%, #E8F4FD 100%); border: 2px dashed #3A7BD5; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-keep-current-button-container .epkb-setup-wizard-keep-current-button input[type=radio] { display: none; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-keep-current-button-container .epkb-setup-wizard-keep-current-button .epkbfa-check-circle { display: none; font-size: 24px; color: #3A7BD5; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-keep-current-button-container .epkb-setup-wizard-keep-current-button__text { font-size: 16px; font-weight: 600; color: #1A365D; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-keep-current-button-container .epkb-setup-wizard-keep-current-button:hover { background: linear-gradient(135deg, #E6F3FF 0%, #D4EBFC 100%); } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-keep-current-button-container .epkb-setup-wizard-keep-current-button--active { border-style: solid; background: linear-gradient(135deg, #E6F3FF 0%, #D4EBFC 100%); } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-keep-current-button-container .epkb-setup-wizard-keep-current-button--active .epkbfa-check-circle { display: block; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module-settings-row .epkb-setup-wizard-presets-label { font-size: 19px; font-weight: 600; color: #010101; margin: 40px 0 11px 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module .epkb-label { width: 100%; transition: background-color 0.3s ease; /* Smooth transition over 0.3 seconds */ } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-setup-wizard-module .epkb-label:hover { background-color: #65BCF7; color: #FFFFFF; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-current-article { display: flex; flex-wrap: wrap; background-color: #F3F6FF; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1411764706); margin: 31px 0; width: fit-content; padding: 10px 25px 5px 20px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-current-article .epkb-setup-current-article__text { width: 471px; padding: 10px 10px 10px 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-current-article .epkb-setup-current-article__text .epkb-setup-wt-tc__themes-group__header__title { margin-top: 22px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-current-article .epkb-setup-current-article__text .epkb-setup-wt-tc__themes-group__header__desc { font-size: 16px; margin-top: 0; line-height: 1.3; font-weight: 500; padding-left: 2px; padding-right: 10px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-current-article .epkb-setup-current-article__image { width: 327px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-current-article .epkb-setup-current-article__image .epkb-setup-option-container { width: 100% !important; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-current-article .epkb-setup-current-article__image .epkb-setup-option-container .epkb-setup-option__option__label span { margin-left: 45px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-group__container-inner .epkb-setup-wt-tc__themes-group__header__title { text-align: left; text-transform: none; font-size: 24px; padding: 0; margin-bottom: 15px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-group__container-inner .epkb-setup-wt-tc__themes-group__header__desc { text-align: left; font-size: 18px; padding: 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wt-tc__themes-group__list > .epkb-setup-option-container:first-child { margin-left: 0; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-option-container { width: 28.8% !important; margin: 1%; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-option-container .epkb-setup-option__inner { width: 100%; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-option__option__label input { position: relative; margin-right: 90px; margin-left: 12px; line-height: 1.1; float: initial; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-option__option__label input:before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 1px; left: 0; z-index: 7; background-color: #DDDDDD; border-radius: 20px; border: 2px solid #ECECEC; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-option__option__label input:after { content: "Choose"; flex-direction: row; justify-content: flex-start; align-items: center; top: -8px; bottom: -10px; left: -14px; z-index: 5; min-width: 100px; display: inline-block; height: fit-content; background-color: #3BB3E0; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 18px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0 1px 0 #7FD2F1, 0 1px 0 #FFFFFF; padding: 10px 0 10px 15px; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-option__option__label input:checked:after { content: "Selected"; background-color: #86D700; color: #FFFFFF; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-option__option__label input:checked:before { width: 14px; height: 14px; background-color: #86D700; border: 3px solid #DDDDDD; } #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-option__option__label span { font-size: 14px; width: 152px; white-space: break-spaces !important; } #epkb-config-wizard-content .epkb-setup-wizard-step-container { display: flex; flex-direction: column; align-items: center; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item { display: flex; flex-direction: column; width: 90%; margin-bottom: 50px; padding: 0 20px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item { margin-bottom: 70px; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item .epkb-setup-wizard-step__item-title { font-size: 30px; color: #000000; font-weight: 700; text-align: center; line-height: 0.1em; margin-bottom: 45px; border-bottom: 2px solid #3E3E3E; width: 100%; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item .epkb-setup-wizard-step__item-title span { padding: 5px 10px; background-color: #FFFFFF; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content { display: flex; flex-direction: row; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-selection { width: 50%; min-width: 50%; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-selection { width: 55%; min-width: 55%; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-selection .epkb-setup-option-container { width: 100%; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-selection .epkb-setup-option-container .epkb-setup-option__inner { margin: 0 50px 30px 0; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description { display: flex; flex-direction: column; font-size: 20px; line-height: 1.2; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description__button-pro { width: 117px; margin: 45px auto; padding: 12px 35px; transform: translateX(30px); } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description__option__label { position: relative; display: flex; flex-direction: row; justify-content: flex-start; margin: 45px auto; padding: 13px 5px 12px 5px; font-size: 16px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description__option__label { margin: 20px auto; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description__option__label input[name=epkb-layout] { position: relative; line-height: 1.1; float: initial; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description__option__label input[name=epkb-layout]:before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; top: 1px; left: 0; z-index: 7; background-color: #DDDDDD; border-radius: 20px; border: 2px solid #ECECEC; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description__option__label input[name=epkb-layout]:after { content: "Choose"; flex-direction: row; justify-content: flex-start; align-items: center; top: -8px; bottom: -10px; left: -14px; z-index: 5; min-width: 100px; display: inline-block; height: fit-content; background-color: #3BB3E0; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 18px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; box-shadow: inset 0 1px 0 #7FD2F1, 0 1px 0 #FFFFFF; padding: 10px 0 10px 15px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description__option__label input[name=epkb-layout]:checked:before { width: 14px; height: 14px; background-color: #86D700; border: 3px solid #DDDDDD; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description__option__label input[name=epkb-layout]:checked:after { content: "Selected"; background-color: #86D700; color: #FFFFFF; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-features-title { font-size: 25px; font-weight: 600; margin-top: 45px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-features-title { margin-top: 10px; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-features { list-style: none; margin-top: 30px; margin-left: 0; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-features li { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 30px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-features li:before { content: attr(data-feature); margin-right: 10px; margin-top: -4px; background-color: #D0D849; display: flex; flex-direction: row; width: 30px; min-width: 30px; height: 30px; border-radius: 20px; justify-content: center; align-items: center; color: #FFFFFF; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 30px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links { margin-top: 10px; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links .epkb-setup-wizard-step__item-description-link { margin-right: 60px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links .epkb-setup-wizard-step__item-description-link:last-child { margin-right: 0; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links .epkb-setup-wizard-step__item-description-link i { margin-right: 10px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links .epkb-setup-wizard-step__item-description-link i:before { font-size: 35px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links .epkb-setup-wizard-step__item-description-link i.epkb-setup-wizard-step__item-demo-icon { background-color: #78B956; border-radius: 10px; padding: 4px 5px; color: #FFFFFF; display: flex; flex-direction: row; justify-content: center; align-items: center; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links .epkb-setup-wizard-step__item-description-link i.epkb-setup-wizard-step__item-demo-icon:before { content: attr(data-demo-link); font-size: 14px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description .epkb-setup-wizard-step__item-description-links .epkb-setup-wizard-step__item-description-link.epkb-setup-wizard-step__item-youtube-link i:before { color: #FF0000; } #epkb-config-wizard-content .epkb-setup-wizard-step-container.epkb-setup-wizard-step-container--hide { display: none; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules { display: flex; flex-direction: row; align-items: flex-start; width: 90%; margin: 0 auto; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules { width: 100%; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-rows-list { width: 100%; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-hidden-rows-title { display: none; font-size: 25px; margin: 35px 0 20px 0; padding-left: 14px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-hidden-rows-title.epkb-setup-wizard-hidden-rows-title--active { display: flex; align-items: center; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-hidden-rows-title .epkb-setup-wizard-hidden-rows-title__line { display: inline-block; flex-grow: 1; height: 2px; margin-left: 14px; background-color: #9D38A7; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row { display: flex; flex-direction: row; width: 100%; align-items: flex-start; padding: 12px; border: 2px dashed transparent; border-radius: 25px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row.epkb-setup-wizard-module-row--selected { background-color: #E5FFC3; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row.epkb-setup-wizard-module-row--selected .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-settings-title { font-weight: bold; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row.epkb-setup-wizard-module-row--inactivated { background-color: #FFE9E9; border-color: #FDD3D3; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row.epkb-setup-wizard-module-row--activated { background-color: #E5FFC3; border-color: #C2F183; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row:hover { border-color: #7B00A6; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row:hover .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-settings-title { font-weight: bold; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-preview { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; position: relative; box-shadow: 0 0 7px 2px #FFFFFF; transition: box-shadow 500ms ease-out; max-width: 50%; min-width: 50%; opacity: 0.5; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-preview { max-width: 65%; min-width: 65%; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-preview .epkb-setup-wizard-module { width: 100%; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-preview .epkb-setup-wizard-module.epkb-setup-wizard-module--search { padding-top: 20px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-sequence { display: none; position: relative; justify-content: center; text-align: center; cursor: pointer; font-size: 24px; font-weight: 400; color: #666666; background-color: #EAEAEA; margin-bottom: 25px; margin-right: 10px; border-radius: 5px; padding: 12px 0 15px 0; min-width: 50px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-sequence { margin-right: 0; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-sequence:hover { background-color: #2EA3F2; color: white; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-sequence::after { content: attr(data-tooltip); position: absolute; width: max-content; bottom: 110%; left: 50%; transform: translateX(-50%); padding: 5px; background-color: #000000; color: #FFFFFF; font-size: 14px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-sequence:hover::after { opacity: 1; visibility: visible; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row--resource-links-activate { font-size: 18px; padding: 10px 12px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-toggle { margin-left: auto; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-toggle { margin-left: 0; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-toggle .epkb-label { background-color: #EAEAEA; font-size: 24px; min-width: 50px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-toggle .epkb-label .epkb-setup-wizard-module-row-toggle--on { color: #78B956; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-toggle .epkb-label .epkb-setup-wizard-module-row-toggle--off { color: #D95651; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-toggle input:checked ~ .epkb-label { display: none; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-toggle input:not(:checked) ~ .epkb-label { color: #FFFFFF; background-color: #EAEAEA; border: solid 1px #EAEAEA; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-toggle .epkb-radio-buttons-container { gap: 0; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row.epkb-setup-wizard-module-row--active .epkb-setup-wizard-module-row-preview { opacity: 1; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row.epkb-setup-wizard-module-row--active .epkb-setup-wizard-module-row-sequence { display: flex; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings { width: 25%; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings { width: 20%; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-settings-title { display: flex; align-items: center; margin-bottom: 20px; font-weight: 400; font-size: 25px; line-height: 30px; padding: 20px 25px 25px 0; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-settings-title { font-size: 22px; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-settings-row { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 25px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-settings-row:last-of-type { margin-bottom: 0; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-settings-row .epkb-radio-buttons-container { flex-wrap: wrap; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-settings-row .epkb-radio-buttons-container .epkb-label { position: relative; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-sidebar-selector { display: flex; flex-direction: column; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-sidebar-selector .epkb-main_label { margin-bottom: 10px; font-size: 16px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-sidebar-selector .epkb-main_label { min-width: 60px; } } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-sidebar-selector .epkb-radio-buttons-container { flex-direction: column; } } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-sidebar-selector .epkb-radio-buttons-container .epkb-input-container { width: 100%; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-sidebar-selector .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label { background-color: #2EA3F2; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-sidebar-selector .epkb-radio-buttons-container .epkb-input-container .epkb-label { min-width: 100px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-left-settings .epkb-setup-wizard-module-sidebar-selector .epkb-radio-buttons-container .epkb-input-container .epkb-label { width: 100%; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings { display: flex; flex-direction: column; max-width: 25%; width: 25%; flex-grow: 1; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings { max-width: 15%; width: 15%; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module { display: flex; flex-direction: column; flex-grow: 1; margin: 0 0 0 20px; padding: 20px 25px 25px 25px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module { padding: 20px 0 0 0; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 25px; } @media (max-width: 1200px) { #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row { flex-direction: column; align-items: flex-start; } } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row:last-of-type { margin-bottom: 0; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row .epkb-radio-buttons-container { flex-wrap: wrap; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row .epkb-radio-buttons-container .epkb-label::after { content: attr(data-tooltip); position: absolute; width: max-content; bottom: 110%; left: 50%; transform: translateX(-50%); padding: 5px; background-color: #000000; color: #FFFFFF; font-size: 14px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row .epkb-radio-buttons-container .epkb-label:hover::after { opacity: 1; visibility: visible; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module .epkb-radio-horizontal-button-group-container { display: flex; flex-direction: column; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--modules .epkb-setup-wizard-module-row .epkb-setup-wizard-module-row-right-settings .epkb-setup-wizard-module .epkb-radio-horizontal-button-group-container .epkb-main_label { margin-bottom: 10px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--presets { display: flex; flex-direction: column; align-items: flex-start; width: 95%; margin: 0 auto; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--presets .epkb-setup-wizard-module-row { display: flex; flex-direction: row-reverse; width: 100%; gap: 20px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--presets .epkb-setup-wizard-module-row.epkb-setup-wizard-module-row--live-preview .epkb-setup-wizard-module-preset-previews { flex: 1 1 auto; max-width: none; width: 100%; } #epkb-config-wizard-content .epkb-setup-wizard-step-container--presets .epkb-setup-wizard-module-row.epkb-setup-wizard-module-row--live-preview .epkb-setup-wizard-module-preset-settings { max-width: 360px; width: 360px; } #epkb-config-wizard-content .epkb-setup-wizard-no-categories-articles-message { display: none; flex-direction: column; align-items: center; justify-content: center; font-size: 25px; min-height: 400px; } #epkb-config-wizard-content .epkb-setup-wizard-no-categories-articles-message.epkb-setup-wizard-no-categories-articles-message--active { display: flex; } .epkb-admin__section-wrap__ordering { max-width: 90% !important; } .epkb-admin__section-wrap__ordering .epkb-admin__boxes-list__box__desc { display: block !important; text-align: center !important; padding: 46px 0 14px 0 !important; font-size: 30px !important; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined { display: flex; gap: 15px; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-wizard-ordering-selection-container { background-color: #FCFCFC; border: 1px solid #D6E2ED; padding: 20px; height: fit-content; min-width: 322px !important; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-wizard-ordering-selection-container .eckb-wizard-features-content { width: 100%; background-color: #FCFCFC !important; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-wizard-ordering-selection-container .epkb-radio-horizontal-button-group-container { flex-direction: column; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-wizard-ordering-selection-container .epkb-radio-horizontal-button-group-container .epkb-main_label { display: flex; font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 1.5em; min-width: 0 !important; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-wizard-ordering-selection-container .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container { gap: 0px; margin-bottom: 10px; flex-direction: column; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-wizard-ordering-selection-container .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-label { width: fit-content !important; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-label__text { line-height: 1.5; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-wizard-ordering-ordering-preview .eckb-article-title__icon { line-height: 1.5 !important; } .epkb-admin__section-wrap__ordering .epkb-wizard-ordering-combined .epkb-wizard-ordering-ordering-preview .eckb-article-title__text { line-height: 1.5 !important; padding-left: 7px !important; } .epkb-admin__section-wrap__ordering .epkb-ordering-wizard-loader { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 300px; width: 100%; padding: 40px 20px; } .epkb-admin__section-wrap__ordering .epkb-ordering-wizard-loader__spinner { width: 60px; height: 60px; margin: 0 auto 24px; position: relative; } .epkb-admin__section-wrap__ordering .epkb-ordering-wizard-loader__spinner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 4px solid #F3F3F3; border-top: 4px solid #0066CC; border-radius: 50%; animation: epkb-ordering-spin 1s linear infinite; } .epkb-admin__section-wrap__ordering .epkb-ordering-wizard-loader__spinner::after { content: ""; position: absolute; top: -8px; left: -8px; width: calc(100% + 16px); height: calc(100% + 16px); border: 4px solid #F3F3F3; border-bottom: 4px solid #0066CC; border-radius: 50%; animation: epkb-ordering-spin-reverse 1.5s linear infinite; } .epkb-admin__section-wrap__ordering .epkb-ordering-wizard-loader__text { font-size: 20px; font-weight: 500; color: #333333; animation: epkb-ordering-pulse 1.5s ease-in-out infinite; } @keyframes epkb-ordering-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes epkb-ordering-spin-reverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes epkb-ordering-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .epkb-config-wizard-content, #epkb-config-wizard-content { margin: 20px 20px 20px 0; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content, #epkb-config-wizard-content { margin: 20px 20px 0 0; } } .epkb-config-wizard-content .epkb-wizard-preview-description, #epkb-config-wizard-content .epkb-wizard-preview-description { text-align: center; font-style: italic; font-size: 14px; height: 20px; margin-top: -30px; margin-bottom: 10px; } .epkb-config-wizard-content .epkb-wizard-preview-description i, #epkb-config-wizard-content .epkb-wizard-preview-description i { color: #00A0D2; } .epkb-config-wizard-content .epkb-config-wizard-inner, #epkb-config-wizard-content .epkb-config-wizard-inner { padding: 10px 20px 0 20px; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content .epkb-config-wizard-inner, #epkb-config-wizard-content .epkb-config-wizard-inner { padding: 10px 20px; } } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header { width: 80%; margin: 0 auto; position: relative; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wizard-header__info .epkb-wizard-header__info__title, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wizard-header__info .epkb-wizard-header__info__title { display: inline-block; font-size: 41px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wizard-header__info .epkb-wizard-header__info__current-kb, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wizard-header__info .epkb-wizard-header__info__current-kb { display: inline-block; margin-right: 20px; font-size: 14px; color: #7A7A7A; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wizard-header__info .epkb-wizard-header__info__current-kb .epkb-wizard-header__info__current-kb__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wizard-header__info .epkb-wizard-header__info__current-kb .epkb-wizard-header__info__current-kb__name { margin-right: 30px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header p, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header p { font-size: 18px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar { width: 80%; margin: 0 auto; margin-bottom: 20px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul { list-style: none; color: #CCCCCC; width: 100%; display: inline-flex; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step { font-size: 16px; width: 100%; float: left; padding: 20px; text-align: center; position: relative; border-bottom: 5px solid #CCCCCC; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step:after, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step:after { content: ""; border-radius: 100%; width: 20px; height: 20px; position: absolute; bottom: -13px; left: 50%; margin-left: -7px; margin-top: -7px; background: #FFFFFF; box-sizing: border-box; border: 2px solid #CCCCCC; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step--active { border-color: #78B956; color: #78B956; font-weight: bold; font-size: 16px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step--active:after, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step--active:after { border: 2px solid #78B956; background: #FFFFFF; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step--completed, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step--completed { border-color: #6BAE48; color: #6BAE48; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step--completed:after, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-status-bar ul .epkb-wsb-step--completed:after { border: 2px solid #6BAE48; background: #6BAE48; } @media only screen and (min-width: 1800px) { .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content { margin: auto; max-width: 1700px; } } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-wc-step-panel, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-wc-step-panel { display: none; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-wc-step-panel--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-wc-step-panel--active { display: block; -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 { width: 50%; margin: 0 auto; padding: 40px 0; padding-top: 0 !important; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 { width: 80%; padding: 30px 0 0 0; } } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 .epkb-wsb-step-1-panel-desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 .epkb-wsb-step-1-panel-desc { margin-bottom: 50px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 .epkb-wsb-welcome-msg, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 .epkb-wsb-welcome-msg { text-align: center; line-height: 2em; font-size: 27px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 .epkb-wizard-row-form-input, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 .epkb-wizard-row-form-input { display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: 30% 70%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 .epkb-wizard-row-form-input > div:first-child, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1 .epkb-wizard-row-form-input > div:first-child { padding-right: 20px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 20% 80%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; width: 100%; margin: 0 auto; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container { padding-right: 0 !important; background-color: #F6F6F6; color: #666666; margin-top: 111px; box-shadow: 10px 11px 5px -10px rgba(0, 0, 0, 0.58); border: solid 1px #3386A0; position: relative; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first { position: absolute; top: -111px; left: 0; background-color: #F8B632; color: #FFFFFF; border-radius: 10px; border: solid 1px #F8B632; display: flex; justify-content: flex-start; align-items: center; width: 100%; box-shadow: 5px 5px 15px -8px #5B5B5B; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first:hover, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first:hover { cursor: pointer; background-color: #EEEEEE; color: #000000; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__icon, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__icon, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__icon, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__icon { padding: 12px; color: #F8B632; background-color: #FFFFFF; font-size: 34px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__name, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__name { padding: 0px 10px; font-size: 17px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__name .epkb-wt-theme-first__desc, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__name .epkb-wt-theme-first__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__name .epkb-wt-theme-first__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first .epkb-wt-theme-first__name .epkb-wt-theme-first__desc { display: none; font-size: 13px; padding-top: 11px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active { background-color: #00A0D2; border: solid 1px #00A0D2; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__name, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__name { padding: 8px 10px; margin-left: 36px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__icon, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__icon, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__icon, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__icon { padding: 10px; color: #00A0D2; background-color: #FFFFFF; font-size: 20px; border-radius: 9px; position: absolute; top: 0; left: 0; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__desc, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt-theme-first.epkb-wt--active .epkb-wt-theme-first__desc { display: block; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt--active, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt--active { background-color: #00A0D2; color: #FFFFFF; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt--active .epkb-wt-tab__desc, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt--active .epkb-wt-tab__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt--active .epkb-wt-tab__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container .epkb-wt--active .epkb-wt-tab__desc { display: block; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul { padding: 0; margin: 0; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header { border-bottom: solid 1px #DDDDDD; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 { padding: 15px; margin: 0; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 .epkb-wt-tc__themes-group__header__title, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 .epkb-wt-tc__themes-group__header__title, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 .epkb-wt-tc__themes-group__header__title, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 .epkb-wt-tc__themes-group__header__title { font-size: 15px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 .epkb-wt-tc__themes-group__header__icon, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 .epkb-wt-tc__themes-group__header__icon, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 .epkb-wt-tc__themes-group__header__icon, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__header h4 .epkb-wt-tc__themes-group__header__icon { font-size: 20px; margin-right: 8px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab { margin: 0; padding: 20px 0 20px 0px; border-bottom: solid 1px #DDDDDD; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab:hover, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab:hover { cursor: pointer; background-color: #EEEEEE; color: #000000; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab .epkb-wt-tab__name, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab .epkb-wt-tab__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab .epkb-wt-tab__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab .epkb-wt-tab__name { font-size: 16px; padding: 0 15px 0 30px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab .epkb-wt-tab__desc, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab .epkb-wt-tab__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab .epkb-wt-tab__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt-tab .epkb-wt-tab__desc { font-size: 12px; font-style: italic; display: none; padding: 0 15px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active { background-color: #00A0D2; color: #FFFFFF; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active:hover, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active:hover { cursor: default; background-color: #00A0D2; color: #FFFFFF; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active .epkb-wt-tab__desc, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active .epkb-wt-tab__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active .epkb-wt-tab__desc, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group .epkb-wt-tc__themes-group__list .epkb-wt--active .epkb-wt-tab__desc { display: block; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group:last-child .epkb-wt-tc__themes-group__header, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group:last-child .epkb-wt-tc__themes-group__header, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group:last-child .epkb-wt-tc__themes-group__header, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .epkb-wt-tc__themes-group:last-child .epkb-wt-tc__themes-group__header { border: none; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .eckb-wizard-accordion__body-content--active .epkb-wt-tc__themes-group__header, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .eckb-wizard-accordion__body-content--active .epkb-wt-tc__themes-group__header, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .eckb-wizard-accordion__body-content--active .epkb-wt-tc__themes-group__header, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-tab-container ul .eckb-wizard-accordion__body-content--active .epkb-wt-tc__themes-group__header { background-color: #3B3B3B; color: #FFFFFF; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container { padding: 0 20px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container .epkb-wt-panel, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container .epkb-wt-panel, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container .epkb-wt-panel, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container .epkb-wt-panel { display: none; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container .epkb-wt-panel--active, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container .epkb-wt-panel--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container .epkb-wt-panel--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container .epkb-wt-panel--active { display: block; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container #epkb-content-container, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container #epkb-content-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-themes .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container #epkb-content-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2 .epkb-wizard-theme-preview .epkb-wizard-theme-panel-container #epkb-content-container { max-width: 100% !important; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 12% 68% 20%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3"; width: 100%; margin: 0 auto; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 12% 58% 30%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3"; } } @media only screen and (max-width: 1300px) { .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 13% 61% 27%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3"; } } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container { background-color: #F6F6F6; color: #666666; text-align: center; margin-top: 52px; font-size: 13px; position: relative; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container ul, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container ul, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container ul, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container ul { padding: 0; margin: 0; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container ul li:last-child, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container ul li:last-child, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container ul li:last-child, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container ul li:last-child { border: none; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab { margin: 0; padding: 10px 0; border-bottom: solid 1px #DDDDDD; font-size: 13px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab:hover, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab:hover { cursor: pointer; background-color: #EEEEEE; color: #000000; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings { position: absolute; padding: 0; top: -52px; left: 0; background-color: #F8B632; color: #FFFFFF; border-radius: 5px; border: solid 1px #F8B632; display: flex; justify-content: flex-start; align-items: center; width: 100%; box-shadow: 5px 5px 15px -8px #5B5B5B; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings:hover, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings:hover, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings:hover { cursor: pointer; background-color: #EEEEEE; color: #000000; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings .epkb-wcp-current-settings__icon, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings .epkb-wcp-current-settings__icon, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings .epkb-wcp-current-settings__icon, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings .epkb-wcp-current-settings__icon { padding: 8px; color: #F8B632; background-color: #FFFFFF; font-size: 18px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings .epkb-wcp-current-settings__name, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings .epkb-wcp-current-settings__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings .epkb-wcp-current-settings__name, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-current-settings .epkb-wcp-current-settings__name { padding: 0 10px; font-size: 14px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab:active, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab:active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab:active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-color-preset-container .epkb-wcp-tab:active { background-color: #00A0D2; transition: background-color 0.5s ease-out; color: #FFFFFF; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-theme-preview-container, .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-theme-preview-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-wizard-color-preview .epkb-wizard-theme-preview-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-wizard-color-preview .epkb-wizard-theme-preview-container { padding: 0 20px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-search-box input[type=text], .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-search-box input[type=text], #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout .epkb-search-box input[type=text], #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-search-box input[type=text] { letter-spacing: -1px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 80% 20%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; width: 100%; margin: 0 auto; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview > div:first-child, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview > div:first-child { padding-right: 20px; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 70% 30%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; } } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview #eckb-wizard-article-page-preview #eckb-article-content-header .eckb-article-content-header__article-meta, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview #eckb-wizard-article-page-preview #eckb-article-content-header .eckb-article-content-header__article-meta { padding-top: 0; font-size: 14px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview #eckb-wizard-article-page-preview #eckb-article-content-header .eckb-article-content-body, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview #eckb-wizard-article-page-preview #eckb-article-content-header .eckb-article-content-body { font-size: 14px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview #eckb-wizard-article-page-preview .eckb-breadcrumb, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview #eckb-wizard-article-page-preview .eckb-breadcrumb { padding-bottom: 0 !important; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview #eckb-wizard-article-page-preview #eckb-article-page-container-v2, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-design .epkb-wizard-color-preview #eckb-wizard-article-page-preview #eckb-article-page-container-v2 { width: 100% !important; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page { margin: 0 auto; padding: 20px 0; min-height: 300px; width: initial; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container { display: grid; grid-template-rows: auto; grid-template-columns: 60% 40%; width: 70%; margin-left: auto; margin-right: auto; gap: 50px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container .epkb-setup-wizard-article-image__container .epkb-setup-wizard-article-image__list .epkb-setup-wizard__featured-img-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container .epkb-setup-wizard-article-image__container .epkb-setup-wizard-article-image__list .epkb-setup-wizard__featured-img-container { display: none; box-shadow: -1px 9px 13px 4px #606060; border: 3px solid #ECECEC; border-radius: 7px; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container .epkb-setup-wizard-article-image__container .epkb-setup-wizard-article-image__list .epkb-setup-wizard__featured-img-container .epkb-setup-wizard__featured-img, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container .epkb-setup-wizard-article-image__container .epkb-setup-wizard-article-image__list .epkb-setup-wizard__featured-img-container .epkb-setup-wizard__featured-img { width: 100%; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container .epkb-setup-wizard-article-image__container .epkb-setup-wizard-article-image__list .epkb-setup-wizard__featured-img-container.epkb-setup-wizard__featured-img-container--active, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container .epkb-setup-wizard-article-image__container .epkb-setup-wizard-article-image__list .epkb-setup-wizard__featured-img-container.epkb-setup-wizard__featured-img-container--active { display: block; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container .epkb-setup-wizard-option__container .epkb-setup-wizard-option__title, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container .epkb-setup-wizard-option__container .epkb-setup-wizard-option__title { font-size: 16px; line-height: 1.2; margin-bottom: 20px; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page .epkb-setup-wizard-article__container { width: 100%; gap: 25px; } } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page { width: 75%; padding: 10px 0; } } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content #epkb-main-page-container.epkb-basic-template #epkb-content-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content #epkb-main-page-container.epkb-basic-template #epkb-content-container { margin-bottom: 0; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content #epkb-main-page-container #epkb-content-container section, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content #epkb-main-page-container #epkb-content-container section { margin-bottom: 0 !important; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content #epkb-main-page-container .eckb-article-title span, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content #epkb-main-page-container .eckb-article-title span { font-size: 14px !important; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-tabs-template, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-tabs-template { display: flex; position: relative; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-tabs-template .epkb-nav-tabs li .epkb-category-level-1, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-tabs-template .epkb-nav-tabs li .epkb-category-level-1 { font-size: 15px !important; } .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard__warning-container, #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard__warning-container { padding: 10px 25px; } .epkb-config-wizard-content .epkb-config-wizard-inner #eckb-article-page-container-v2, #epkb-config-wizard-content .epkb-config-wizard-inner #eckb-article-page-container-v2 { width: 100% !important; } .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active { width: 100%; display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 80% 20%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; } .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active > div:first-child, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active > div:first-child { padding-right: 20px; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 70% 30%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; } } .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active { width: 100%; display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 80% 20%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; } .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active > div:first-child, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active > div:first-child { padding-right: 20px; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 70% 30%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; } } .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout, .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page { width: 60%; margin: 0 auto; padding: 40px 0; min-height: 300px; } .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content #eckb-article-page-container-v2, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content #eckb-article-page-container-v2 { width: auto; } .epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-text-archive-page-preview-image, #epkb-config-wizard-content.eckb-wizard-features .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-text-archive-page-preview-image { max-width: 100%; } .epkb-config-wizard-content.eckb-wizard-features .epkb-wizard-text-main-page-preview, .epkb-config-wizard-content.eckb-wizard-features .epkb-wizard-text-article-page-preview, #epkb-config-wizard-content.eckb-wizard-features .epkb-wizard-text-main-page-preview, #epkb-config-wizard-content.eckb-wizard-features .epkb-wizard-text-article-page-preview { padding: 22px; } .epkb-config-wizard-content.eckb-wizard-features .epkb-wizard-text-article-page-preview, .epkb-config-wizard-content.eckb-wizard-features #elay-sidebar-layout-page-container, #epkb-config-wizard-content.eckb-wizard-features .epkb-wizard-text-article-page-preview, #epkb-config-wizard-content.eckb-wizard-features #elay-sidebar-layout-page-container { padding-top: 0px; } .epkb-config-wizard-content.eckb-wizard-features #elay-grid-layout-page-container, #epkb-config-wizard-content.eckb-wizard-features #elay-grid-layout-page-container { padding-right: 0; padding-top: 0; } .epkb-config-wizard-content.eckb-wizard-features #elay-sidebar-layout-page-container.elay-sidebar-template, #epkb-config-wizard-content.eckb-wizard-features #elay-sidebar-layout-page-container.elay-sidebar-template { box-sizing: border-box; } .epkb-config-wizard-content.eckb-wizard-features .epkb-wizard-features-article-page-preview, #epkb-config-wizard-content.eckb-wizard-features .epkb-wizard-features-article-page-preview { padding-right: 28%; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-button, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-button { padding: 15px 20px !important; font-size: 18px; text-decoration: none; min-width: 200px; width: auto !important; line-height: 20px; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-ordering-wizard-button-apply, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-ordering-wizard-button-apply { background-color: #78B956; border-color: #609C40; background-image: linear-gradient(to top, #78B956, #95C87A); } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-ordering-wizard-button-apply:hover, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-ordering-wizard-button-apply:hover { background-image: linear-gradient(to top, #609C40, #95C87A); } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-button-container, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-button-container { width: auto !important; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-button-container .epkb-wizard-button-container__inner, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-button-container .epkb-wizard-button-container__inner { display: flex !important; justify-content: center; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active { width: 50%; margin: auto; } @media only screen and (max-width: 1200px) { .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-1.epkb-wc-step-panel--active { width: 100%; } } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active { width: 100%; margin: auto; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active:after, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active:after { content: ""; clear: both; display: table; width: 100%; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active .eckb-kb-no-content a, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active .eckb-kb-no-content a { cursor: pointer !important; } @media only screen and (max-width: 1400px) { .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active { width: 100%; } } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout, .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-layout, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-article-page { width: 60%; margin: 0 auto; padding: 40px 0; min-height: 300px; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content #eckb-article-page-container-v2, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content #eckb-article-page-container-v2 { width: auto; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wisard-ordering-title, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content .eckb-wisard-ordering-title { text-align: center; line-height: 1.25; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content #asea-doc-search-container, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content #asea-doc-search-container { display: none; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content #elay-content-container .elay-section-container:after, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content #elay-content-container .elay-section-container:after { content: ""; clear: both; display: table; width: 100%; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content #elay-content-container .elay-sidebar, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-config-wizard-inner .epkb-wizard-content #elay-content-container .elay-sidebar { max-height: 99999px; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-text-main-page-preview, .epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-text-article-page-preview, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-text-main-page-preview, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-text-article-page-preview { padding: 22px; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-text-article-page-preview, .epkb-config-wizard-content.eckb-wizard-ordering #elay-sidebar-layout-page-container, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-text-article-page-preview, #epkb-config-wizard-content.eckb-wizard-ordering #elay-sidebar-layout-page-container { padding-top: 0px; } .epkb-config-wizard-content.eckb-wizard-ordering #elay-grid-layout-page-container, #epkb-config-wizard-content.eckb-wizard-ordering #elay-grid-layout-page-container { padding-right: 0; padding-top: 0; } .epkb-config-wizard-content.eckb-wizard-ordering #elay-sidebar-layout-page-container.elay-sidebar-template, #epkb-config-wizard-content.eckb-wizard-ordering #elay-sidebar-layout-page-container.elay-sidebar-template { box-sizing: border-box; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-search-article-page-preview, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-wizard-search-article-page-preview { padding-right: 28%; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-top-categories-list > .epkb-sortable-item-highlight .epkb-category-level-1, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-top-categories-list > .epkb-sortable-item-highlight .epkb-category-level-1 { color: #00BFFF !important; } .epkb-config-wizard-content.eckb-wizard-ordering section.epkb-sortable-item-highlight .epkb-category-level-1, #epkb-config-wizard-content.eckb-wizard-ordering section.epkb-sortable-item-highlight .epkb-category-level-1 { color: #00BFFF !important; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-sub-category > .epkb-sortable-item-highlight .epkb-category-level-2-3 a, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-sub-category > .epkb-sortable-item-highlight .epkb-category-level-2-3 a { color: #00BFFF !important; font-weight: bold; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title { color: #00BFFF !important; font-weight: bold; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title i, .epkb-config-wizard-content.eckb-wizard-ordering .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title span, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title i, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-articles > .epkb-sortable-item-highlight .eckb-article-title span { color: #00BFFF !important; font-weight: bold; } .epkb-config-wizard-content.eckb-wizard-ordering .ui-sortable-disabled .ui-sortable-handle:hover, #epkb-config-wizard-content.eckb-wizard-ordering .ui-sortable-disabled .ui-sortable-handle:hover { cursor: default; } .epkb-config-wizard-content.eckb-wizard-ordering .ui-sortable-handle:hover, #epkb-config-wizard-content.eckb-wizard-ordering .ui-sortable-handle:hover { cursor: move; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-section-body a .article_underline_effect span:hover, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-section-body a .article_underline_effect span:hover { text-decoration: none !important; } .epkb-config-wizard-content.eckb-wizard-ordering .sidebar-sections, #epkb-config-wizard-content.eckb-wizard-ordering .sidebar-sections { background-color: white; } .epkb-config-wizard-content.eckb-wizard-ordering .epkb-sortable-placeholder, #epkb-config-wizard-content.eckb-wizard-ordering .epkb-sortable-placeholder { background-color: #B6FF6D; } .epkb-config-wizard-content.eckb-wizard-ordering #epkb-content-container, #epkb-config-wizard-content.eckb-wizard-ordering #epkb-content-container { margin: 0 !important; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content { /* Global wizard slug options */ } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options img, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options img { max-width: 100%; margin-bottom: 20px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options p, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options p { font-size: 16px; line-height: 1; margin-bottom: 40px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .eckb-external-link, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .eckb-external-link { position: relative; display: inline-block; margin-top: 20px; font-size: 14px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .eckb-external-link:after, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .eckb-external-link:after { background-image: url(../img/knowledge-base-mini-icon.png); width: 26px; height: 26px; content: " "; display: block; position: absolute; right: -33px; top: -2px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .epkb-wizard-global-selection-container .eckb-wizard-global-content .config-option-info, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .epkb-wizard-global-selection-container .eckb-wizard-global-content .config-option-info { display: none; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .epkb-wizard-global-selection-container .eckb-wizard-global-content .main_label, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .epkb-wizard-global-selection-container .eckb-wizard-global-content .main_label { color: #00A0D2; font-size: 14px; margin-bottom: 20px; display: block; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .epkb-wizard-global-selection-container .eckb-wizard-global-content .radio-buttons-horizontal, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .epkb-wizard-global-selection-container .eckb-wizard-global-content .radio-buttons-horizontal { display: flex; flex-wrap: wrap; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .epkb-wizard-global-selection-container .eckb-wizard-global-content .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-global-template-options .epkb-wizard-global-selection-container .eckb-wizard-global-content .radio-buttons-horizontal .epkb-radio-wrap { display: flex; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active { width: 100%; display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 80% 20%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active > div:first-child, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active > div:first-child { padding-right: 20px; } @media only screen and (max-width: 1500px) { .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 70% 30%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; } } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active #elay-grid-layout-page-container .elay-section-container, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-2.epkb-wc-step-panel--active #elay-grid-layout-page-container .elay-section-container { margin-top: -15px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label { margin-top: -3px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__site-url, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__site-url { color: #000000; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__divider, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__divider { color: #000000; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__main-page-slug, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__main-page-slug { color: #2C7ADD; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__category, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__category { color: #46B44C; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__category.epkb-wso-with-category__category--off, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__category.epkb-wso-with-category__category--off { display: none; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__article, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__article { color: #000000; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__new-url, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-global-wizard-slug-label .epkb-wso-with-category__new-url { color: #D95651; font-weight: 700; padding-left: 20px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options { font-size: 13px; margin-left: 20px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options .epkb-wso-option-container, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options .epkb-wso-option-container { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options .epkb-wso-option-container input[type=radio], #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options .epkb-wso-option-container input[type=radio] { width: 20px; height: 20px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options .epkb-wso-option-container input[type=radio]:before, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options .epkb-wso-option-container input[type=radio]:before { width: 14px; height: 14px; margin: 2px 1px 1px 2px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options .epkb-wso-option-container input[type=radio]:checked + label, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-slug-options .epkb-wso-option-container input[type=radio]:checked + label { font-weight: bold; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container { width: 100%; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul { margin-left: 20px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul li, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul li { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul li .epkb-wizard-mps-title, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul li .epkb-wizard-mps-title { min-width: 100px; margin-right: 10px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul li .epkb-wizard-mps-url, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul li .epkb-wizard-mps-url { margin-right: 10px; min-width: 350px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__options-cotent, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__options-cotent { padding-left: 40px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__options-cotent:not(:last-of-type), #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__options-cotent:not(:last-of-type) { padding-bottom: 25px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__options-description, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__options-description { margin: 20px 0; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-row, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-row { display: flex; justify-content: flex-start; align-items: center; flex-flow: nowrap; padding: 10px 0; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-row a.epkb-kb__wizard-link, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-row a.epkb-kb__wizard-link { min-width: 100px !important; margin-left: 20px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-label, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-label { display: flex; justify-content: flex-start; align-items: center; margin-right: 10px; min-width: 175px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-container, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-container { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-value-row, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-value-row { margin-top: 20px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-value-row .epkb-wso__option-container, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-value-row .epkb-wso__option-container { padding-left: 29px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-tooltip, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-tooltip { margin-left: 20px; position: relative; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-tooltip .epkbfa-info-circle, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-tooltip .epkbfa-info-circle { color: #5EB8F5; font-size: 24px; cursor: pointer; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-tooltip .eckb-tooltip-contents, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-tooltip .eckb-tooltip-contents { position: absolute; width: 240px; bottom: 20px; right: -240px; background: #FFFFFF; border: 1px solid #D6E2ED; border-radius: 10px 10px 10px 0; padding: 15px; } @media (max-width: 782px) { .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-row, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-row { flex-direction: column; align-items: flex-start; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-row a.epkb-kb__wizard-link, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-row a.epkb-kb__wizard-link { min-width: 100px; margin-left: auto; margin-top: 10px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-container, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-container { margin-top: 10px; } } @media (max-width: 1200px) { .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__options-cotent, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__options-cotent { padding-left: 20px; } .epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-tooltip .eckb-tooltip-contents, #epkb-config-wizard-content.eckb-wizard-global-page .epkb-config-wizard-inner .epkb-wizard-content .epkb-wso__option-tooltip .eckb-tooltip-contents { right: initial; left: -240px; border-radius: 10px 10px 0 10px; } } .epkb-config-wizard-content .epkb-wizard-color-selection-container, .epkb-config-wizard-content .epkb-wizard-text-selection-container, .epkb-config-wizard-content .epkb-wizard-features-selection-container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container, .epkb-config-wizard-content .epkb-wizard-search-selection-container, .epkb-config-wizard-content .eckb-wizard-global-page, .epkb-config-wizard-content .epkb-wizard-global-selection-container, #epkb-config-wizard-content .epkb-wizard-color-selection-container, #epkb-config-wizard-content .epkb-wizard-text-selection-container, #epkb-config-wizard-content .epkb-wizard-features-selection-container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container, #epkb-config-wizard-content .epkb-wizard-search-selection-container, #epkb-config-wizard-content .eckb-wizard-global-page, #epkb-config-wizard-content .epkb-wizard-global-selection-container { background-color: #FFFFFF; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-colors-content, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-texts-content, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-ordering-content, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-search-content, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-global-content, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-colors-content, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-texts-content, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-ordering-content, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-search-content, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-global-content, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-colors-content, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-texts-content, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-ordering-content, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-search-content, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-global-content, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-colors-content, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-texts-content, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-ordering-content, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-search-content, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-global-content, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-colors-content, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-texts-content, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-ordering-content, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-search-content, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-global-content, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-colors-content, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-texts-content, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-ordering-content, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-search-content, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-global-content, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-colors-content, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-texts-content, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-ordering-content, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-search-content, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-global-content, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-colors-content, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-texts-content, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-ordering-content, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-search-content, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-global-content, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-colors-content, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-texts-content, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-ordering-content, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-search-content, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-global-content, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-colors-content, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-texts-content, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-ordering-content, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-search-content, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-global-content, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-colors-content, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-texts-content, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-ordering-content, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-search-content, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-global-content, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-colors-content, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-texts-content, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-ordering-content, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-search-content, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-global-content, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-colors-content, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-texts-content, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-ordering-content, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-search-content, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-global-content, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-colors-content, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-texts-content, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-ordering-content, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-search-content, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-global-content { background-color: #FBFBFB; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-colors-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-texts-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-search-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-global-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-colors-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-texts-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-search-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-global-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4 { background-color: #EAEAEA; padding: 20px; margin: 0 0 20px 0; color: #3A3A3A; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-colors-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-texts-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-ordering-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-search-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-global-content .eckb-wizard-option-heading h4.epkb-wizard-header-alert-icon:before { content: "\f12a"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 5px; color: red; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-colors-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-texts-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-ordering-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-search-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-global-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-colors-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-texts-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-ordering-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-search-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-global-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-colors-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-texts-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-ordering-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-search-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-global-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-colors-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-texts-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-ordering-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-search-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-global-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-colors-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-texts-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-ordering-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-search-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-global-content .option-info-icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-colors-content .option-info-icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-texts-content .option-info-icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-ordering-content .option-info-icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-search-content .option-info-icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-global-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-colors-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-texts-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-ordering-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-search-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .option-info-icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-global-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-colors-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-texts-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-ordering-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-search-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-global-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-colors-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-texts-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-ordering-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-search-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-global-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-colors-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-texts-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-ordering-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-search-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-global-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-colors-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-texts-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-ordering-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-search-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-global-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-colors-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-texts-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-ordering-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-search-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-global-content .option-info-icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-colors-content .option-info-icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-texts-content .option-info-icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-ordering-content .option-info-icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-search-content .option-info-icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-global-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-colors-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-texts-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-ordering-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-search-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-features-content .option-info-icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-global-content .option-info-icon { display: none; } .epkb-config-wizard-content .epkb-wizard-color-selection-container #eckb-wp-editor-update, .epkb-config-wizard-content .epkb-wizard-text-selection-container #eckb-wp-editor-update, .epkb-config-wizard-content .epkb-wizard-features-selection-container #eckb-wp-editor-update, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container #eckb-wp-editor-update, .epkb-config-wizard-content .epkb-wizard-search-selection-container #eckb-wp-editor-update, .epkb-config-wizard-content .eckb-wizard-global-page #eckb-wp-editor-update, .epkb-config-wizard-content .epkb-wizard-global-selection-container #eckb-wp-editor-update, #epkb-config-wizard-content .epkb-wizard-color-selection-container #eckb-wp-editor-update, #epkb-config-wizard-content .epkb-wizard-text-selection-container #eckb-wp-editor-update, #epkb-config-wizard-content .epkb-wizard-features-selection-container #eckb-wp-editor-update, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container #eckb-wp-editor-update, #epkb-config-wizard-content .epkb-wizard-search-selection-container #eckb-wp-editor-update, #epkb-config-wizard-content .eckb-wizard-global-page #eckb-wp-editor-update, #epkb-config-wizard-content .epkb-wizard-global-selection-container #eckb-wp-editor-update { display: inline-block; margin: 20px 0; background-color: #00A0D2; color: #FFFFFF; padding: 12px 31px; border-radius: 3px; border: solid 1px #00799F; cursor: pointer; } .epkb-config-wizard-content .epkb-wizard-color-selection-container #eckb-wp-editor-update:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container #eckb-wp-editor-update:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container #eckb-wp-editor-update:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container #eckb-wp-editor-update:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container #eckb-wp-editor-update:hover, .epkb-config-wizard-content .eckb-wizard-global-page #eckb-wp-editor-update:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container #eckb-wp-editor-update:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container #eckb-wp-editor-update:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container #eckb-wp-editor-update:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container #eckb-wp-editor-update:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container #eckb-wp-editor-update:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container #eckb-wp-editor-update:hover, #epkb-config-wizard-content .eckb-wizard-global-page #eckb-wp-editor-update:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container #eckb-wp-editor-update:hover { opacity: 0.8; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .option-info-content + .config-input-group, .epkb-config-wizard-content .epkb-wizard-text-selection-container .option-info-content + .config-input-group, .epkb-config-wizard-content .epkb-wizard-features-selection-container .option-info-content + .config-input-group, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .option-info-content + .config-input-group, .epkb-config-wizard-content .epkb-wizard-search-selection-container .option-info-content + .config-input-group, .epkb-config-wizard-content .eckb-wizard-global-page .option-info-content + .config-input-group, .epkb-config-wizard-content .epkb-wizard-global-selection-container .option-info-content + .config-input-group, #epkb-config-wizard-content .epkb-wizard-color-selection-container .option-info-content + .config-input-group, #epkb-config-wizard-content .epkb-wizard-text-selection-container .option-info-content + .config-input-group, #epkb-config-wizard-content .epkb-wizard-features-selection-container .option-info-content + .config-input-group, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .option-info-content + .config-input-group, #epkb-config-wizard-content .epkb-wizard-search-selection-container .option-info-content + .config-input-group, #epkb-config-wizard-content .eckb-wizard-global-page .option-info-content + .config-input-group, #epkb-config-wizard-content .epkb-wizard-global-selection-container .option-info-content + .config-input-group { margin-top: 1px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 60% 40%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; padding: 0 10px !important; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color.eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color.eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color.eckb-wizard-single-text-example { display: grid; grid-template-rows: auto; align-items: start; grid-template-columns: 10% 50% 40% 33.3333333333%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3"; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color label { font-size: 15px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker { position: relative; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-holder { margin-left: -148px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap { padding-right: 23px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap label { padding-right: 0; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap input[type=text] { width: 100%; font-size: 15px; height: 20px; margin-bottom: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear { width: 100%; font-size: 15px; height: 30px; padding: 0; margin-bottom: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker { position: relative; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-holder { margin-left: -148px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap { padding-right: 23px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap label { padding-right: 0; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text], #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap input[type=text] { width: 100%; font-size: 15px; height: 20px; margin-bottom: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .wp-picker-input-wrap .wp-picker-clear { width: 100%; font-size: 15px; height: 30px; padding: 0; margin-bottom: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .wp-picker-active { height: 330px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .ekb-color-picker .eckb-wizard-single-color:nth-child(2) .iris-picker { top: 0; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .main_label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .main_label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .main_label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .main_label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .main_label, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .main_label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .main_label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color .main_label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color .main_label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color .main_label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color .main_label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color .main_label, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color .main_label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color .main_label { display: inline-block; text-align: center; width: 90%; font-size: 15px; text-transform: uppercase; border-bottom: dashed 1px #ADADAD; margin: 15px; padding: 0 0 10px 0; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color label, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-dual-color label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-dual-color label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-dual-color label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-dual-color label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-dual-color label, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-dual-color label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-dual-color label { font-size: 15px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text { display: flex; justify-content: space-around; align-items: center; padding-left: 10px; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text label { font-size: 13px; text-align: left; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text input, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text select { width: 100%; display: block; padding: 5px 0px 5px 8px; font-size: 14px; height: auto; line-height: 1; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text .number-input { padding: 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text .input_container { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox { padding-left: 10px; padding-right: 10px; display: flex; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox .input_container { width: 40px; min-width: 40px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox label { width: 100%; text-align: left; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown { display: flex; justify-content: space-around; align-items: center; padding-left: 10px; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown label { font-size: 13px; text-align: left; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown input, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown select { width: 100%; display: block; padding: 5px 0px 5px 8px; font-size: 14px; height: auto; line-height: 1; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown .number-input { padding: 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown .input_container { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown label { width: 50%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown .input_container { width: 50%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown select { padding-right: 20px; overflow: hidden; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio { padding-left: 10px; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .main_label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .main_label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .main_label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .main_label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .main_label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .main_label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .main_label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .main_label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .main_label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .main_label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .main_label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .main_label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .main_label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .main_label { margin-bottom: 3px; display: block; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap { display: flex; margin-bottom: 3px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap .input_container { width: 30px; min-width: 30px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3 label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label { width: 100%; text-align: left; line-height: 1.2; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .config-col-3:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap:hover { color: #00A0D2; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap { display: flex; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-horizontal .epkb-radio-wrap label { text-align: left; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical ul, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical ul, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical ul { margin: 0; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 { display: flex; padding-bottom: 5px; margin-bottom: 3px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 .input_container { width: 30px; min-width: 30px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12 label { width: 100%; text-align: left; line-height: 1.2; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio .radio-buttons-vertical .config-col-12:hover { color: #00A0D2; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text { padding-left: 10px; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text .main_label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text .main_label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text .main_label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text .main_label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text .main_label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text .main_label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text .main_label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text .main_label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text .main_label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text .main_label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text .main_label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text .main_label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text .main_label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text .main_label { border-bottom: 1px solid #DDDDDD; margin-bottom: 10px; display: inline-block; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul { margin: 0; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul input[type=text], .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul input[type=text], #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul input[type=text], #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul input[type=text] { font-size: 14px; display: block; padding: 5px; height: auto; width: 100%; margin: 0; margin-top: 3px; min-height: 0; line-height: 1; box-sizing: border-box; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group { margin-bottom: 0; padding-bottom: 0; display: flex; align-items: center; justify-content: space-between; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .config-input-group label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .config-input-group label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group label { width: 50%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container { width: 50%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .config-input-group .input_container select { margin-left: 0; margin-right: 0; width: 100%; box-sizing: border-box; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown { padding-left: 0; padding-right: 0; margin-bottom: 0; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-miltiple-select-text ul .eckb-wizard-single-dropdown select { margin-left: 0; margin-right: 0; width: 100%; box-sizing: border-box; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group { padding-left: 10px; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group label { font-size: 13px; text-align: left; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group input, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group select { width: 100%; display: block; padding: 5px 0px 5px 8px; font-size: 14px; height: auto; line-height: 1; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group .number-input { padding: 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group .input_container { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group .number-inputs-container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group .number-inputs-container { display: flex; justify-content: space-around; align-items: flex-start; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group .number-inputs-container label { text-align: center; padding: 0; width: 100%; display: inline-block; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 { padding-left: 10px; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 label { font-size: 13px; text-align: left; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 input, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 select { width: 100%; display: block; padding: 5px 0px 5px 8px; font-size: 14px; height: auto; line-height: 1; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .number-input { padding: 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .input_container { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container .number-input { display: flex; flex-direction: row-reverse; padding-top: 5px; padding-left: 0; text-align: left; align-items: center; padding-right: 0; justify-content: space-between; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container label { padding: 0; width: 100%; display: inline-block; max-width: 50%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .number-inputs-container input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-2 .number-inputs-container input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-2 .number-inputs-container input { float: right; max-width: 50%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal { flex-wrap: wrap; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal label { font-size: 13px; text-align: left; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal input, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal select { width: 100%; display: block; padding: 5px 0px 5px 8px; font-size: 14px; height: auto; line-height: 1; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .number-input { padding: 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .input_container { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .main_label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .main_label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .main_label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .main_label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .main_label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .main_label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .main_label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .main_label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .main_label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .main_label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .main_label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .main_label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .main_label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .main_label { padding-left: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal { display: flex; justify-content: flex-start; align-items: flex-start; padding: 0 30px; padding-top: 20px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input { width: 20px; height: 20px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div .input_container input:checked:before { width: 14px; height: 14px; margin: 2px 1px 1px 2px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal .radio-buttons-horizontal > div label { padding: 0 0 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical label { font-size: 13px; text-align: left; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical input, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical select { width: 100%; display: block; padding: 5px 0px 5px 8px; font-size: 14px; height: auto; line-height: 1; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .number-input { padding: 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .input_container { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .main_label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .main_label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .main_label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .main_label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .main_label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .main_label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .main_label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .main_label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .main_label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .main_label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .main_label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .main_label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .main_label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .main_label { padding-left: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical { padding: 0 20px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical ul li { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container { width: auto; padding-right: 10px; height: 20px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input { width: 20px; height: 20px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical .input_container input:checked:before { width: 14px; height: 14px; margin: 2px 1px 1px 2px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical .radio-buttons-vertical label { padding: 0 0 10px 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-checkbox-example .eckb-wizard-single-checkbox-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio-btn-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio-btn-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio-btn-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio-btn-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio-btn-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio-btn-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio-btn-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio-btn-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio-btn-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio-btn-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio-btn-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio-btn-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio-btn-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio-btn-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-radio-btn-example .eckb-wizard-single-radio-btn-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-dropdown-example .eckb-wizard-single-dropdown-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-single-text-example .eckb-wizard-single-dropdown-text__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-horizontal-example .eckb-wizard-radio-btn-horizontal-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example { padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example label { font-size: 13px; text-align: left; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example input, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example select { width: 100%; display: block; padding: 5px 0px 5px 8px; font-size: 14px; height: auto; line-height: 1; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .number-input { padding: 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .input_container { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .main_label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .main_label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .main_label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .main_label { padding-left: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical { padding: 0 8px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical ul li { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container { width: auto; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input { width: 20px; height: 20px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical .input_container input:checked:before { width: 14px; height: 14px; margin: 2px 1px 1px 2px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .radio-buttons-vertical label { padding: 0 0 10px 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; padding-left: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-example .eckb-wizard-radio-btn-vertical-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-v2-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-v2-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-v2-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-v2-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-v2-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-v2-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-v2-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-v2-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-v2-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-v2-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-v2-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-v2-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-v2-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-v2-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-radio-btn-vertical-v2-example .eckb-wizard-radio-btn-vertical-v2-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-horizontal-text-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-horizontal-text-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-horizontal-text-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-horizontal-text-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-horizontal-text-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-horizontal-text-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-horizontal-text-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-horizontal-text-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-horizontal-text-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-horizontal-text-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-horizontal-text-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-horizontal-text-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-horizontal-text-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-horizontal-text-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-horizontal-text-example .eckb-wizard-horizontal-text-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example { padding-left: 10px; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example label { font-size: 13px; text-align: left; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example input, .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example select, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example select, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example select, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example select, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example select, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example select, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example select, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example select, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example select, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example select, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example select, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example select, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example select, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example select { width: 100%; display: block; padding: 5px 0px 5px 8px; font-size: 14px; height: auto; line-height: 1; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .number-input, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .number-input, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .number-input, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .number-input, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .number-input, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .number-input, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .number-input, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .number-input, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .number-input, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .number-input, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .number-input, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .number-input, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .number-input, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .number-input { padding: 0 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .input_container { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .number-inputs-container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .number-inputs-container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container { display: flex; justify-content: space-around; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .number-inputs-container label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .number-inputs-container label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .number-inputs-container label { text-align: center; padding: 0; width: 100%; display: inline-block; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-multiple-number-group-example .eckb-wizard-multiple-number-group-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-fields-horizontal-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-fields-horizontal-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-fields-horizontal-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-fields-horizontal-example .eckb-wizard-text-fields-horizontal-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-and-select-fields-horizontal-example, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-and-select-fields-horizontal-example, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-and-select-fields-horizontal-example, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-and-select-fields-horizontal-example { display: flex; justify-content: flex-start; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon { font-size: 16px; margin-right: 5px; padding-left: 5px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-text-and-select-fields-horizontal-example .eckb-wizard-text-and-select-fields-horizontal-example__icon:hover { cursor: pointer; color: #023C4B; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units { display: flex; justify-content: space-around; align-items: center; padding-left: 10px; padding-right: 10px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .main_label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .main_label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .main_label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .main_label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .main_label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .main_label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .main_label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .main_label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .main_label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .main_label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .main_label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .main_label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .main_label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .main_label { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal { width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal ul, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal ul, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal ul, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal ul { margin: 0; display: flex; justify-content: space-between; align-items: center; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal ul label, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal ul label, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal ul label { display: none; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group { padding: 0; margin: 0; width: 100%; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, .epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, .epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-color-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-text-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-features-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-search-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, #epkb-config-wizard-content .eckb-wizard-global-page .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container, #epkb-config-wizard-content .epkb-wizard-global-selection-container .eckb-wizard-units .text-select-fields-horizontal ul .config-input-group .input_container { width: 100%; margin-right: 1px; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-info-item, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-info-item, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-info-item, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-info-item, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-info-item, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-info-item, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-info-item, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-info-item, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-info-item, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-info-item, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-info-item, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-info-item, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-info-item, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-info-item { padding: 0 10px; padding-left: 15px; display: flex; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-info-item:before, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-info-item:before, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-info-item:before, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-info-item:before, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-info-item:before, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-info-item:before, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-info-item:before, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-info-item:before, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-info-item:before, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-info-item:before, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-info-item:before, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-info-item:before, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-info-item:before, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-info-item:before { content: "\e91b"; display: inline-block; font-family: ep_icons !important; color: blue; font-size: 16px; margin-right: 4px; vertical-align: middle; } .epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-info-item a, .epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-info-item a, .epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-info-item a, .epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-info-item a, .epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-info-item a, .epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-info-item a, .epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-info-item a, #epkb-config-wizard-content .epkb-wizard-color-selection-container .epkb-wizard-info-item a, #epkb-config-wizard-content .epkb-wizard-text-selection-container .epkb-wizard-info-item a, #epkb-config-wizard-content .epkb-wizard-features-selection-container .epkb-wizard-info-item a, #epkb-config-wizard-content .epkb-wizard-ordering-selection-container .epkb-wizard-info-item a, #epkb-config-wizard-content .epkb-wizard-search-selection-container .epkb-wizard-info-item a, #epkb-config-wizard-content .eckb-wizard-global-page .epkb-wizard-info-item a, #epkb-config-wizard-content .epkb-wizard-global-selection-container .epkb-wizard-info-item a { display: inline-block; line-height: 1.2; } .epkb-config-wizard-content .epkb-wizard-color-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), .epkb-config-wizard-content .epkb-wizard-text-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), .epkb-config-wizard-content .epkb-wizard-features-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), .epkb-config-wizard-content .epkb-wizard-search-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), .epkb-config-wizard-content #epkb-wsb-step-2-panel .epkb-wizard-theme-panel-container #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), .epkb-config-wizard-content .epkb-wizard-search-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), .epkb-config-wizard-content .epkb-wizard-text-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), .epkb-config-wizard-content .epkb-wizard-features-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), .epkb-config-wizard-content .epkb-wizard-global-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content .epkb-wizard-color-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content .epkb-wizard-text-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content .epkb-wizard-features-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content .epkb-wizard-search-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content #epkb-wsb-step-2-panel .epkb-wizard-theme-panel-container #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content .epkb-wizard-search-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content .epkb-wizard-text-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content .epkb-wizard-features-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1), #epkb-config-wizard-content .epkb-wizard-global-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container > li:nth-child(2n-1) { display: none; } .epkb-config-wizard-content .epkb-wizard-color-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), .epkb-config-wizard-content .epkb-wizard-text-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), .epkb-config-wizard-content .epkb-wizard-features-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), .epkb-config-wizard-content .epkb-wizard-search-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), .epkb-config-wizard-content #epkb-wsb-step-2-panel .epkb-wizard-theme-panel-container #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), .epkb-config-wizard-content .epkb-wizard-search-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), .epkb-config-wizard-content .epkb-wizard-text-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), .epkb-config-wizard-content .epkb-wizard-features-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), .epkb-config-wizard-content .epkb-wizard-global-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content .epkb-wizard-color-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content .epkb-wizard-text-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content .epkb-wizard-features-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content .epkb-wizard-search-article-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content #epkb-wsb-step-2-panel .epkb-wizard-theme-panel-container #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content .epkb-wizard-search-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content .epkb-wizard-text-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content .epkb-wizard-features-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1), #epkb-config-wizard-content .epkb-wizard-global-main-page-preview #elay-sidebar-container-v2 .elay-sidebar__cat-container ul li:nth-child(4n-1) { display: none; } .epkb-config-wizard-content .epkb-wizard-col2, #epkb-config-wizard-content .epkb-wizard-col2 { grid-area: col_2; } .epkb-config-wizard-content .epkb-wizard-button, #epkb-config-wizard-content .epkb-wizard-button { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -o-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2EA3F2, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #3EB8E5)); border-radius: 5px; font-size: 21px; } .epkb-config-wizard-content .epkb-wizard-button a, #epkb-config-wizard-content .epkb-wizard-button a { text-decoration: none; } .epkb-config-wizard-content .epkb-wizard-button:hover, #epkb-config-wizard-content .epkb-wizard-button:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -o-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -moz-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -ms-linear-gradient(bottom, #0E8BDF, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-config-wizard-content .epkb-wizard-button:focus, #epkb-config-wizard-content .epkb-wizard-button:focus { outline: 0; } .epkb-config-wizard-content .epkb-wizard-button[disabled], #epkb-config-wizard-content .epkb-wizard-button[disabled] { filter: grayscale(1); cursor: not-allowed; } .epkb-config-wizard-content .epkb-wizard-button-link a, #epkb-config-wizard-content .epkb-wizard-button-link a { border: solid 1px #DDDDDD; padding: 10px 15px; text-decoration: none; text-align: center; text-transform: uppercase; border-radius: 4px; text-decoration: none; } .epkb-config-wizard-content .epkb-wizard-button-link a:hover, #epkb-config-wizard-content .epkb-wizard-button-link a:hover { cursor: pointer; background-color: #00A0D2; color: #FFFFFF; } .epkb-config-wizard-content .epkb-wizard-link a, #epkb-config-wizard-content .epkb-wizard-link a { color: #00A0D2; text-decoration: none; border-bottom: solid 1px #00A0D2; } .epkb-config-wizard-content .epkb-wizard-link a:hover, #epkb-config-wizard-content .epkb-wizard-link a:hover { cursor: pointer; color: #06C4FF; } .epkb-config-wizard-content .epkb-wizard-btn-icon, #epkb-config-wizard-content .epkb-wizard-btn-icon { display: inline-block; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading { cursor: pointer; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading h4 { margin-bottom: 0 !important; transition: 0.2s; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading .epkbfa-caret-down, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-option-heading .epkbfa-caret-down { display: none; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content:last-child h4, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content:last-child h4 { border-color: transparent; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .config-input-group, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .config-input-group { transition: 1s; max-height: 0; margin-bottom: 0; overflow: hidden; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .config-input-group .iris-picker .iris-square, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .config-input-group .iris-picker .iris-square { margin-right: 5px; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .config-input-group .wp-picker-container .iris-picker, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .config-input-group .wp-picker-container .iris-picker { max-width: 236px; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-default-note, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content .eckb-wizard-default-note { display: none; width: 80%; margin: 0 auto; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-single-color, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-single-color { padding: 5px 10px !important; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading h4, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading h4 { margin-bottom: 20px; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading .epkbfa-caret-right, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading .epkbfa-caret-right { display: none; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading .epkbfa-caret-down, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-option-heading .epkbfa-caret-down { display: inline-block; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .config-input-group, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .config-input-group { max-height: 600px; margin-bottom: 10px; margin-top: 10px; padding-bottom: 10px; } .epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-default-note, #epkb-config-wizard-content .eckb-wizard-accordion .eckb-wizard-accordion__body-content--active .eckb-wizard-default-note { display: block; } .epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-button, #epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-button { display: block; height: 100%; border-radius: 0px; background-color: #AAAAAA; } .epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-button:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-button:hover { background-color: #AAAAAA; } .epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-thumb, #epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-thumb { background-color: #000000; } .epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-thumb:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-thumb:hover { background-color: #3986CC; } .epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-track, #epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-track { background-color: #CCCCCC; } .epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-track:hover, #epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar-track:hover { background-color: #CCCCCC; } .epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar, #epkb-config-wizard-content .epkb-wizard-color-selection-container::-webkit-scrollbar { width: 3px; } .epkb-config-wizard-content .epkb-wizard-input-desc, #epkb-config-wizard-content .epkb-wizard-input-desc { font-size: 16px; font-style: italic; margin: 0 0 40px 0; } .epkb-config-wizard-content .epkb-wizard-input-desc a, #epkb-config-wizard-content .epkb-wizard-input-desc a { text-decoration: none; } .epkb-config-wizard-content #epkb-wizard-slug-error, #epkb-config-wizard-content #epkb-wizard-slug-error { display: none; margin-bottom: 10px; color: red; font-size: 14px; margin-left: 18px; margin-top: 0; } .epkb-config-wizard-content .epkb-wizard-input-error, #epkb-config-wizard-content .epkb-wizard-input-error { order-color: red; } .epkb-config-wizard-content .epkb-wizard-menus .config-input-group, #epkb-config-wizard-content .epkb-wizard-menus .config-input-group { display: flex; flex-direction: row-reverse; justify-content: flex-end; padding: 2.5px 0; } .epkb-config-wizard-content .epkb-wizard-menus .epkb-wizard-menus_no-menu-el, #epkb-config-wizard-content .epkb-wizard-menus .epkb-wizard-menus_no-menu-el { margin-bottom: 0; } .epkb-config-wizard-content #elay-grid-layout-page-container, #epkb-config-wizard-content #elay-grid-layout-page-container { padding: 0; max-height: none; } .epkb-config-wizard-content #elay-sidebar-layout-page-container, #epkb-config-wizard-content #elay-sidebar-layout-page-container { padding: 0; overflow: visible; } .epkb-config-wizard-content .elay-sidebar, #epkb-config-wizard-content .elay-sidebar { max-height: 450px; overflow: hidden; } .epkb-config-wizard-content #asea-doc-search-container, #epkb-config-wizard-content #asea-doc-search-container { margin-top: 0px; } .epkb-config-wizard-content .eckb-wizard-default-note, #epkb-config-wizard-content .eckb-wizard-default-note { border-radius: 5px; padding: 10px 10px; line-height: 1.4em; border: solid 1px #0B6DAF; background-color: #2EA3F2; border-color: #0E8BDF; color: #FFFFFF; } .epkb-config-wizard-content .eckb-wizard-default-note h3, #epkb-config-wizard-content .eckb-wizard-default-note h3 { margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #FFFFFF; } .epkb-config-wizard-content .eckb-wizard-default-note a, #epkb-config-wizard-content .eckb-wizard-default-note a { color: #FFFFFF; font-weight: bold; } .epkb-config-wizard-content .eckb-wizard-default-note p, #epkb-config-wizard-content .eckb-wizard-default-note p { color: #000000; } .epkb-config-wizard-content .eckb-wizard-default-note .epkbfa-info-circle, #epkb-config-wizard-content .eckb-wizard-default-note .epkbfa-info-circle { font-size: 24px; margin-right: 10px; } .epkb-config-wizard-content #eckb-article-page-container-v2, #epkb-config-wizard-content #eckb-article-page-container-v2 { max-width: 100%; } .epkb-config-wizard-content #eckb-article-page-container-v2 #eckb-article-body, #epkb-config-wizard-content #eckb-article-page-container-v2 #eckb-article-body { overflow: hidden; } .epkb-config-setup-wizard-modular .epkb-wizard-header .epkb-wc-step-header { margin-bottom: 20px; } .epkb-config-setup-wizard-modular .epkb-wizard-header .epkb-wc-step-header--design .epkb-setup-wizard-theme-header__info__description { border: dotted 3px #DDDDDD; padding: 20px !important; border-radius: 20px; background-color: #F3F3F3; } .epkb-config-setup-wizard-modular .epkb-wizard-header .epkb-wc-step-header--article-page { margin-bottom: 0; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-theme-header .epkb-setup-wizard-theme-header__info__title { margin-top: 20px; font-size: 25px; font-weight: bold; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-theme-header .epkb-setup-wizard-theme-header__info__description { width: fit-content; display: flex; align-items: center; gap: 20px; font-weight: 400; font-style: italic; font-size: 18px !important; max-width: 754px; margin: 0 auto !important; line-height: 35px; color: #606060; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-theme-header .epkb-setup-wizard-theme-header__info__description .epkb-setup-wizard-theme-header__info__description__icon { font-size: 35px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-theme-header .epkb-notification-box-middle__body { text-align: left; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-previews { max-width: 75%; min-width: 75%; } @media (max-width: 1200px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-previews { max-width: 70%; width: 70%; } } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-previews .epkb-setup-wizard-module-row-preview { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; position: relative; box-shadow: none; transition: box-shadow 500ms ease-out; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-previews--live-mode { max-width: none !important; width: 100% !important; min-width: none !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-previews--live-mode .epkb-setup-wizard-module-preset--live-preview { width: 100% !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-previews--live-mode .epkb-setup-wizard-module-preset--live-preview .epkb-setup-wizard-module-preset__preview { height: auto !important; min-height: auto !important; margin: -40px !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings { max-width: 360px; display: flex; flex-direction: column; gap: 8px; position: sticky; top: 20px; align-self: flex-start; } @media (max-width: 1200px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings { flex: none; max-width: 100%; } } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module { display: flex; flex-direction: column; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row { display: none; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row.epkb-setup-wizard-module-settings-row--active { display: block; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row .epkb-input-group { margin-bottom: 0 !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row .epkb-radio-buttons-container { flex-wrap: wrap; flex-direction: column !important; } @media (max-width: 1200px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-setup-wizard-module-settings-row .epkb-radio-buttons-container .epkb-label { min-width: 100%; } } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-radio-horizontal-button-group-container { display: flex; flex-direction: column; } @media (max-width: 1200px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-radio-horizontal-button-group-container.epkb-setup-wizard-module-preset-selector .epkb-input-container { width: 100%; } } @media (max-width: 1200px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-radio-horizontal-button-group-container.epkb-setup-wizard-module-preset-selector .epkb-label { width: 100%; } } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-settings .epkb-setup-wizard-module .epkb-radio-horizontal-button-group-container .epkb-main_label { margin-bottom: 10px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module { display: flex; flex-direction: column; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module .epkb-setup-wizard-module-layout { display: none; flex-direction: column; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module .epkb-setup-wizard-module-layout.epkb-setup-wizard-module-layout--active { display: flex; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module .epkb-setup-wizard-module-layout .epkb-setup-wizard-module-preset { display: none; justify-content: center; position: relative; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module .epkb-setup-wizard-module-layout .epkb-setup-wizard-module-preset.epkb-setup-wizard-module-preset--active { display: block; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview #epkb-content-container { padding: 0 !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-sidebar { display: none; max-width: 200px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-sidebar.epkb-setup-wizard-module-sidebar--active { display: block; min-width: 20%; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-sidebar img { width: 100%; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset img { width: 100%; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset a.epkb-mp-article, .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset a.epkb-ml-article-container { pointer-events: none; cursor: default; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-preview-toggle { display: flex; justify-content: center; margin-bottom: 20px; padding: 15px; background-color: #F3F6FF; border-radius: 5px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-preview-toggle__label { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 16px; font-weight: 500; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-preview-toggle__input { width: 20px; height: 20px; cursor: pointer; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-preview-toggle__info { font-size: 14px; font-weight: normal; color: #666666; font-style: italic; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset { position: relative; cursor: pointer; transition: all 0.3s ease; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__image { width: 100%; height: auto; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview { position: relative; width: 100%; height: auto; overflow: visible; z-index: 10; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview #epkb-ml-tabs-layout { max-width: 100%; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview #epkb-ml-tabs-layout img { max-width: 100% !important; height: auto !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview #epkb-ml-tabs-layout .epkb-top-category-box { max-width: 100%; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview #epkb-ml-tabs-layout .epkb-top-category-box img { max-width: 100% !important; height: auto !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview #epkb-ml-tabs-layout .epkb-category-level-1 img { max-width: 100% !important; height: auto !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview #epkb-ml-grid-layout .elay-icon-elem--image img { width: auto !important; max-width: none !important; object-fit: initial !important; display: inline !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 400px; padding: 40px 0; text-align: center; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview-loading__spinner { width: 60px; height: 60px; margin: 0 auto 24px; position: relative; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview-loading__spinner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 4px solid #F3F3F3; border-top: 4px solid #0066CC; border-radius: 50%; animation: epkb-spin 1s linear infinite; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview-loading__spinner::after { content: ""; position: absolute; top: -8px; left: -8px; width: calc(100% + 16px); height: calc(100% + 16px); border: 4px solid #F3F3F3; border-bottom: 4px solid #0066CC; border-radius: 50%; animation: epkb-spin-reverse 1.5s linear infinite; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview-loading__text { font-size: 18px; font-weight: 500; color: #333333; animation: epkb-pulse 1.5s ease-in-out infinite; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset__preview-error { display: flex; align-items: center; justify-content: center; min-height: 400px; color: #DC3545; font-size: 14px; padding: 20px; text-align: center; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset--live-preview { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset--live-preview .epkb-setup-wizard-module-preset__preview { display: block !important; position: static !important; width: auto !important; height: auto !important; min-height: auto !important; border: none !important; overflow: visible !important; background: transparent !important; } @keyframes epkb-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes epkb-spin-reverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes epkb-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview { width: 100%; height: auto; position: relative; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview .eckb-kb-template { pointer-events: none; background: white; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview .epkb-main-page-container { max-width: 1200px; margin: 0 auto; padding: 20px; background: white; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview * { visibility: visible !important; opacity: 1 !important; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview .epkb-ml, .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview .epkb-ml__row, .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview #epkb-ml__module-categories-articles, .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview #epkb-layout-container, .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview .epkb-section-container { display: block !important; visibility: visible !important; opacity: 1 !important; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview #epkb-main-page-container { width: 100% !important; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview #epkb-main-page-container.epkb-layout-basic #epkb-content-container { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview #epkb-main-page-container.epkb-layout-basic #epkb-content-container .epkb-section-container { flex: 0 0 32% !important; margin-bottom: 20px !important; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview #epkb-main-page-container.epkb-layout-categories .epkb-cat-layout-categories-layout { display: flex !important; flex-wrap: wrap !important; } .epkb-config-setup-wizard-modular .epkb-wizard-preset-preview #epkb-main-page-container.epkb-layout-categories .epkb-cat-layout-categories-layout .epkb-section-container { flex: 0 0 48% !important; margin-bottom: 20px !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset #epkb-content-container { background-color: transparent !important; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-module-preset-previews--live-mode .epkb-setup-wizard-module-preset:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } .epkb-config-setup-wizard-modular .epkb-setup-wizard-theme-content-show-option { display: flex; gap: 20px; align-items: center; justify-content: center; margin-top: 20px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-theme-content-show-option .epkb-setup-wizard-theme-content-show-option__text { max-width: 350px; line-height: 20px; font-weight: normal; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list { display: flex; gap: 30px; justify-content: center; flex-wrap: wrap; padding: 0 20px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choices-title-wrapper { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px; padding: 20px 0; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choices-title { margin: 0 0 10px 0; display: flex; align-items: center; justify-content: center; gap: 16px; text-align: center; font-size: 34px; font-weight: 700; color: #1D3B72; letter-spacing: -0.4px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choices-title::before { content: "\f02d"; font-family: "FontAwesome"; font-weight: 400; font-size: 0.9em; color: #3B74E0; display: inline-flex; align-items: center; justify-content: center; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice { display: flex; flex-direction: column; flex: 0 1 calc(50% - 15px); max-width: 500px; align-items: center; text-align: center; border-radius: 8px; padding: 30px 25px 20px 25px; border: 2px solid #E0E0E0; background-color: #FFFFFF; min-height: auto; transition: all 0.3s ease; position: relative; margin-top: 30px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice:hover { border-color: #3870C6; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice.epkb-setup-wizard-features-choice--active { border-color: #3870C6; background-color: #F0F7FF; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice img { cursor: zoom-in; width: 100%; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice .epkb-setup-wizard-features-choice__option__label { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: auto; padding: 12px 20px; width: auto; gap: 8px; border: 2px solid #E0E0E0; border-radius: 8px; background-color: #FFFFFF; cursor: pointer; transition: all 0.2s ease; max-width: 200px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice .epkb-setup-wizard-features-choice__option__label:hover { border-color: #3870C6; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice .epkb-setup-wizard-features-choice__option__label input[name=epkb-main-page-type] { margin: 0; width: 16px; height: 25px; accent-color: #3870C6; cursor: pointer; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice .epkb-setup-wizard-features-choice__option__label input[name=epkb-main-page-type]:focus { outline: none; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice .epkb-setup-wizard-features-choice__option__label span { margin: 0; color: #333333; font-size: 14px; font-weight: 500; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice.epkb-setup-wizard-features-choice--active .epkb-setup-wizard-features-choice__option__label { border-color: #3870C6; background-color: #3870C6; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice.epkb-setup-wizard-features-choice--active .epkb-setup-wizard-features-choice__option__label span { color: #FFFFFF; font-weight: 600; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__header { font-size: 20px; color: #333333; font-weight: 600; align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0 10px; margin-bottom: 20px; position: relative; min-height: 45px; } @media (max-width: 1400px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__header { min-height: 70px; } } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__header span { line-height: 1.5; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__header .epkb-setup-wizard-features-choice__header-label { font-size: 12px; color: #FFFFFF; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; padding: 6px 16px; background: linear-gradient(135deg, #10B981 0%, #A6F65C 100%); border-radius: 20px; text-transform: uppercase; letter-spacing: 0.8px; box-shadow: 0 4px 12px rgba(139, 92, 246, 0.35); position: absolute; top: -50px; left: 50%; transform: translateX(-50%); white-space: nowrap; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__header .epkb-setup-wizard-features-choice__header-label:before { content: "★"; font-size: 14px; line-height: 1; } @media (max-width: 1400px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__header .epkb-setup-wizard-features-choice__header-label { top: -45px; } } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__body { border-radius: 4px; overflow: hidden; margin-bottom: 20px; border: 1px solid #E0E0E0; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__body img { width: 100%; height: auto; display: block; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__footer { max-width: 100%; margin-top: 0; padding: 0 10px; margin-bottom: 20px; font-size: 15px !important; line-height: 1.6; color: #5A6C7D; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__learn-more { color: #3870C6; font-size: 14px; text-decoration: none; font-weight: 600; margin-bottom: 20px; display: inline-block; transition: all 0.2s ease; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__learn-more:hover { text-decoration: underline; color: #2D5AA0; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice__learn-more:after { content: " →"; } @media (max-width: 1024px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice { flex: 0 1 100%; max-width: 100%; margin: 30px 0 10px 0; } } @media (max-width: 768px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list { gap: 20px; padding: 0 10px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choices-title { font-size: 28px; margin: 0 0 28px 0; gap: 14px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice { padding: 20px 15px; margin-top: 30px; } } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice-info { display: flex; flex-direction: column; align-self: flex-start; align-items: center; text-align: center; border-radius: 7px; padding: 20px; margin-top: 70px; max-width: 320px; border: none; background-color: initial; box-shadow: 0 4px 10px 0 rgba(16, 16, 16, 0.368627451); } @media (max-width: 1400px) { .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice-info { margin-top: 102px; } } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice-info p { font-size: 16px !important; line-height: 1.2; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice-info .epkb-setup-wizard-features-choice-info-link { text-decoration: underline; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-features-choices-list .epkb-setup-wizard-features-choice-info .epkb-setup-wizard-features-choice-info-link:hover { color: #3BB3E0; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-existing-block-main-page-options { display: flex; flex-direction: row; gap: 20px; padding: 0 20px; justify-content: center; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-existing-block-main-page-options .epkb-setup-wizard-existing-block-main-page-info { display: flex; flex-direction: column; align-self: flex-start; align-items: center; text-align: center; border-radius: 7px; padding: 20px; margin-bottom: 70px; border: none; background-color: initial; box-shadow: 0 4px 10px 0 rgba(16, 16, 16, 0.368627451); font-size: 20px; width: 460px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-existing-block-main-page-options .epkb-setup-wizard-existing-block-main-page-info p { font-size: 20px !important; line-height: 1.2; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-existing-block-main-page-options .epkb-setup-wizard-existing-block-main-page-info .epkb-setup-wizard-existing-block-main-page-info-link { text-decoration: underline; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-existing-block-main-page-options .epkb-setup-wizard-existing-block-main-page-info .epkb-setup-wizard-existing-block-main-page-info-link:hover { color: #3BB3E0; } .epkb-config-wizard-image-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; justify-content: center; align-items: center; opacity: 0; animation-name: epkb_fadeIn; animation-duration: 0.3s; animation-fill-mode: forwards; } .epkb-config-wizard-image-popup-overlay .epkb-config-wizard-image-popup-container { position: relative; transition: transform 0.3s ease, opacity 0.3s ease; cursor: zoom-in; } .epkb-config-wizard-image-popup-overlay .epkb-config-wizard-image-popup-container.epkb-zoomed { cursor: zoom-out; transform: scale(1.5); transition: transform 0.3s ease; } .epkb-config-wizard-image-popup-overlay .epkb-config-wizard-image-popup-container img { display: block; max-width: 100%; max-height: 85vh; margin: 0 auto; } .epkb-config-wizard-image-popup-overlay .epkb-config-wizard-image-popup-container .epkb-config-wizard-image-close-popup { position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-size: 24px; cursor: pointer; background-color: #333333; display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; padding-bottom: 1px; } .epkb-config-wizard-image-popup-overlay .epkb-config-wizard-image-popup-container .epkb-config-wizard-image-close-popup:hover { color: #CECECE; } .epkb-setup-wizard-module-preset-selector { width: 300px; } .epkb-setup-wizard-module-preset-selector .epkb-radio-buttons-container { display: grid !important; grid-template-columns: repeat(2, 0.5fr); gap: 8px; } .epkb-setup-wizard-module-preset-selector .epkb-input-container { width: 100%; } .epkb-setup-wizard-module-preset-selector .epkb-label { border: 2px solid #E0E0E0 !important; padding: 8px 10px !important; justify-content: flex-start !important; font-size: 13px; } .epkb-setup-wizard-module-preset-selector .epkb-input:checked + .epkb-label { border-color: #3870C6 !important; background-color: #F0F7FF !important; font-weight: 600; } .epkb-setup-wizard-module-preset-selector .epkb-input:checked + .epkb-label .epkb-label__text { color: #3870C6; } .epkb-wizard-warning-note { border-radius: 5px; padding: 10px 10px; line-height: 1.4em; border: solid 1px #E39018; background-color: #F0BC71; border-color: #EBA643; color: #FFFFFF; } .epkb-wizard-warning-note h3 { margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #FFFFFF; } .epkb-wizard-warning-note a { color: #FFFFFF; font-weight: bold; } .epkb-wizard-warning-note p { color: #000000; } .epkb-wizard-warning-note .epkbfa-info-circle { font-size: 24px; margin-right: 10px; } .epkb-wizard-error-note { border-radius: 5px; padding: 10px 10px; line-height: 1.4em; border: solid 1px #A12823; background-color: #D95651; border-color: #CB322C; color: #FFFFFF; } .epkb-wizard-error-note h3 { margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #FFFFFF; } .epkb-wizard-error-note a { color: #FFFFFF; font-weight: bold; } .epkb-wizard-error-note p { color: #000000; } .epkb-wizard-error-note .epkbfa-info-circle { font-size: 24px; margin-right: 10px; } /** Global Wizard **/ .eckb-wizard-global-page .epkb-wizard-button-container { width: auto !important; } .eckb-wizard-global-page .epkb-wizard-button-container .epkb-wizard-button-container__inner { display: flex !important; justify-content: center; } .eckb-wizard-global-page .epkb-wizard-button { padding: 15px 20px !important; font-size: 18px; text-decoration: none; min-width: 200px; width: auto !important; line-height: 20px; } .eckb-wizard-global-page .epkb-wizard-button__exit { border-color: #D9534F !important; background-color: #D9534F !important; color: #FFFFFF !important; margin: 0 20px; min-width: 50px; display: inline-block; } @keyframes epkb_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @media only screen and (max-width: 1366px) { #epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-header .epkb-wc-step-header .epkb-wizard-header__info .epkb-wizard-header__info__title { font-size: 30px !important; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item .epkb-setup-wizard-step__item-title { font-size: 25px; } #epkb-config-wizard-content .epkb-setup-wizard-step-container .epkb-setup-wizard-step__item-content .epkb-setup-wizard-step__item-description { font-size: 16px; } .epkb-config-setup-wizard-modular .epkb-setup-wizard-theme-header .epkb-setup-wizard-theme-header__info__description { font-size: 18px !important; } } #epkb-wizard-success-message .epkb-dbf__header { display: none; } #epkb-wizard-success-message .epkb-dbf__body { padding: 40px 30px 20px; } #epkb-wizard-success-message .epkb-wizard-success-content { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; } #epkb-wizard-success-message .epkb-wizard-success-content__message { display: flex; align-items: center; gap: 12px; } #epkb-wizard-success-message .epkb-wizard-success-content__icon { font-size: 32px; color: #00A32A; } #epkb-wizard-success-message .epkb-wizard-success-content__text { font-size: 22px; font-weight: 500; color: #1D2327; } #epkb-wizard-success-message .epkb-wizard-success-content__open-kb { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; font-size: 15px; font-weight: 500; color: #2271B1; background-color: #F0F6FC; border: 1px solid #2271B1; border-radius: 6px; text-decoration: none; transition: all 0.2s ease; } #epkb-wizard-success-message .epkb-wizard-success-content__open-kb:hover { background-color: #2271B1; color: #FFFFFF; } #epkb-wizard-success-message .epkb-wizard-success-content__open-kb .epkbfa { font-size: 14px; } #epkb-wizard-success-message .epkb-dbf__footer { border-top: none; background-color: #FFFFFF; padding-top: 10px; } #epkb-wizard-success-message .epkb-dbf__footer .epkb-dbf__footer__accept { grid-column: 1/-1; margin: 0 auto; max-width: 200px; } #epkb-wizard-success-message .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn { padding: 14px 30px; font-size: 15px; border-radius: 6px; } @media (max-width: 1920px) { .epkb-admin__section-wrap__ordering { width: 100% !important; } .eckb-wizard-features-content { width: 100% !important; } } @media (max-width: 1420px) { .epkb-wizard-ordering-combined { flex-direction: column; } } @media (max-width: 1919px) { .epkb-setup-wizard-layout-preview #epkb-ml-tabs-layout .epkb-panel-container { min-width: 100% !important; } } /* Shared --------------------------------------------------------------*/ /* Styles for single category edit page */ .epkb-term-options-wrap .epkb-categories-icons__tabs-header { display: flex; margin-bottom: 15px; } .epkb-term-options-wrap .epkb-categories-icons__tabs-header .epkb-categories-icons__button { display: block; border: 1px solid #2EA3F2; color: #2EA3F2; padding: 5px 10px; margin-right: 10px; cursor: pointer; transition: 0.1s; } .epkb-term-options-wrap .epkb-categories-icons__tabs-header .epkb-categories-icons__button:hover, .epkb-term-options-wrap .epkb-categories-icons__tabs-header .epkb-categories-icons__button--active { background-color: #2EA3F2; color: white; } .epkb-term-options-wrap .epkb-categories-icons__tab-body { display: none; margin-bottom: 20px; } .epkb-term-options-wrap .epkb-categories-icons__tab-body--active { display: block; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__dropdown { margin-bottom: 10px; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__dropdown label span { margin-right: 14px; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__button { display: block; background-color: #2EA3F2; background-size: cover; background-position: center center; width: 150px; height: 150px; cursor: pointer; position: relative; border: 1px solid transparent; transition: 0.1s; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__button .epkbfa { position: absolute; z-index: 2; left: 0%; width: 100%; text-align: center; font-size: 30px; color: white; top: 50%; margin-top: -15px; display: none; transition: 0.1s; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__button--no-image .ep_font_icon_plus { display: block; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__button--no-image:hover { border-color: #2EA3F2; background: white; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__button--no-image:hover .ep_font_icon_plus { color: #2EA3F2; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__button--have-image:hover:before { content: ""; background: black; opacity: 0.1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__button--have-image .epkbfa-pencil { display: block; top: 10%; left: auto; right: 10%; margin-top: 0; text-shadow: 0px 0px 3px black; width: auto; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__text ul { padding-left: 20px; } .epkb-term-options-wrap .epkb-categories-icons .epkb-category-image__text ul li { list-style: disc; font-size: 14px; font-style: italic; margin-bottom: 10px; } .epkb-term-options-wrap .epkb-categories-icons--visible { display: block !important; } #epkb-admin__categories_sorting_link { color: #2EA3F2; font-size: 17px; line-height: 28px; float: left; text-decoration: none; } #epkb-admin__categories_sorting_link span { text-decoration: underline; } #epkb-admin__categories_sorting_link i { color: black; } #epkb-admin__categories_sorting_link:hover span { text-decoration: none; } #epkb-admin__categories_sorting_link:hover i { color: #2EA3F2; } .epkb-icon-pack { max-height: 300px; overflow: auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .epkb-icon-pack__icon { display: flex; width: 50px; height: 50px; margin-right: 10px; margin-bottom: 10px; background: #FFFFFF; font-size: 40px; padding: 5px; border-radius: 4px; color: #23282D; text-align: center; cursor: pointer; align-items: center; justify-content: center; transition: 0.1s; border: 1px solid #23282D; } .epkb-icon-pack__icon:hover { background: lightgray; } .epkb-icon-pack__icon--checked { background: #2EA3F2 !important; color: white !important; border-color: transparent; } .epkb-term-options-message { padding: 20px 0; padding-top: 2px; border-radius: 5px; padding: 10px 10px; line-height: 1.4em; border: solid 1px #0B6DAF; background-color: #2EA3F2; border-color: #0E8BDF; color: #FFFFFF; margin: 20px 0; display: flex; align-items: center; background-color: rgba(130, 201, 249, 0.4196078431); color: #000000; } .epkb-term-options-message h3 { margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #FFFFFF; } .epkb-term-options-message a { color: #FFFFFF; font-weight: bold; } .epkb-term-options-message p { color: #000000; } .epkb-term-options-message .epkbfa-info-circle { font-size: 24px; margin-right: 10px; } .epkb-term-options-message a { color: #000000; } .epkb-term-options-message p { font-size: 16px; } .epkb-term-options-message.epkb-term-options-message--red { border-radius: 5px; padding: 10px 10px; line-height: 1.4em; border: solid 1px #A12823; background-color: #D95651; border-color: #CB322C; color: #FFFFFF; } .epkb-term-options-message.epkb-term-options-message--red h3 { margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #FFFFFF; } .epkb-term-options-message.epkb-term-options-message--red a { color: #FFFFFF; font-weight: bold; } .epkb-term-options-message.epkb-term-options-message--red p { color: #000000; } .epkb-term-options-message.epkb-term-options-message--red .epkbfa-info-circle { font-size: 24px; margin-right: 10px; } .epkb-icons-are-enabled strong { color: #10972D; background-color: #FFFFFF; padding: 2px 10px; border-radius: 5px; margin-right: 6px; } .epkb-icons-are-disabled strong { color: #EE0000; background-color: #FFFFFF; padding: 2px 10px; border-radius: 5px; margin-right: 6px; } #addtag .epkb-term-options-wrap > div > label { font-size: 14px; margin-bottom: 10px; font-weight: 500; } /* Shared --------------------------------------------------------------*/ /** * -- CSS Rules: -- All Classes must have a KB Prefix If you cannot assign an element a KB prefix try to have a container div that has the KB prefix. CSS Structure will be based on the BEM Methodology Ref: http://getbem.com/introduction/ https://www.toptal.com/css/introduction-to-bem-methodology -- BEM Reference guide -- Block names: HTML: <div class="block">...</div> CSS : .block { color: #042; } Child Element names: Note: Usually contain parent name separated by two __ HTML: <span class="block__elem"></span> CSS : .block__elem { color: #042; } Modifier names: Note: end follows with two -- HTML: <div class="block block--size-big CSS : .block__elem--mod { } A dash between names is a word separator. Example block-list, main-container -- BreakPoints: -- Tablet: xxx Mobile: xxx */ .epkb-manage-kb-container { background-color: #FFFFFF; margin: 20px 20px 20px 0; border: solid 1px #DDDDDD; box-sizing: border-box; padding: 15px; min-height: 500px; } .epkb-manage-kb-container .epkb-manage-header { width: 100%; } .epkb-manage-kb-container .epkb-manage-header h1 { font-size: 27px; font-weight: 700; color: #525252; margin-bottom: 20px; line-height: 1.2; } .epkb-manage-kb-container .epkb-manage-tabs-container { display: flex; width: 100%; min-height: 400px; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content { display: none; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content.active { display: block; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__header { display: flex; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab-button { cursor: pointer; padding: 15px 60px; transition: 0.1s; margin-right: 10px; background: #E8E8E8; color: #000000; font-size: 16px; border-radius: 4px 4px 0 0; font-weight: 600; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab-button i { color: #2EA3F2; padding-right: 10px; opacity: 0.6; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab-button:hover { color: #2EA3F2; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab-button:hover i { opacity: 1; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab-button.active { background-color: #FAF7F7; color: #2EA3F2; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab-button.active i { opacity: 1; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab-button:first-child { border: none; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab { display: none; padding: 40px; min-height: 400px; background-color: #FAF7F7; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab.active { display: block; } @media only screen and (max-width: 1400px) { .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab { padding: 10px; } } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab .epkb-manage-content__tab__status { display: inline-block; padding: 10px; border: solid 1px #DDDDDD; min-width: 220px; margin-bottom: 20px; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab .epkb-manage-content__tab__status .ep_font_icon_error_circle { color: #D9534F; vertical-align: -4px; font-size: 22px; margin-left: 0; padding: 0; margin-right: 1px; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab .epkb-manage-content__tab__status .ep_font_icon_checkmark { color: #5CB85C; border: solid 1px #5CB85C; border-radius: 55px; padding: 3px; margin-left: 1px; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab .epkb-manage-content__tab__status span { display: inline-block; margin: 3px 0 0 10px; font-size: 14px; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content .epkb-manage-content__tab .epkb-manage-content__tab__actions { display: flex; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content.epkb-manage-content__inner_tab .epie-admin-info-box { box-shadow: none; padding: 0; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content.epkb-manage-content__inner_tab .epkb-manage-content__tab-button { background: #D0E1F2; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content.epkb-manage-content__inner_tab .epkb-manage-content__tab-button.active { background: #FFFFFF; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-content.epkb-manage-content__inner_tab .epkb-manage-content__tab { background: #FFFFFF; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons { max-width: 300px; background-color: #333333; } @media only screen and (max-width: 1400px) { .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons { max-width: 200px; } } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__header { padding: 14px 20px; height: 44px; background-color: #FFFFFF; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button { display: flex; font-size: 18px; transition: 0.1s; padding: 15px 25px; background-color: #333333; color: #FFFFFF; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button.epkb-manage-tabs__button_mkb a.epkb-manage-tabs__button__title { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button.epkb-manage-tabs__button_mkb a.epkb-manage-tabs__button__title a { text-decoration: none; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button.epkb-manage-tabs__button_mkb a.epkb-manage-tabs__button__title:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button.epkb-manage-tabs__button_mkb a.epkb-manage-tabs__button__title:focus { outline: 0; } @media only screen and (max-width: 1400px) { .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button { font-size: 14px; } } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button a { text-decoration: none; display: block; outline: none; box-shadow: none; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button .epkb-manage-tabs__button__title { width: 100%; color: #FFFFFF; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button .epkb-manage-tabs__button__title:hover { color: #0073AA; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button .epkb-manage-tabs__button__page-link { min-width: 50px; text-align: center; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button .epkb-manage-tabs__button__id { min-width: 50px; text-align: center; font-size: 12px; font-style: italic; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button.active { box-shadow: inset 16px 0 0px -10px #2EA3F2; padding-left: 16px; color: #2EA3F2; background-color: #F7F7F7; z-index: 999; position: relative; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button.active .epkb-manage-tabs__button__title { color: #2EA3F2; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__button.active .epkb-manage-tabs__button__page-link { color: #2EA3F2; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__buttons .epkb-manage-tabs__header + .epkb-manage-tabs__button { border-top: none; } .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__content { width: calc(100% - 300px); box-sizing: border-box; } @media only screen and (max-width: 1400px) { .epkb-manage-kb-container .epkb-manage-tabs-container .epkb-manage-tabs__content { width: calc(100% - 200px); } } .epkb-manage-kb-container .epkb-manage-kb-status { border: solid 1px #DDDDDD; padding: 10px 20px; display: flex; } .epkb-manage-kb-container .epkb-manage-kb-status i { padding: 0 10px 0 0; } .epkb-manage-kb-container .epkb-manage-kb-status .ep_font_icon_checkmark { font-size: 19px; color: #78B956; } .epkb-manage-kb-container .epkb-manage-kb-status .ep_font_icon_error_circle { font-size: 19px; color: #D95651; } .epkb-manage-kb-container .epkb-manage-kb-id { border: 1px solid #DDDDDD; padding: 10px 20px; display: block; margin-bottom: 10px; font-weight: bold; } .epkb-manage-kb-container .emkb-manage-content__tab__actions { margin: 10px; } .epkb-manage-kb-container .epkb-dialog-box-form { display: none; background-color: #FFFFFF; width: 700px; position: fixed; top: 40%; left: 50%; margin-left: -350px; box-shadow: -2px 11px 20px 2px #000000; border: solid 1px #EFEFEF; z-index: 999; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=text] { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: 35px; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=text]:focus { border-color: #333333; outline: 0 none; box-shadow: 0 0 0 1px #333333; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=radio] { width: 20px; height: 20px; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=radio]:before { width: 10px !important; height: 10px !important; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=radio]:before:checked { width: 10px !important; height: 10px !important; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=radio]:checked + label { font-weight: bold; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=checkbox] { width: 20px; height: 20px; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=checkbox]:before { width: 10px; height: 10px; margin: -1px 0px 0px -1px; } .epkb-manage-kb-container .epkb-dialog-box-form input[type=checkbox]:checked + label { font-weight: bold; } .epkb-manage-kb-container .epkb-dialog-box-form select { padding: 6px 12px; border-radius: 4px; border: 1px solid #DDDDDD; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); background-color: #FFFFFF; color: #32373C; outline: none; transition: 0.05s border-color ease-in-out; height: 41px; font-size: 16px; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__header { padding: 20px 20px 20px 20px; border-bottom: solid 1px #DDDDDD; background-color: #FCFCFC; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__header h4 { font-size: 22px; margin: 0; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__body { padding: 20px; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__form { padding: 20px; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input { margin-bottom: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: 25% 25% 25% 25%; grid-template-areas: "textLabel textLabel textInput textInput" "radiolabel radio radio rado" "checklabel checkbox checkbox checkbox"; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label { grid-area: textLabel; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label { grid-area: radiolabel; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label { grid-area: checklabel; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=text] { grid-area: textInput; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=radio] { grid-area: radio; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=checkbox] { grid-area: checkbox; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer { background-color: #F7F7F7; padding: 10px; display: grid; grid-template-rows: auto; align-items: center; grid-template-columns: auto 50%; border-top: solid 1px #DDDDDD; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept { text-transform: uppercase; margin: 10px; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover { cursor: pointer; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success { background-color: #78B956; color: #FFFFFF; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover { background-color: #8FDD7D; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error { background-color: #D95651; color: #FFFFFF; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover { background-color: #E27F7B; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning { background-color: #F0BC71; color: #FFFFFF; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover { background-color: #F5D29F; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default { background-color: #DDDDDD; color: #000000; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover { background-color: #E7E7E7; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary { background-color: #2EA3F2; color: #FFFFFF; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover { background-color: #2EA3F2; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel { background-color: #DDDDDD; color: #636262; text-transform: uppercase; margin: 10px; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover { cursor: pointer; background-color: #E7E7E7; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel .epkb-dbf__footer__cancel__btn { display: block; padding: 20px; text-align: center; font-size: 17px; font-weight: bold; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__close { position: absolute; top: 9px; right: 10px; padding: 8px; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__close:before { font-size: 25px; } .epkb-manage-kb-container .epkb-dialog-box-form .epkb-dbf__close:hover { cursor: pointer; opacity: 0.7; box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF; border-radius: 4px; } .epkb-manage-kb-container .epkb-dialog-box-form--active { display: block; } .epkb-manage-kb-container .epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background { display: block; } .epkb-manage-kb-container .epkb-dialog-box-form-black-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9; } .epkb-manage-kb-container .epkb-dialog-box-loading { background-color: #FFFFFF; width: 30%; position: fixed; top: 30%; left: 50%; margin-left: -300px; box-shadow: 0 3px 13px 0 #A4A4A4; border: solid 1px #FFFFFF; z-index: 999; } .epkb-manage-kb-container .epkb-dialog-box-loading .asea-admin-dbl__header { padding: 20px 20px 20px 20px; text-align: center; } .epkb-manage-kb-container .epkb-dialog-box-loading .asea-admin-dbl__header .asea-admin-dbl-icon { border: dashed 6px #2EA3F2; color: #2EA3F2; padding: 30px; border-radius: 100px; margin-bottom: 30px; animation: spin 2s linear infinite; } .epkb-manage-kb-container .epkb-dialog-box-loading .asea-admin-dbl__header .asea-admin-dbl-icon:before { font-size: 30px; } .epkb-manage-kb-container .epkb-dialog-box-loading .asea-admin-dbl__header h4 { color: #2EA3F2; font-size: 32px; font-weight: bold; margin: 0; } .epkb-manage-kb-container .epkb-dialog-box-loading .asea-admin-dbl__body { padding: 20px; text-align: center; } .epkb-manage-kb-container .epkb-manage-kb__shortcode-example { font-size: 17px; color: #78B956; } .epkb-manage-kb-container .epkb-manage-content__tab--export .epkb-export-status { display: none; } .epkb-manage-kb-container .epkb-manage-content__tab--import .epkb-import-status { display: none; } .epkb-manage-kb-container .epkb-manage-content__tab--import label { display: block; margin-bottom: 15px; } .epkb-manage-kb-container .epkb-manage-content__tab--import .epkb-admin-row { align-items: flex-start; } .epkb-export-kbs { display: inline-block; max-width: 400px; } .epkb-import-kbs { display: inline-block; max-width: 400px; } .epkb-import-kbs input[type=file] { margin-bottom: 15px; } /* Shared --------------------------------------------------------------*/ /** CSS For KB Configuration page only. If the code is only in this page add CSS here. If it's used in other pages add CSS to the general.scss file. Please try to prefix everything specific to this page with: epkb-kbc__ */ /* Shared --------------------------------------------------------------*/ /** * Admin Form */ /* Shared --------------------------------------------------------------*/ /* Shared --------------------------------------------------------------*/ /** * Admin Form */ /** * Admin Form Fields */ .epkb-admin__form { /** Special css for field with units */ } .epkb-admin__form .epkb-admin__form-tab-content-learn-more { position: absolute; top: -1px; right: -1px; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more .epkb-admin__form-tab-content-lm__header { position: relative; z-index: 2; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more .epkb-admin__form-tab-content-lm__header .epkb-admin__form-tab-content-lm__toggler { padding: 16px 15px; padding-top: 17px; border: 1px solid #E0E8F0; background: #F1F1F1; color: #509FE2; cursor: pointer; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more .epkb-admin__form-tab-content-lm__header .epkb-admin__form-tab-content-lm__toggler:after { content: ""; border: 5px solid transparent; border-top-color: #509FE2; margin-top: 5px; display: inline-block; vertical-align: middle; margin-left: 10px; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more .epkb-admin__form-tab-content-lm__body { display: none; position: absolute; top: 48px; width: 400px; border: 1px solid #E0E8F0; z-index: 1; right: 0; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more .epkb-admin__form-tab-content-lm__body .epkb-admin__form-tab-content-lm__description { border-bottom: 1px solid #E0E8F0; background: #F1F1F1; padding: 15px; padding-bottom: 10px; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more .epkb-admin__form-tab-content-lm__body .epkb-admin__form-tab-content-lm__links { background: #F8F8F8; padding: 15px; border-bottom: 1px solid #E0E8F0; padding-bottom: 5px; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more .epkb-admin__form-tab-content-lm__body .epkb-admin__form-tab-content-lm__links .epkb-admin__form-tab-content-lm__link { margin-bottom: 10px; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more .epkb-admin__form-tab-content-lm__body .epkb-admin__form-tab-content-lm__footer { background: #F1F1F1; padding: 15px; text-align: center; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more.epkb-admin__form-tab-content-learn-more--active .epkb-admin__form-tab-content-lm__body { display: block; } .epkb-admin__form .epkb-admin__form-tab-content-learn-more.epkb-admin__form-tab-content-learn-more--active .epkb-admin__form-tab-content-lm__toggler { border-bottom-color: transparent; } .epkb-admin__form #section_head_category_icon_location .epkb-label { display: flex; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__form #section_head_category_icon_location .epkb-label__text { display: block !important; } .epkb-admin__form #section_head_category_icon_location .epkbfa-input-icon { width: 71px; height: 64px; background-position: center; background-repeat: no-repeat; background-size: cover; } .epkb-admin__form #section_head_category_icon_location .epkbfa-input-icon:before { display: none; } .epkb-admin__form #section_head_category_icon_location .epkbfa-no_icons { background-image: url("../img/setting-icons/icon-location-none.jpg"); } .epkb-admin__form #section_head_category_icon_location .epkbfa-top { background-image: url("../img/setting-icons/icon-location-top.jpg"); } .epkb-admin__form #section_head_category_icon_location .epkbfa-left { background-image: url("../img/setting-icons/icon-location-left.jpg"); } .epkb-admin__form #section_head_category_icon_location .epkbfa-right { background-image: url("../img/setting-icons/icon-location-right.jpg"); } .epkb-admin__form #width_group .epkb-label { display: flex; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__form #width_group .epkb-label__text { display: block !important; } .epkb-admin__form #width_group .epkbfa-input-icon { width: 102px; height: 96px; background-position: center; background-repeat: no-repeat; background-size: cover; } .epkb-admin__form #width_group .epkbfa-input-icon:before { display: none; } .epkb-admin__form #width_group .epkbfa-epkb-boxed { background-image: url("../img/setting-icons/search-box-boxed-width-article-page.jpg"); } .epkb-admin__form #width_group .epkbfa-epkb-full { background-image: url("../img/setting-icons/search-box-full-width-article-page.jpg"); } .epkb-admin__form #rating_like_style_group .epkb-label, .epkb-admin__form #rating_mode_group .epkb-label { display: flex; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__form #rating_like_style_group .epkb-label__text, .epkb-admin__form #rating_mode_group .epkb-label__text { display: block !important; } .epkb-admin__form #rating_like_style_group .epkbfa-input-icon, .epkb-admin__form #rating_mode_group .epkbfa-input-icon { width: 85px; height: 85px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; margin: 0 auto 10px auto; } .epkb-admin__form #rating_like_style_group .epkbfa-input-icon:before, .epkb-admin__form #rating_mode_group .epkbfa-input-icon:before { display: none; } .epkb-admin__form #rating_like_style_group .epkbfa-rating_like_style_1, .epkb-admin__form #rating_mode_group .epkbfa-rating_like_style_1 { background-image: url("../img/setting-icons/rating-thumbs-up.jpg"); } .epkb-admin__form #rating_like_style_group .epkbfa-rating_like_style_2, .epkb-admin__form #rating_mode_group .epkbfa-rating_like_style_2 { background-image: url("../img/setting-icons/rating-check-cross.jpg"); } .epkb-admin__form #rating_like_style_group .epkbfa-rating_like_style_3, .epkb-admin__form #rating_mode_group .epkbfa-rating_like_style_3 { background-image: url("../img/setting-icons/rating-arrow-up-down.jpg"); } .epkb-admin__form #rating_like_style_group .epkbfa-rating_like_style_4, .epkb-admin__form #rating_mode_group .epkbfa-rating_like_style_4 { background-image: url("../img/setting-icons/rating-buttons.jpg"); } .epkb-admin__form #rating_mode_group .epkb-label { display: flex; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__form #rating_mode_group .epkb-label__text { display: block !important; } .epkb-admin__form #rating_mode_group .epkbfa-input-icon { width: 85px; height: 85px; background-position: center; background-repeat: no-repeat; background-size: cover; } .epkb-admin__form #rating_mode_group .epkbfa-input-icon:before { display: none; } .epkb-admin__form #rating_mode_group .epkbfa-eprf-rating-mode-five-stars { background-image: url("../img/setting-icons/rating-5-star.jpg"); } .epkb-admin__form #rating_mode_group .epkbfa-eprf-rating-mode-like-dislike { background-image: url("../img/setting-icons/rating-thumbs-up.jpg"); } .epkb-admin__form #article_nav_sidebar_type_left .epkb-label, .epkb-admin__form #article_nav_sidebar_type_right .epkb-label { display: flex; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__form #article_nav_sidebar_type_left .epkb-label__text, .epkb-admin__form #article_nav_sidebar_type_right .epkb-label__text { display: block !important; } .epkb-admin__form #article_nav_sidebar_type_left .epkbfa-input-icon, .epkb-admin__form #article_nav_sidebar_type_right .epkbfa-input-icon { width: 150px; height: 143px; background-position: center; background-repeat: no-repeat; background-size: cover; } .epkb-admin__form #article_nav_sidebar_type_left .epkbfa-input-icon:before, .epkb-admin__form #article_nav_sidebar_type_right .epkbfa-input-icon:before { display: none; } .epkb-admin__form #article_nav_sidebar_type_left .epkbfa-eckb-nav-sidebar-none, .epkb-admin__form #article_nav_sidebar_type_right .epkbfa-eckb-nav-sidebar-none { background-image: url("../img/setting-icons/nav-type-none.jpg"); } .epkb-admin__form #article_nav_sidebar_type_left .epkbfa-eckb-nav-sidebar-categories, .epkb-admin__form #article_nav_sidebar_type_right .epkbfa-eckb-nav-sidebar-categories { background-image: url("../img/setting-icons/nav-type-top-categories.jpg"); } .epkb-admin__form #article_nav_sidebar_type_left .epkbfa-eckb-nav-sidebar-v1, .epkb-admin__form #article_nav_sidebar_type_right .epkbfa-eckb-nav-sidebar-v1 { background-image: url("../img/setting-icons/nav-type-categories-articles.jpg"); } .epkb-admin__form #kb_main_page_layout .epkb-label { display: flex; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__form #kb_main_page_layout .epkb-label__text { display: block !important; } .epkb-admin__form #kb_main_page_layout .epkbfa-input-icon { width: 106px; height: 106px; background-position: center; background-repeat: no-repeat; background-size: cover; } .epkb-admin__form #kb_main_page_layout .epkbfa-input-icon:before { display: none; } .epkb-admin__form #kb_main_page_layout .epkbfa-Basic { background-image: url("../img/setting-icons/basic-layout-dark.jpg"); } .epkb-admin__form #kb_main_page_layout .epkbfa-Tabs { background-image: url("../img/setting-icons/tabs-layout.jpg"); } .epkb-admin__form #kb_main_page_layout .epkbfa-Categories { background-image: url("../img/setting-icons/category-focused-layout.jpg"); } .epkb-admin__form #kb_main_page_layout .epkbfa-Classic { background-image: url("../img/setting-icons/classic-layout.jpg"); } .epkb-admin__form #kb_main_page_layout .epkbfa-Drill-Down { background-image: url("../img/setting-icons/drill-down-layout.jpg"); } .epkb-admin__form #kb_main_page_layout .epkbfa-Grid { background-image: url("../img/setting-icons/grid-layout.jpg"); } .epkb-admin__form #kb_main_page_layout .epkbfa-Sidebar { background-image: url("../img/setting-icons/sidebar-layout.jpg"); } .epkb-admin__form .epkb-radio-buttons-icon-selection .epkb-label { display: flex; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__form .epkb-radio-buttons-icon-selection .epkb-label__text { display: block !important; } .epkb-admin__form .epkb-radio-buttons-icon-selection .epkbfa-input-icon { width: 70px; height: 92px; background-position: center; background-repeat: no-repeat; background-size: cover; } .epkb-admin__form .epkb-radio-buttons-icon-selection .epkbfa-input-icon:before { display: none; } .epkb-admin__form #ml_resource_links_icon_location_group .epkb-label { display: flex; flex-direction: column-reverse; justify-content: center; text-align: center; } .epkb-admin__form #ml_resource_links_icon_location_group .epkb-label__text { display: block !important; } .epkb-admin__form #ml_resource_links_icon_location_group .epkbfa-input-icon { width: 71px; height: 64px; background-position: center; background-repeat: no-repeat; background-size: cover; } .epkb-admin__form #ml_resource_links_icon_location_group .epkbfa-input-icon:before { display: none; } .epkb-admin__form #ml_resource_links_icon_location_group .epkbfa-top { background-image: url("../img/setting-icons/icon-location-top.jpg"); } .epkb-admin__form #ml_resource_links_icon_location_group .epkbfa-left { background-image: url("../img/setting-icons/icon-location-left.jpg"); } .epkb-admin__form #ml_resource_links_icon_location_group .epkbfa-right { background-image: url("../img/setting-icons/icon-location-right.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown { flex-wrap: wrap; } .epkb-admin__form .epkb-input-custom-dropdown .input_container { position: relative; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__input { font-size: 13px; display: flex; justify-content: center; align-items: center; text-align: left; width: 100%; padding: 8px 12px; margin: 5px 0; border: solid 1px #D5DADF; line-height: 1em; min-height: fit-content; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #2C2C2C; background-color: #FFFFFF; min-width: 265px; width: 265px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; cursor: pointer; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list { min-width: 265px; width: 265px; display: none; position: absolute; top: 43px; left: 0; z-index: 1; background-color: #FFFFFF; border: solid 1px #D5DADF; max-height: 300px; overflow-y: auto; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option { padding: 5px 12px; cursor: default; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected { background-color: #2EA3F2; color: #FFFFFF; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected .epkb-input-custom-dropdown__option-mark { color: #B5FFB5; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option .epkb-input-custom-dropdown__option-mark { color: #00BC00; margin-left: 10px; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected:not(:hover) { background-color: initial; color: initial; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected:not(:hover) .epkb-input-custom-dropdown__option-mark { color: #00BC00; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option:hover { background-color: #2EA3F2; color: #FFFFFF; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option:hover .epkb-input-custom-dropdown__option-mark { color: #B5FFB5; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-icons { margin: 5px 0 5px 5px; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__option-icon { display: none; width: 40px; height: 45px; background-size: 100% 100%; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__option-icon:before { display: none; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__option-icon.epkb-input-custom-dropdown__option-icon--active { display: block; } .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-v1_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-0, .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-categories_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-0, .epkb-admin__form .epkb-input-custom-dropdown#kb_sidebar_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-0, .epkb-admin__form .epkb-input-custom-dropdown#toc_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-0 { background-image: url("../img/setting-icons/location-position-0.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-v1_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-1, .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-categories_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-1, .epkb-admin__form .epkb-input-custom-dropdown#kb_sidebar_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-1, .epkb-admin__form .epkb-input-custom-dropdown#toc_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-1 { background-image: url("../img/setting-icons/location-position-1.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-v1_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-2, .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-categories_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-2, .epkb-admin__form .epkb-input-custom-dropdown#kb_sidebar_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-2, .epkb-admin__form .epkb-input-custom-dropdown#toc_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-2 { background-image: url("../img/setting-icons/location-position-2.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-v1_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-3, .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-categories_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-3, .epkb-admin__form .epkb-input-custom-dropdown#kb_sidebar_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-3, .epkb-admin__form .epkb-input-custom-dropdown#toc_left_group .epkb-input-custom-dropdown__option-icon.epkbfa-3 { background-image: url("../img/setting-icons/location-position-3.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-v1_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-0, .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-categories_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-0, .epkb-admin__form .epkb-input-custom-dropdown#kb_sidebar_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-0, .epkb-admin__form .epkb-input-custom-dropdown#toc_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-0 { background-image: url("../img/setting-icons/location-position-0.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-v1_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-1, .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-categories_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-1, .epkb-admin__form .epkb-input-custom-dropdown#kb_sidebar_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-1, .epkb-admin__form .epkb-input-custom-dropdown#toc_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-1 { background-image: url("../img/setting-icons/location-position-1-right.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-v1_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-2, .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-categories_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-2, .epkb-admin__form .epkb-input-custom-dropdown#kb_sidebar_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-2, .epkb-admin__form .epkb-input-custom-dropdown#toc_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-2 { background-image: url("../img/setting-icons/location-position-2-right.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-v1_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-3, .epkb-admin__form .epkb-input-custom-dropdown#eckb-nav-sidebar-categories_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-3, .epkb-admin__form .epkb-input-custom-dropdown#kb_sidebar_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-3, .epkb-admin__form .epkb-input-custom-dropdown#toc_right_group .epkb-input-custom-dropdown__option-icon.epkbfa-3 { background-image: url("../img/setting-icons/location-position-3-right.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon { margin: 5px 0 5px 5px; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon .epkbfa { width: 40px; height: 45px; background-size: 100% 100%; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon .epkbfa:before { display: none; } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon .epkbfa.epkbfa-left-1 { background-image: url("../img/setting-icons/location-position-1.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon .epkbfa.epkbfa-left-2 { background-image: url("../img/setting-icons/location-position-2.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon .epkbfa.epkbfa-left-3 { background-image: url("../img/setting-icons/location-position-3.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon .epkbfa.epkbfa-right-1 { background-image: url("../img/setting-icons/location-position-1-right.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon .epkbfa.epkbfa-right-2 { background-image: url("../img/setting-icons/location-position-2-right.jpg"); } .epkb-admin__form .epkb-input-custom-dropdown .epkb-input-custom-dropdown__static-icon .epkbfa.epkbfa-right-3 { background-image: url("../img/setting-icons/location-position-3-right.jpg"); } .epkb-admin__form #ml_faqs_category_ids .epkb-input-group, .epkb-admin__form #faq_group_ids .epkb-input-group, .epkb-admin__form #disclaimer_accepted .epkb-input-group { flex-direction: row-reverse; } .epkb-admin__form #ml_faqs_category_ids .epkb-input-group label, .epkb-admin__form #faq_group_ids .epkb-input-group label, .epkb-admin__form #disclaimer_accepted .epkb-input-group label { margin-left: 5px; } .epkb-admin__form .epkb-notification-box-middle { margin-bottom: 20px; } .epkb-admin__form .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container { flex-wrap: wrap; } .epkb-admin__form .epkb-radio-horizontal-button-group-container #advanced_search_mp_presets .epkb-input-container:first-child { display: none; } .epkb-admin__form .epkb-main_label { width: 270px; min-width: 270px; } .epkb-admin__form .epkb-admin__wp_editor-field { flex-direction: column; } .epkb-admin__form .epkb-admin__wp_editor-field .wp-editor-tabs { float: right; margin-bottom: 10px; } .epkb-admin__form .epkb-admin__wp_editor-field .wp-editor-container { clear: both; border: none; } .epkb-admin__form .epkb-admin__wp_editor-field .quicktags-toolbar { margin-bottom: 10px; } .epkb-admin__form .epkb-admin__wp_editor-field .ed_button { margin-right: 5px; margin-bottom: 5px; } .epkb-admin__form .epkb-admin__wp_editor-field .wp-switch-editor { display: inline-block; height: fit-content; background-color: #666666; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #4D4D4D; background-image: linear-gradient(bottom, #666666, #808080); background-image: -o-linear-gradient(bottom, #666666, #808080); background-image: -moz-linear-gradient(bottom, #666666, #808080); background-image: -webkit-linear-gradient(bottom, #666666, #808080); background-image: -ms-linear-gradient(bottom, #666666, #808080); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #666666), color-stop(1, #808080)); border-radius: 5px; } .epkb-admin__form .epkb-admin__wp_editor-field .wp-switch-editor a { text-decoration: none; } .epkb-admin__form .epkb-admin__wp_editor-field .wp-switch-editor:hover { cursor: pointer; background-image: linear-gradient(bottom, #4D4D4D, #808080); background-image: -o-linear-gradient(bottom, #4D4D4D, #808080); background-image: -moz-linear-gradient(bottom, #4D4D4D, #808080); background-image: -webkit-linear-gradient(bottom, #4D4D4D, #808080); background-image: -ms-linear-gradient(bottom, #4D4D4D, #808080); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4D4D4D), color-stop(1, #808080)); border-radius: 5px; } .epkb-admin__form .epkb-admin__wp_editor-field .wp-switch-editor:focus { outline: 0; } .epkb-admin__form .epkb-admin__wp_editor-field .wp-switch-editor .mce-panel { border: none; } .epkb-admin__form .epkb-admin__wp_editor-field iframe { min-height: 230px; margin-bottom: 15px; } .epkb-admin__form .epkb-admin__wp_editor-field .wp-editor-area { margin-top: 0px !important; min-height: 269px; margin-bottom: -3px !important; } .epkb-admin__form .epkb-admin__wp_editor-field .tmce-active #qt_sidebar_main_page_intro_text_toolbar { display: none; } .epkb-admin__form .epkb-admin__wp_editor-field .mce-fullscreen { z-index: 99999; } .epkb-admin__form .epkb-admin__wp_editor-field [aria-label*="Ctrl+K"], .epkb-admin__form .epkb-admin__wp_editor-field #mceu_12 { display: none; } .epkb-admin__form #archive-container-width-v2_group { max-width: 760px; float: left; margin-right: 10px; } .epkb-admin__form #archive-container-width-v2_group + #archive-container-width-units-v2_group { max-width: 200px; } .epkb-admin__form #archive-container-width-v2_group + #archive-container-width-units-v2_group .epkb-main_label { display: none !important; } .epkb-admin__form #archive-container-width-v2_group + #archive-container-width-units-v2_group .epkb-label { width: 40px; min-width: 40px; } .epkb-admin__form .epkb-admin__textarea-field .input_container { width: 300px; } .epkb-admin__form .epkb-admin__number-field .input_container input { min-width: 70px !important; max-width: 70px !important; } .epkb-admin__form .epkb-admin__radio-icons.epkb-radio-buttons-last-hidden .epkb-radio-buttons-container .epkb-input-container:last-child { display: none; } .epkb-admin__form .epkb-admin__kb__form.epkb-sidebar-settings-disabled .epkb-input-group:not(#article-left-sidebar-toggle):not(#article-right-sidebar-toggle), .epkb-admin__form .epkb-admin__kb__form.epkb-sidebar-settings-disabled [data-control-toggler]:not(#article-left-sidebar-toggle):not(#article-right-sidebar-toggle) { filter: grayscale(1); position: relative; } .epkb-admin__form .epkb-admin__kb__form.epkb-sidebar-settings-disabled .epkb-input-group:not(#article-left-sidebar-toggle):not(#article-right-sidebar-toggle):after, .epkb-admin__form .epkb-admin__kb__form.epkb-sidebar-settings-disabled [data-control-toggler]:not(#article-left-sidebar-toggle):not(#article-right-sidebar-toggle):after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; cursor: no-drop; } .epkb-admin__form .epkb-admin__kb__form.epkb-sidebar-settings-disabled .epkb-input-group:not(#article-left-sidebar-toggle):not(#article-right-sidebar-toggle) .epkbfa-input-icon, .epkb-admin__form .epkb-admin__kb__form.epkb-sidebar-settings-disabled [data-control-toggler]:not(#article-left-sidebar-toggle):not(#article-right-sidebar-toggle) .epkbfa-input-icon { border: solid 1px #D4DDE2 !important; } .epkb-admin__form .epkb-admin__kb__form.epkb-sidebar-settings-disabled .epkb-input-group:not(#article-left-sidebar-toggle):not(#article-right-sidebar-toggle) .epkb-input-custom-dropdown__input, .epkb-admin__form .epkb-admin__kb__form.epkb-sidebar-settings-disabled [data-control-toggler]:not(#article-left-sidebar-toggle):not(#article-right-sidebar-toggle) .epkb-input-custom-dropdown__input { background-color: #ECEEEF; } .epkb-admin__form .epkb-admin__kb__form .epkb-input-group--disabled { filter: grayscale(1); position: relative; } .epkb-admin__form .epkb-admin__kb__form .epkb-input-group--disabled:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; cursor: no-drop; } .epkb-admin__form .epkb-input-group-combined-units { display: flex; flex-direction: column; } .epkb-admin__form .epkb-input-group-combined-units .epkb-input-group:nth-child(2) { margin-left: 10px; } .epkb-admin__form .epkb-input-group-combined-units .epkb-input-group:nth-child(2) .epkb-main_label { display: none !important; } .epkb-admin__form .epkb-input-group-combined-units .epkb-input-group:nth-child(2) .epkb-label { min-width: 45px !important; } .epkb-admin__form .epkb-input-group-combined-units .epkb-input-group-combined-inner { display: flex; flex-direction: row; } .epkb-admin__form .epkb-input-desc { display: flex; flex-direction: row; margin: -16px 0 20px 270px; font-size: 13px; font-style: italic; line-height: 1.5; } .epkb-admin__form .epkb-input-desc.epkb-input-desc--radio-horizontal-buttons { margin: 0; } .epkb-admin__form .epkb-input-desc .epkbfa-external-link { margin-left: 6px; font-size: 12px; } .epkb-admin__form .epkb-admin__text-field .epkb-input-desc { margin: 10px 0 0 0; } .epkb-admin__form .epkb-admin__field-divider-after { border-bottom: 1px dashed #D6E2ED; padding-bottom: 25px; } .epkb-admin__form .epkb-admin__field-divider-after.epkb-admin__color-field { padding-bottom: 20px; } .epkb-admin__form .epkb-admin__field-divider-before { border-top: 1px dashed #D6E2ED; padding-top: 25px; } .epkb-admin__form .epkb-admin__field-divider-before.epkb-admin__color-field { padding-top: 20px; } .epkb-admin__form .epkb-admin__icon-image-selection .epkb-input-icon-image .epkb-input-icon-image__button { display: block; background-color: #2EA3F2; background-size: cover; background-position: center center; width: 150px; height: 150px; cursor: pointer; position: relative; border: 1px solid transparent; transition: 0.1s; } .epkb-admin__form .epkb-admin__icon-image-selection .epkb-input-icon-image .epkb-input-icon-image__button.epkb-input-icon-image__button--no-image .ep_font_icon_plus { display: block; } .epkb-admin__form .epkb-admin__icon-image-selection .epkb-input-icon-image .epkb-input-icon-image__button.epkb-input-icon-image__button--have-image .epkbfa-pencil { display: block; top: 10%; left: auto; right: 10%; margin-top: 0; text-shadow: 0 0 3px #000000; width: auto; } .epkb-admin__form .epkb-admin__icon-image-selection .epkb-input-icon-image .epkb-input-icon-image__button .epkbfa { position: absolute; z-index: 2; left: 0; width: 100%; text-align: center; font-size: 30px; color: #FFFFFF; top: 50%; margin-top: -15px; display: none; transition: 0.1s; } .epkb-admin__form .epkb-admin__kb__form #section_head_category_icon_size_group label { flex-direction: column; align-items: flex-start; } .epkb-admin__form .epkb-admin__tab-content-field-resource-links { min-height: 685px; } .epkb-admin__form .eckb-ml-module__resource_links .epkb-notification-box-middle--error { margin-bottom: 0; } .epkb-admin__form .epkb-general_typography-loader-wrap .input_container { display: flex; flex-direction: row; align-items: center; } .epkb-admin__form .epkb-general_typography-loader-wrap .epkb-general_typography-current { margin-right: 10px; } .epkb-admin__form .epkb-admin__form__body { display: flex; flex-direction: row; margin: auto; margin-top: 20px; max-width: 1080px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs { display: flex; flex-direction: column; margin-right: 25px; background-color: #F9FBFF; font-size: 16px; width: 255px; min-width: 255px; max-width: 255px; } @media only screen and (max-width: 1400px) { .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs { font-size: 15px; } } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab { display: flex; flex-direction: row; align-items: center; min-width: 235px; border: none; width: 100%; padding: 15px 20px; cursor: pointer; background-color: #FFFFFF; border-left: 4px solid transparent; border-bottom: 1px solid #D6E2ED; } @media only screen and (max-width: 1400px) { .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab { min-width: 190px; } } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-admin__form-tab-icon { font-size: 32px; min-width: 45px; text-align: center; margin-right: 12px; width: 44px; height: 37px; background-position: center; background-repeat: no-repeat; } @media only screen and (max-width: 1400px) { .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-admin__form-tab-icon { font-size: 28px; display: none; } } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-admin__form-tab-icon, .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-admin__form-tab-title { font-weight: 400; line-height: 1.5; color: #606060; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-sidebar-icon { background-image: url("../img/setting-icons/sidebar-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-earth-icon { background-image: url("../img/setting-icons/earth-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-toc-icon { background-image: url("../img/setting-icons/toc-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-main-page-icon { background-image: url("../img/setting-icons/main-page-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-archive-page-icon { background-image: url("../img/setting-icons/archive-page-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-edit-icon { background-image: url("../img/setting-icons/edit-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-article-page-icon { background-image: url("../img/setting-icons/article-page-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-search-box-icon { background-image: url("../img/setting-icons/search-box-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab .epkb-toggle-icon { background-image: url("../img/setting-icons/toggle-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active { background: #FFFFFF; border-left: 4px solid #509FE2; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active:last-child { border-right: 1px solid transparent; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-admin__form-tab-icon, .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-admin__form-tab-title { color: #509FE2; text-shadow: 0 0 1px #509FE2; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-sidebar-icon { background-image: url("../img/setting-icons/sidebar-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-earth-icon { background-image: url("../img/setting-icons/earth-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-toc-icon { background-image: url("../img/setting-icons/toc-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-main-page-icon { background-image: url("../img/setting-icons/main-page-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-archive-page-icon { background-image: url("../img/setting-icons/archive-page-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-edit-icon { background-image: url("../img/setting-icons/edit-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-article-page-icon { background-image: url("../img/setting-icons/article-page-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-search-box-icon { background-image: url("../img/setting-icons/search-box-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-edit-icon { background-image: url("../img/setting-icons/edit-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab.epkb-admin__form-tab--active .epkb-toggle-icon { background-image: url("../img/setting-icons/toggle-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover { background: #FFFFFF; border-left: 4px solid #509FE2; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover:last-child { border-right: 1px solid transparent; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-admin__form-tab-icon, .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-admin__form-tab-title { color: #509FE2; text-shadow: 0 0 1px #509FE2; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-sidebar-icon { background-image: url("../img/setting-icons/sidebar-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-earth-icon { background-image: url("../img/setting-icons/earth-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-toc-icon { background-image: url("../img/setting-icons/toc-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-main-page-icon { background-image: url("../img/setting-icons/main-page-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-archive-page-icon { background-image: url("../img/setting-icons/archive-page-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-edit-icon { background-image: url("../img/setting-icons/edit-icon.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-article-page-icon { background-image: url("../img/setting-icons/article-page-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-search-box-icon { background-image: url("../img/setting-icons/search-box-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-edit-icon { background-image: url("../img/setting-icons/edit-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tabs .epkb-admin__form-tab:hover .epkb-toggle-icon { background-image: url("../img/setting-icons/toggle-icon-active.png"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs { display: flex; flex-direction: column; background-color: #F2F2F2; padding: 5px 0 5px 2px; font-size: 15px; margin-left: 21px; box-shadow: 0 2px 8px -6px inset #808080; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs .epkb-admin__form-sub-tab { display: flex; flex-direction: row; align-items: center; border: none; width: 100%; padding: 3px 10px 3px 3px; cursor: pointer; background-color: transparent; border-left: 2px solid transparent; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs .epkb-admin__form-sub-tab:hover { background-color: #FFFFFF; border-left: 2px solid #509FE2; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs .epkb-admin__form-sub-tab .epkb-admin__form-sub-tab-icon { font-size: 13px; border-radius: 40px; display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; width: 30px; height: 30px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs .epkb-admin__form-sub-tab .epkb-admin__form-sub-tab-icon.epkb-admin__form-sub-tab-icon-text { width: 54px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs .epkb-admin__form-sub-tab.epkb-admin__form-sub-tab--active { background-color: #FFFFFF; border-left: 3px solid #509FE2; color: #509FE2; font-weight: bold; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs .epkb-admin__form-sub-tab.epkb-admin__form-sub-tab--unused .epkb-admin__form-sub-tab-title { color: #1D9002; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs--article-page .epkb-admin__form-sub-tab { height: 37px; padding: 3px 10px 3px 3px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs--article-page .epkb-admin__form-sub-tab-title { padding-left: 15px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-sub-tabs--article-page .epkb-admin__form-sub-tab-icon { display: none !important; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents { display: flex; flex-grow: 1; flex-direction: column; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap { display: none; flex-direction: column; flex-grow: 1; background-color: transparent; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap.epkb-admin__form-tab-wrap--active { display: flex; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-sub-tab-wrap { display: none; flex-direction: column; flex-grow: 1; background-color: transparent; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-sub-tab-wrap.epkb-admin__form-sub-tab-wrap--active { display: flex; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content { background-color: #FFFFFF; margin-bottom: 25px; border: 1px solid #D6E2ED; position: relative; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content.epkb-admin__form-tab-content--hide { display: none; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-title { display: flex; align-items: center; height: 50px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #D6E2ED; font-size: 16px; position: relative; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-title .epkb-admin__form-tab-content-icon { font-size: 13px; color: #FFFFFF; background-color: #509FE2; border-radius: 40px; display: flex; justify-content: center; align-items: center; margin: 0 5px 0 0; width: 30px; height: 30px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-title .epkb-admin__form-tab-content-icon.epkb-admin__form-tab-content-icon-text { width: 54px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-title .epkb-admin__form-tab-content-icon.epkbfa-exclamation-circle { background-color: initial; width: initial; height: initial; margin-right: 15px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-title .epkb-admin__form-tab-content-icon.epkbfa-exclamation-circle:before { font: normal normal normal 14px/1 FontAwesome; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 25px; color: #D9534F; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-desc { padding: 25px 25px 0 25px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-desc .epkb-admin__form-tab-content-desc__link { outline: none !important; box-shadow: none !important; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-input-desc_text, .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-desc, .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-desc__text { line-height: 1.5; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body { display: flex; flex-direction: column; padding: 25px; } @media only screen and (max-width: 1200px) { .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body { flex-direction: column; } } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap--about-kb .epkb-admin__form-tab-content .epkb-admin__form-tab-content-title { display: block; text-align: center; font-size: 18px; border-bottom: unset; padding-top: 20px; height: unset; padding-bottom: 0; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap--about-kb .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body { display: flex; flex-direction: row; justify-content: center; flex-flow: wrap; gap: 20px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap--about-kb .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body .epkb-admin__helpful-info-wrap { display: flex; flex-wrap: wrap; flex-grow: 1; gap: 20px; justify-content: center; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap--about-kb .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body .epkb-admin__helpful-info-wrap .epkb-admin__helpful-info-box { display: flex; flex-direction: column; text-align: center; width: calc(25% - 20px); } @media only screen and (max-width: 1200px) { .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap--about-kb .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body .epkb-admin__helpful-info-wrap .epkb-admin__helpful-info-box { width: calc(50% - 10px); } } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap--about-kb .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body .epkb-admin__helpful-info-wrap .epkb-admin__helpful-info-box .epkb-admin__helpful-info-box__desc { font-size: 12px; margin-bottom: 5px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap--about-kb .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body .epkb-admin__helpful-info-wrap .epkb-admin__helpful-info-box .epkb-admin__helpful-info-box__icon-container { margin-bottom: -30px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-tab-wrap--about-kb .epkb-admin__form-tab-content .epkb-admin__form-tab-content-body .epkb-admin__helpful-info-wrap .epkb-admin__helpful-info-box .epkb-admin__helpful-info-box__link-container { font-size: 12px; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-sub-tab-wrap--article-page-toc #toc_locations .epkbfa-input-icon { width: 85px; height: 85px; background-position: center; background-repeat: no-repeat; background-size: cover; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-sub-tab-wrap--article-page-toc #toc_locations .epkbfa-input-icon:before { display: none; } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-sub-tab-wrap--article-page-toc #toc_locations .epkbfa-toc_left { background-image: url("../img/setting-icons/nav-type-top-categories.jpg"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-sub-tab-wrap--article-page-toc #toc_locations .epkbfa-toc_content { background-image: url("../img/editor/toc-top-location.jpg"); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-sub-tab-wrap--article-page-toc #toc_locations .epkbfa-toc_right { background-image: url("../img/setting-icons/nav-type-top-categories.jpg"); transform: scaleX(-1); } .epkb-admin__form .epkb-admin__form__body .epkb-admin__form-tab-contents .epkb-admin__form-sub-tab-wrap--article-page-toc #toc_content_group { display: none; } .epkb-admin__form .epkb-edit-toggle { cursor: pointer; width: 25px; height: 25px; padding: 2px; display: inline-block; text-align: center; border-radius: 50%; background: #2EA3F2; color: #FFFFFF; } .epkb-admin__form .epkb-admin__form__save_button { display: flex; flex-direction: column; max-width: 1080px; margin: 20px auto; } .epkb-admin__form .epkb-admin__form__save_button .epkb-admin__kb__form-save__button { align-self: flex-end; } .epkb-admin__form .eckb-settings-title { font-size: 16px; border-bottom: 1px solid #D6E2ED; padding: 20px 0 10px 0; margin-bottom: 30px; } .epkb-admin__form .epkb-admin__settings-sub .epkb-admin__settings-sub-header { padding: 20px; text-align: center; } .epkb-admin__form .epkb-admin__settings-sub .epkb-admin__settings-sub-content { background: #F0F6FC; padding: 25px; border-radius: 8px; border: 1px solid #C5D9ED; margin: 20px; } .epkb-admin__form .epkb-admin__settings-sub .epkb-admin__settings-sub-content h4 { margin: 0 0 10px 0 !important; color: #2C3338; } .epkb-admin__form .epkb-admin__settings-sub .epkb-admin__settings-sub-content p { margin: 0 0 15px 0; color: #50575E; } .epkb-admin__form .epkb-admin__settings-sub .epkb-admin__resources-support-col { min-width: 0; } /** * Admin Form */ /* Shared --------------------------------------------------------------*/ /** * Analytics Admin Page Styles */ /* Modern FAQ Question Styles */ .epkb-faq-question--modern { background-color: #F8F9FA; border: 1px solid #EAECEF; border-radius: 8px; margin-bottom: 8px; transition: all 0.2s ease-in-out; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .epkb-faq-question--modern:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); border-color: #D0D7DE; background-color: #F0F4F8; } .epkb-faq-question--modern .epkb-faq-question__action-edit { width: 100%; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; } .epkb-faq-question--modern .epkb-faq-question__action-edit .epkb-faq-question__title { font-weight: 500; color: #2C3E50; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .epkb-faq-question--modern .epkb-faq-question__action-edit .epkb-faq-question__edit-icon { color: #6C757D; font-size: 16px; opacity: 0.7; transition: all 0.2s ease; padding: 6px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.02); } .epkb-faq-question--modern .epkb-faq-question__action-edit .epkb-faq-question__edit-icon:hover { color: #0D6EFD; opacity: 1; background-color: rgba(13, 110, 253, 0.1); } .epkb-faq-question--modern .epkb-faq-question__action-order { padding: 0 10px; } .epkb-faq-question--modern .epkb-faq-question__action-order .epkb-faq-question__order-icon { color: #6C757D; transition: color 0.2s ease; } .epkb-faq-question--modern .epkb-faq-question__action-order .epkb-faq-question__order-icon:hover { color: #0D6EFD; } .epkb-faq-question--modern .epkb-faq-question__action-include { padding: 0 10px; } .epkb-faq-question--modern .epkb-faq-question__action-include .epkb-faq-question__include-icon { color: #28A745; transition: transform 0.2s ease; } .epkb-faq-question--modern .epkb-faq-question__action-include .epkb-faq-question__include-icon:hover { transform: scale(1.2); } /* Make the FAQ container more modern */ #epkb-all-faqs-container .epkb-all-questions-body { gap: 20px; padding: 20px; background-color: #FFFFFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); border-radius: 0 0 8px 8px; } #epkb-all-faqs-container .epkb-all-questions-body .epkb-body-col { gap: 12px; } #epkb-all-faqs-container .epkb-faq-questions-list-empty.epkb-faq-questions-list-empty--active { padding: 20px; font-size: 15px; color: #6C757D; font-style: italic; border: 2px dashed #DEE2E6; border-radius: 8px; display: flex; align-items: center; justify-content: center; } /* Create FAQs button styling */ #epkb-faq-create-question { display: flex; align-items: center; padding: 12px 20px; border-radius: 6px; font-weight: 500; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #epkb-faq-create-question:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } #epkb-faq-create-question .epkb-btn-icon { margin-right: 10px; font-size: 16px; } /* Modern FAQs container styling */ .epkb-faqs-modern-container { background-color: #FFFFFF; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); overflow: hidden; /* Add subtle background pattern */ } .epkb-faqs-modern-container .epkb-all-questions-body { background-color: #FFFFFF; padding: 24px; display: flex; gap: 30px; } .epkb-faqs-modern-container .epkb-body-col { width: 50%; display: flex; flex-direction: column; gap: 16px; } .epkb-faqs-modern-container:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to bottom, rgba(240, 244, 248, 0.4), transparent); z-index: -1; pointer-events: none; } /* Overview Tab Styles */ .epkb-overview-options-container { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; } .epkb-overview-options-container .epkb-overview-option { background-color: #FFFFFF; border: 1px solid #D6E2ED; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); overflow: hidden; transition: all 0.2s ease-in-out; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__header { display: flex; align-items: center; background-color: #E9EFF9; padding: 15px 20px; border-bottom: 1px solid #D6E2ED; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__header .epkb-overview-option__icon { font-size: 20px; color: #5C7C99; margin-right: 12px; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__header .epkb-overview-option__title { font-size: 18px; font-weight: 600; color: #2C3E50; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body { padding: 20px; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body p { font-size: 15px; margin-bottom: 20px; color: #444444; line-height: 1.5; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body .epkb-overview-option__actions { display: flex; justify-content: space-between; align-items: center; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body .epkb-overview-option__actions .epkb-overview-option__link { display: inline-flex; align-items: center; color: #5C7C99; text-decoration: none; font-size: 14px; transition: color 0.2s ease; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body .epkb-overview-option__actions .epkb-overview-option__link span:first-child { margin-right: 8px; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body .epkb-overview-option__actions .epkb-overview-option__link:hover { color: #0D6EFD; text-decoration: underline; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body .epkb-overview-option__actions .epkb-overview-option__button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border-radius: 4px; font-weight: 500; font-size: 14px; transition: all 0.2s ease; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body .epkb-overview-option__actions .epkb-overview-option__button:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body .epkb-overview-option__actions .epkb-overview-option__button.epkb-primary-btn { background-color: #5C7C99; color: white; } .epkb-overview-options-container .epkb-overview-option .epkb-overview-option__body .epkb-overview-option__actions .epkb-overview-option__button.epkb-primary-btn:hover { background-color: #4A6A87; } #epkb-faq-shortcode-above-tabs { margin: 20px 0; width: auto; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); position: relative; z-index: 10; display: block; overflow: hidden; box-sizing: border-box; border: 1px solid #D6E2ED; } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container { display: block; width: 100%; margin-bottom: 0; box-shadow: none; margin: 0; padding: 0; /* Loading state */ } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-head { border-radius: 0; background-color: #E9EFF9; border-bottom: 1px solid #D6E2ED; padding: 15px 20px; } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-head__title { font-size: 18px; font-weight: 600; color: #2C3E50; margin-bottom: 5px; } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-head__sub-title { font-size: 14px; color: #5C7C99; } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body { min-height: 300px; max-height: 500px; overflow-y: auto; background-color: #FFFFFF; padding: 20px; /* Use a lighter pattern that's less distracting */ background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), repeating-linear-gradient(45deg, #F8F9FA 0px, #F8F9FA 10px, rgba(248, 249, 250, 0.5) 10px, rgba(248, 249, 250, 0.5) 20px); } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body .epkb-faq-preview-content { width: 100%; margin: 0 auto; max-width: 100%; background-color: #FFFFFF; padding: 20px; border-radius: 4px; /* Add a subtle fade-in animation for the preview content */ animation: fadeIn 0.5s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container.loading .epkb-faq-shortcode-preview-body { position: relative; } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container.loading .epkb-faq-shortcode-preview-body:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 10; } #epkb-faq-shortcode-above-tabs #epkb-faq-shortcode-preview-container.loading .epkb-faq-shortcode-preview-body:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; border: 4px solid #E9EFF9; border-top-color: #5C7C99; border-radius: 50%; z-index: 11; animation: spin 1s linear infinite; } @media (max-width: 1100px) { .epkb-faq-shortcode-container-flex { flex-direction: column; } .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column { width: 100%; } } #epkb-faq-shortcode-preset-container { display: flex; width: 100%; flex-direction: column; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-head { display: flex; flex-direction: column; width: 100%; background-color: #E9EFF9; border: 1px solid #D6E2ED; align-items: center; padding: 20px 20px; border-radius: 8px 8px 0 0; gap: 15px; box-sizing: border-box; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-head .epkb-faq-shortcode-preset-head__title { font-size: 22px; font-weight: 600; width: 100%; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-head .epkb-faq-shortcode-preset-head__sub-title { width: 100%; font-size: 14px; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body { display: flex; flex-direction: column; padding: 20px; background-color: #FFFFFF; border: 1px solid #D6E2ED; border-top: none; border-radius: 0 0 8px 8px; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; } @media (max-width: 1200px) { #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails { grid-template-columns: 1fr; } } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option { border: 2px solid #EAECEF; border-radius: 8px; overflow: hidden; transition: all 0.2s ease; position: relative; cursor: pointer; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); border-color: #C0C5CE; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option.epkb-design-selected { border-color: #5C7C99; box-shadow: 0 4px 10px rgba(92, 124, 153, 0.3); } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option.epkb-design-selected .epkb-design-select-overlay { opacity: 1; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option .epkb-design-preview { width: 100%; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option .epkb-design-preview img { width: 100%; height: auto; display: block; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option .epkb-design-title { padding: 10px; text-align: center; font-weight: 500; background-color: #F8F9FA; border-top: 1px solid #EAECEF; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option .epkb-design-select-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(92, 124, 153, 0.1); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s ease; } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-thumbnails .epkb-design-option .epkb-design-select-overlay .epkbfa-check-circle { font-size: 30px; color: #5C7C99; background-color: white; border-radius: 50%; padding: 5px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } #epkb-faq-shortcode-preset-container .epkb-faq-shortcode-preset-body .epkb-design-radio-buttons { display: none; } /* Tab width container - used to match width with sub-tabs */ .epkb-faq-shortcode-preview-wrap { padding: 0 35px 0 35px; margin: 0 0 0 -20px; } .epkb-faq-shortcode-preview-wrap .epkb-faq-shortcode-preview { width: 1080px; margin: 0 auto; } .epkb-faq-settings-container .epkb-admin__form__body { margin-top: 0; } #epkb-kb-faqs-page-container .epkb-shortcode-actions { display: flex; justify-content: center; padding-bottom: 20px; } #epkb-kb-faqs-page-container .epkb-shortcode-actions #epkb-copy-shortcode { display: flex; align-items: center; padding: 8px 15px; border-radius: 4px; transition: all 0.2s ease; font-weight: 500; font-size: 21px; } #epkb-kb-faqs-page-container .epkb-shortcode-actions #epkb-copy-shortcode:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } #epkb-kb-faqs-page-container .epkb-shortcode-actions #epkb-copy-shortcode span.epkbfa { margin-right: 8px; } #epkb-kb-faqs-page-container .epkb-shortcode-actions #epkb-copy-shortcode.copied { background-color: #28A745; } /* Shared --------------------------------------------------------------*/ #epkb-dashboard-page-container { padding-bottom: 100px; --green: #00C853; --green-200: #E8F9F0; --yellow: #FFB300; --gray-100: #F8F9FA; --gray-200: #F1F3F5; --gray-400: #CED4DA; --gray-700: #495057; --radius: 8px; --shadow: 0 2px 6px rgba(0,0,0,.05); width: 80%; margin: 30px auto 0 auto; } #epkb-dashboard-page-container * { box-sizing: border-box; margin: 0; padding: 0; } #epkb-dashboard-page-container a { color: inherit; text-decoration: none; } #epkb-dashboard-page-container .epkb-btn { display: inline-flex; align-items: center; gap: 0.4rem; font-weight: 600; border: none; cursor: pointer; border-radius: var(--radius); padding: 0.6rem 1.2rem; font-size: 0.9rem; transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; } #epkb-dashboard-page-container .epkb-btn-primary { display: inline-block; height: fit-content; background-color: #00C853; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #00A747; background-image: linear-gradient(bottom, #00C853, #00E662); background-image: -o-linear-gradient(bottom, #00C853, #00E662); background-image: -moz-linear-gradient(bottom, #00C853, #00E662); background-image: -webkit-linear-gradient(bottom, #00C853, #00E662); background-image: -ms-linear-gradient(bottom, #00C853, #00E662); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00C853), color-stop(1, #00E662)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-primary a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-primary:hover { cursor: pointer; background-image: linear-gradient(bottom, #00953E, #00E662); background-image: -o-linear-gradient(bottom, #00953E, #00E662); background-image: -moz-linear-gradient(bottom, #00953E, #00E662); background-image: -webkit-linear-gradient(bottom, #00953E, #00E662); background-image: -ms-linear-gradient(bottom, #00953E, #00E662); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00953E), color-stop(1, #00E662)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-primary:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-secondary { display: inline-block; height: fit-content; background-color: #F1F3F5; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #495057; border: solid 1px #E9ECEF; background-image: linear-gradient(bottom, #F1F3F5, #F8F9FA); background-image: -o-linear-gradient(bottom, #F1F3F5, #F8F9FA); background-image: -moz-linear-gradient(bottom, #F1F3F5, #F8F9FA); background-image: -webkit-linear-gradient(bottom, #F1F3F5, #F8F9FA); background-image: -ms-linear-gradient(bottom, #F1F3F5, #F8F9FA); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F1F3F5), color-stop(1, #F8F9FA)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-secondary a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-secondary:hover { cursor: pointer; background-image: linear-gradient(bottom, #D3DAE0, #F8F9FA); background-image: -o-linear-gradient(bottom, #D3DAE0, #F8F9FA); background-image: -moz-linear-gradient(bottom, #D3DAE0, #F8F9FA); background-image: -webkit-linear-gradient(bottom, #D3DAE0, #F8F9FA); background-image: -ms-linear-gradient(bottom, #D3DAE0, #F8F9FA); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D3DAE0), color-stop(1, #F8F9FA)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-secondary:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-add-faq { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #0A82D3; background-image: linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -o-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -moz-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -ms-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #2EA3F2)); border-radius: 5px; font-weight: 700; font-size: 16px; box-shadow: rgba(39, 174, 96, 0.15) 0 4px 9px; } #epkb-dashboard-page-container .epkb-btn-add-faq a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-add-faq:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -o-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -moz-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -ms-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #2EA3F2)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-add-faq:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-add-faq:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-btn-frontend-editor { display: inline-block; height: fit-content; background-color: #6C5CE7; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #5F3DC4; background-image: linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -o-linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -moz-linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -webkit-linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -ms-linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6C5CE7), color-stop(1, #6C5CE7)); border-radius: 5px; font-weight: 700; font-size: 16px; box-shadow: rgba(108, 92, 231, 0.15) 0 4px 9px; } #epkb-dashboard-page-container .epkb-btn-frontend-editor a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-frontend-editor:hover { cursor: pointer; background-image: linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -o-linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -moz-linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -webkit-linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -ms-linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4430E0), color-stop(1, #6C5CE7)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-frontend-editor:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-frontend-editor:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-btn-setup-wizard { display: inline-block; height: fit-content; background-color: #6C5CE7; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #5F3DC4; background-image: linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -o-linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -moz-linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -webkit-linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -ms-linear-gradient(bottom, #6C5CE7, #6C5CE7); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6C5CE7), color-stop(1, #6C5CE7)); border-radius: 5px; font-weight: 700; font-size: 16px; box-shadow: rgba(108, 92, 231, 0.15) 0 4px 9px; } #epkb-dashboard-page-container .epkb-btn-setup-wizard a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-setup-wizard:hover { cursor: pointer; background-image: linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -o-linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -moz-linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -webkit-linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -ms-linear-gradient(bottom, #4430E0, #6C5CE7); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4430E0), color-stop(1, #6C5CE7)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-setup-wizard:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-setup-wizard:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-btn-add-article { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #0A82D3; background-image: linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -o-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -moz-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -ms-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #2EA3F2)); border-radius: 5px; font-weight: 700; font-size: 16px; box-shadow: rgba(39, 174, 96, 0.15) 0 4px 9px; } #epkb-dashboard-page-container .epkb-btn-add-article a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-add-article:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -o-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -moz-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -ms-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #2EA3F2)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-add-article:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-add-article:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-btn-add-category { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #0A82D3; background-image: linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -o-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -moz-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -webkit-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -ms-linear-gradient(bottom, #2EA3F2, #2EA3F2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #2EA3F2)); border-radius: 5px; font-weight: 700; font-size: 16px; box-shadow: rgba(39, 174, 96, 0.15) 0 4px 9px; } #epkb-dashboard-page-container .epkb-btn-add-category a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-add-category:hover { cursor: pointer; background-image: linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -o-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -moz-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -webkit-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -ms-linear-gradient(bottom, #0E8BDF, #2EA3F2); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #2EA3F2)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-add-category:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-add-category:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-btn-import-data { display: inline-block; height: fit-content; background-color: #78B956; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #436747; background-image: linear-gradient(bottom, #78B956, #78B956); background-image: -o-linear-gradient(bottom, #78B956, #78B956); background-image: -moz-linear-gradient(bottom, #78B956, #78B956); background-image: -webkit-linear-gradient(bottom, #78B956, #78B956); background-image: -ms-linear-gradient(bottom, #78B956, #78B956); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #78B956), color-stop(1, #78B956)); border-radius: 5px; font-weight: 700; font-size: 16px; box-shadow: rgba(39, 174, 96, 0.15) 0 4px 9px; } #epkb-dashboard-page-container .epkb-btn-import-data a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-import-data:hover { cursor: pointer; background-image: linear-gradient(bottom, #609C40, #78B956); background-image: -o-linear-gradient(bottom, #609C40, #78B956); background-image: -moz-linear-gradient(bottom, #609C40, #78B956); background-image: -webkit-linear-gradient(bottom, #609C40, #78B956); background-image: -ms-linear-gradient(bottom, #609C40, #78B956); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #609C40), color-stop(1, #78B956)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-import-data:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-import-data:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-btn-convert-posts { display: inline-block; height: fit-content; background-color: #2EA3F2; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #436747; background-image: linear-gradient(bottom, #78B956, #78B956); background-image: -o-linear-gradient(bottom, #78B956, #78B956); background-image: -moz-linear-gradient(bottom, #78B956, #78B956); background-image: -webkit-linear-gradient(bottom, #78B956, #78B956); background-image: -ms-linear-gradient(bottom, #78B956, #78B956); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #78B956), color-stop(1, #78B956)); border-radius: 5px; font-weight: 700; font-size: 16px; box-shadow: rgba(39, 174, 96, 0.15) 0 4px 9px; } #epkb-dashboard-page-container .epkb-btn-convert-posts a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-convert-posts:hover { cursor: pointer; background-image: linear-gradient(bottom, #609C40, #78B956); background-image: -o-linear-gradient(bottom, #609C40, #78B956); background-image: -moz-linear-gradient(bottom, #609C40, #78B956); background-image: -webkit-linear-gradient(bottom, #609C40, #78B956); background-image: -ms-linear-gradient(bottom, #609C40, #78B956); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #609C40), color-stop(1, #78B956)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-convert-posts:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-convert-posts:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-btn-warning { display: inline-block; height: fit-content; background-color: #FFB300; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #000000; border: solid 1px #FF8F00; background-image: linear-gradient(bottom, #FFB300, #FFC107); background-image: -o-linear-gradient(bottom, #FFB300, #FFC107); background-image: -moz-linear-gradient(bottom, #FFB300, #FFC107); background-image: -webkit-linear-gradient(bottom, #FFB300, #FFC107); background-image: -ms-linear-gradient(bottom, #FFB300, #FFC107); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFB300), color-stop(1, #FFC107)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-warning a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-warning:hover { cursor: pointer; background-image: linear-gradient(bottom, #CC8F00, #FFC107); background-image: -o-linear-gradient(bottom, #CC8F00, #FFC107); background-image: -moz-linear-gradient(bottom, #CC8F00, #FFC107); background-image: -webkit-linear-gradient(bottom, #CC8F00, #FFC107); background-image: -ms-linear-gradient(bottom, #CC8F00, #FFC107); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CC8F00), color-stop(1, #FFC107)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-warning:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-upgrade-pro { display: inline-block; height: fit-content; background-color: #F39C12; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #E67E22; background-image: linear-gradient(bottom, #F39C12, #F39C12); background-image: -o-linear-gradient(bottom, #F39C12, #F39C12); background-image: -moz-linear-gradient(bottom, #F39C12, #F39C12); background-image: -webkit-linear-gradient(bottom, #F39C12, #F39C12); background-image: -ms-linear-gradient(bottom, #F39C12, #F39C12); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F39C12), color-stop(1, #F39C12)); border-radius: 5px; font-weight: 700; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); font-size: 1.1rem; text-align: center; padding: 17px 40px; width: fit-content; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 auto; box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4); } #epkb-dashboard-page-container .epkb-btn-upgrade-pro a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-upgrade-pro:hover { cursor: pointer; background-image: linear-gradient(bottom, #C87F0A, #F39C12); background-image: -o-linear-gradient(bottom, #C87F0A, #F39C12); background-image: -moz-linear-gradient(bottom, #C87F0A, #F39C12); background-image: -webkit-linear-gradient(bottom, #C87F0A, #F39C12); background-image: -ms-linear-gradient(bottom, #C87F0A, #F39C12); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C87F0A), color-stop(1, #F39C12)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-upgrade-pro:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-upgrade-pro .epkbfa-trophy { font-size: 1.2rem; margin-right: 4px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)); } #epkb-dashboard-page-container .epkb-btn-upgrade-pro:hover { color: #FFFFFF; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(243, 156, 18, 0.5); } #epkb-dashboard-page-container .epkb-btn-primary-outline { display: inline-block; height: fit-content; background-color: transparent; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #00C853; border: solid 1px #00C853; background-image: linear-gradient(bottom, transparent, transparent); background-image: -o-linear-gradient(bottom, transparent, transparent); background-image: -moz-linear-gradient(bottom, transparent, transparent); background-image: -webkit-linear-gradient(bottom, transparent, transparent); background-image: -ms-linear-gradient(bottom, transparent, transparent); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent)); border-radius: 5px; border: 2px solid #00C853; background: transparent !important; } #epkb-dashboard-page-container .epkb-btn-primary-outline a { text-decoration: none; } #epkb-dashboard-page-container .epkb-btn-primary-outline:hover { cursor: pointer; background-image: linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -o-linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -moz-linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -webkit-linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -ms-linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(-25, -25, -25, 0)), color-stop(1, transparent)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-btn-primary-outline:focus { outline: 0; } #epkb-dashboard-page-container .epkb-btn-primary-outline:hover { background: #00C853 !important; color: #FFFFFF !important; } #epkb-dashboard-page-container .epkb-btn-link { color: #1976D2; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; margin-top: 0.5rem; text-decoration: none; transition: all 0.2s ease; } #epkb-dashboard-page-container .epkb-btn-link .epkbfa-external-link { font-size: 0.875rem; opacity: 0.8; } #epkb-dashboard-page-container .epkb-btn-link:hover { color: #1565C0; text-decoration: underline; } #epkb-dashboard-page-container .epkb-btn-link:hover .epkbfa-external-link { opacity: 1; transform: translateX(2px); } #epkb-dashboard-page-container .dashboard { --max-width: 1280px; max-width: var(--max-width); margin-inline: auto; padding: 2rem 1rem; } #epkb-dashboard-page-container .epkb-kpi-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; margin-bottom: 2rem; position: relative; } #epkb-dashboard-page-container .epkb-kpi-card { display: flex; align-items: center; gap: 1.2rem; background: #FFFFFF; border-radius: var(--radius); padding: 1rem 1.2rem; box-shadow: var(--shadow); transition: transform 0.15s, box-shadow 0.15s; text-decoration: none; color: inherit; } #epkb-dashboard-page-container .epkb-kpi-card:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); text-decoration: none; color: inherit; } #epkb-dashboard-page-container .epkb-kpi-icon-container { width: 44px; height: 44px; border-radius: var(--radius); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; } #epkb-dashboard-page-container .epkb-kpi-icon-container .epkb-kpi-icon { font-size: 1.5rem; } #epkb-dashboard-page-container .epkb-kpi-articles { background: #E3F2FD; color: #1976D2; } #epkb-dashboard-page-container .epkb-kpi-categories { background: #F3E5F5; color: #7B1FA2; } #epkb-dashboard-page-container .epkb-kpi-faqs { background: #FFF3E0; color: #F57C00; } #epkb-dashboard-page-container .epkb-kpi-views { background: #E8F5E8; color: #388E3C; } #epkb-dashboard-page-container .epkb-kpi-search { background: #FFEBEE; color: #D32F2F; } #epkb-dashboard-page-container .epkb-kpi-value { font-size: 1.5rem; font-weight: 700; margin-bottom: 10px; } #epkb-dashboard-page-container .epkb-kpi-label { font-size: 0.85rem; color: var(--gray-700); margin: 0; } #epkb-dashboard-page-container .epkb-kpi-actions-container { display: flex; justify-content: flex-end; align-items: center; gap: 1rem; margin-bottom: 1rem; } #epkb-dashboard-page-container .epkb-kpi-actions-container .epkb-kpi-actions-buttons { display: flex; gap: 20px; } #epkb-dashboard-page-container .epkb-marketing-row { display: flex; gap: 20px; margin-bottom: 2rem; } #epkb-dashboard-page-container .epkb-marketing-row .epkb-main-content { width: 70%; display: flex; flex-direction: column; gap: 1rem; } #epkb-dashboard-page-container .epkb-marketing-row .epkb-sidebar { width: 30%; display: flex; flex-direction: column; gap: 1rem; } #epkb-dashboard-page-container .epkb-card { background: #FFFFFF; border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.5rem; display: flex; flex-direction: column; position: relative; } #epkb-dashboard-page-container .epkb-card h2 { margin-top: 0; margin-bottom: 0.4rem; font-size: 1.25rem; } #epkb-dashboard-page-container .epkb-card h3 { margin-top: 0; margin-bottom: 0.6rem; font-size: 1.1rem; } #epkb-dashboard-page-container .epkb-card figure { margin-top: 1rem; flex-grow: 1; display: flex; align-items: flex-end; } #epkb-dashboard-page-container .epkb-card figure img { max-width: 100%; border-radius: var(--radius); } #epkb-dashboard-page-container .epkb-card--features-showcase { position: relative; overflow: hidden; background: linear-gradient(135deg, #F5F7FA 0%, #E4E7EB 50%, #D5D9E0 100%); padding: 0; margin-bottom: 2rem; border: solid 1px #F1F1F1; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.3) 0%, transparent 50%); animation: float-bg 15s ease-in-out infinite; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-content { position: relative; z-index: 2; padding: 2rem 0; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header { text-align: center; margin-bottom: 5px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header h2 { color: #2C3E50; font-size: 2.25rem; font-weight: 800; margin: 0; text-shadow: none; line-height: 1.2; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-carousel-wrapper { position: relative; margin-bottom: 3rem; padding: 15px 40px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-carousel { position: relative; overflow: hidden; min-height: 450px; padding-top: 20px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-slide { display: none; flex-direction: column; align-items: center; text-align: center; padding: 0 10px; opacity: 0; transition: opacity 0.5s ease; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-slide.epkb-feature-slide--active { display: flex; opacity: 1; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-title { font-size: 29px; margin-bottom: 22px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-image-container { width: 100%; max-width: 100%; cursor: pointer; position: relative; margin-bottom: 30px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-image-container .epkb-feature-image { width: 100%; height: auto; object-fit: contain; border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25); transition: all 0.3s ease; display: block; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-image-container .epkb-zoom-icon { position: absolute; bottom: 20px; right: 20px; background: rgba(255, 255, 255, 0.95); color: #2C3E50; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.75rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-image-container .epkb-zoom-icon i { font-size: 1.75rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-image-container:hover .epkb-feature-image { transform: scale(1.02); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35); } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-image-container:hover .epkb-zoom-icon { transform: scale(1.1); background: #FFFFFF; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2); } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-description { color: #2C3E50; font-size: 1.125rem; line-height: 1.6; margin: 0.5rem 0 0 0; padding: 0 2rem; font-weight: 500; max-width: 800px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-carousel-btn { background: #FFFFFF; color: #2C3E50; border: 2px solid #D5D9E0; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); font-size: 1.5rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-carousel-btn i { font-size: 1.5rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-carousel-btn:hover { background: #F5F7FA; transform: scale(1.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-color: #2C3E50; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-carousel-btn:active { transform: scale(0.95); } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-carousel-dots { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 2rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-carousel-dot { width: 18px; height: 18px; border-radius: 50%; background: #B8BDC4; cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-carousel-dot:hover { background: #6C757D; transform: scale(1.15); } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-carousel-dot.epkb-carousel-dot--active { background: #2C3E50; border-color: #6C757D; transform: scale(1.3); box-shadow: 0 0 10px rgba(44, 62, 80, 0.3); } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-cta { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-primary { display: inline-block; height: fit-content; background-color: #2C3E50; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #2C3E50; background-image: linear-gradient(bottom, #2C3E50, #34495E); background-image: -o-linear-gradient(bottom, #2C3E50, #34495E); background-image: -moz-linear-gradient(bottom, #2C3E50, #34495E); background-image: -webkit-linear-gradient(bottom, #2C3E50, #34495E); background-image: -ms-linear-gradient(bottom, #2C3E50, #34495E); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2C3E50), color-stop(1, #34495E)); border-radius: 5px; font-weight: 700; font-size: 1.125rem; padding: 1rem 2.5rem; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-primary a { text-decoration: none; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-primary:hover { cursor: pointer; background-image: linear-gradient(bottom, #1A252F, #34495E); background-image: -o-linear-gradient(bottom, #1A252F, #34495E); background-image: -moz-linear-gradient(bottom, #1A252F, #34495E); background-image: -webkit-linear-gradient(bottom, #1A252F, #34495E); background-image: -ms-linear-gradient(bottom, #1A252F, #34495E); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1A252F), color-stop(1, #34495E)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-primary:focus { outline: 0; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-primary i { font-size: 1.25rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25); color: #FFFFFF; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-secondary { display: inline-block; height: fit-content; background-color: transparent; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px rgba(255, 255, 255, 0.5); background-image: linear-gradient(bottom, transparent, transparent); background-image: -o-linear-gradient(bottom, transparent, transparent); background-image: -moz-linear-gradient(bottom, transparent, transparent); background-image: -webkit-linear-gradient(bottom, transparent, transparent); background-image: -ms-linear-gradient(bottom, transparent, transparent); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent)); border-radius: 5px; background: transparent !important; border: 2px solid rgba(255, 255, 255, 0.5); font-weight: 600; font-size: 1.125rem; padding: 1rem 2.5rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-secondary a { text-decoration: none; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-secondary:hover { cursor: pointer; background-image: linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -o-linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -moz-linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -webkit-linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -ms-linear-gradient(bottom, rgba(-25, -25, -25, 0), transparent); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(-25, -25, -25, 0)), color-stop(1, transparent)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-secondary:focus { outline: 0; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-secondary:hover { background: rgba(255, 255, 255, 0.15) !important; border-color: #FFFFFF; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); color: #FFFFFF; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-free-pro { display: inline-block; height: fit-content; background-color: #16A085; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #16A085; background-image: linear-gradient(bottom, #16A085, #1ABC9C); background-image: -o-linear-gradient(bottom, #16A085, #1ABC9C); background-image: -moz-linear-gradient(bottom, #16A085, #1ABC9C); background-image: -webkit-linear-gradient(bottom, #16A085, #1ABC9C); background-image: -ms-linear-gradient(bottom, #16A085, #1ABC9C); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #16A085), color-stop(1, #1ABC9C)); border-radius: 5px; font-weight: 700; font-size: 1.125rem; padding: 1rem 2.5rem; box-shadow: 0 8px 25px rgba(22, 160, 133, 0.3); } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-free-pro a { text-decoration: none; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-free-pro:hover { cursor: pointer; background-image: linear-gradient(bottom, #107360, #1ABC9C); background-image: -o-linear-gradient(bottom, #107360, #1ABC9C); background-image: -moz-linear-gradient(bottom, #107360, #1ABC9C); background-image: -webkit-linear-gradient(bottom, #107360, #1ABC9C); background-image: -ms-linear-gradient(bottom, #107360, #1ABC9C); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #107360), color-stop(1, #1ABC9C)); border-radius: 5px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-free-pro:focus { outline: 0; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-free-pro i { font-size: 1.25rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-free-pro:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(22, 160, 133, 0.4); color: #FFFFFF; } @keyframes float-bg { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-20px) scale(1.05); } } @keyframes pulse-badge { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes rotate-star { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #epkb-dashboard-page-container .epkb-card--welcome .epkb-welcome-content { text-align: center; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-welcome-text { width: 100%; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-welcome-text header h2 { margin-bottom: 1.5rem; font-size: 2rem; font-weight: 700; line-height: 1.2; color: var(--gray-700); letter-spacing: -0.025em; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-welcome-text header p { margin: 0; line-height: 1.6; color: var(--gray-700); font-size: 1.125rem; font-weight: 400; max-width: 600px; margin: 0 auto; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-welcome-text .epkb-highlight-text { color: #7B1FA2; font-weight: 700; background: linear-gradient(135deg, #F3E5F5 0%, #E1BEE7 100%); padding: 0.125rem 0.375rem; border-radius: 4px; white-space: nowrap; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-why-us-container { display: flex; justify-content: space-between; gap: 2rem; margin-top: 2rem; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-why-us-item { flex: 1; display: flex; align-items: center; gap: 0.75rem; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-why-us-icon { width: 40px; height: 40px; flex-shrink: 0; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-why-us-text { display: flex; flex-direction: column; gap: 0.25rem; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-why-us-number { font-size: 1.25rem; font-weight: 700; color: var(--gray-700); line-height: 1; } #epkb-dashboard-page-container .epkb-card--welcome .epkb-why-us-description { font-size: 0.875rem; color: var(--gray-700); line-height: 1.2; } #epkb-dashboard-page-container .epkb-card-article-list-container { grid-column: 1/2; grid-row: 2/3; display: flex; gap: 1.5rem; width: 100%; box-sizing: border-box; } #epkb-dashboard-page-container .epkb-card-article-list-container .epkb-card { flex: 1 1 0; margin: 0; min-width: 0; max-width: 100%; box-sizing: border-box; } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-most-viewed-header, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-most-viewed-header { margin-bottom: 1.5rem; } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-most-viewed-header h3, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-most-viewed-header h3 { margin: 0; font-size: 1.25rem; font-weight: 600; color: var(--gray-700); } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-most-viewed-list, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-most-viewed-list { display: flex; flex-direction: column; gap: 0.75rem; } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-article-item, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-article-item { display: flex; justify-content: space-between; align-items: center; background: #F8F9FA; border: 1px solid #E9ECEF; border-radius: var(--radius); padding: 0.75rem 1rem; min-height: 52px; width: 100%; box-sizing: border-box; } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-article-info, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-article-info { display: flex; align-items: center; gap: 0.75rem; flex: 1 1 auto; min-width: 0; max-width: calc(100% - 120px); } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-article-rank, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-article-rank { font-weight: 600; color: var(--gray-700); min-width: 1.5rem; } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-article-title, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-article-title { color: inherit; text-decoration: none; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-article-title:hover, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-article-title:hover { color: #1976D2; text-decoration: underline; } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-article-views, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-article-views { background: #E8F5E8; color: #388E3C; padding: 0.375rem 0.75rem; border-radius: calc(var(--radius) - 2px); font-size: 0.875rem; font-weight: 600; white-space: nowrap; box-shadow: 0 1px 3px rgba(0, 200, 83, 0.3); } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-article-date, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-article-date { background: #E8E8E8; color: #989898; padding: 0.375rem 0.75rem; border-radius: calc(var(--radius) - 2px); font-size: 0.575rem; font-weight: 600; white-space: nowrap; box-shadow: 0 1px 3px rgba(108, 117, 125, 0.3); } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-no-articles, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-no-articles { text-align: center; padding: 2rem 1rem; color: var(--gray-700); } #epkb-dashboard-page-container .epkb-card--most-viewed .epkb-no-articles p, #epkb-dashboard-page-container .epkb-card--recently-edited .epkb-no-articles p { margin: 0; font-style: italic; } #epkb-dashboard-page-container .epkb-upsell-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #epkb-dashboard-page-container .epkb-upsell-bg img { width: 100%; height: 100%; object-fit: fill; opacity: 0.8; } #epkb-dashboard-page-container .epkb-card--upsell { position: relative; overflow: hidden; padding: 0; } #epkb-dashboard-page-container .epkb-card--upsell .epkb-upsell-content { position: relative; z-index: 2; border-radius: var(--radius); padding: 24px; padding-bottom: 20px; height: 100%; min-height: 460px; display: flex; flex-direction: column; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } #epkb-dashboard-page-container .epkb-card--upsell .epkb-upsell-header { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px; margin-bottom: 15px; flex-wrap: nowrap; } #epkb-dashboard-page-container .epkb-card--upsell .epkb-upsell-header h3 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 700; color: #333333; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-card--upsell .epkb-upsell-header .epkb-addon-label { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: #FFFFFF; font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3); white-space: nowrap; } #epkb-dashboard-page-container .epkb-card--upsell .epkb-upsell-header .epkb-addon-title { font-weight: 700; color: #333333; } #epkb-dashboard-page-container .epkb-card--upsell .epkb-upsell-header .epkb-upsell-icon { background: linear-gradient(135deg, #FFD700 0%, #FFB300 100%); color: #8B4513; padding: 12px; font-size: 20px; border-radius: 50%; border: 2px solid #FFB300; box-shadow: 0 4px 12px rgba(255, 179, 0, 0.3); display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-right: 8px; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper { position: relative; margin: 10px 0 20px 0; overflow: hidden; height: 340px; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-addons-carousel { overflow: hidden; margin: 0; height: 100%; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-addons-carousel-track { display: flex; transition: transform 0.3s ease; gap: 20px; height: 100%; align-items: center; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-item { flex: 0 0 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-item img { width: 100%; max-width: 408px; height: 264px; object-fit: cover; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); margin-bottom: 12px; transition: transform 0.2s ease, box-shadow 0.2s ease; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-item img:hover { transform: translateY(-3px); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18); } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-item .epkb-btn-upgrade-pro { margin: 0 !important; padding: 6px 12px !important; font-size: 12px !important; white-space: nowrap; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-item .epkb-btn-upgrade-pro .epkbfa { margin-right: 4px; font-size: 11px; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-nav { position: absolute; top: 45%; transform: translateY(-50%); background: #FFFFFF; border: 1px solid #D1D5DB; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; transition: all 0.2s ease; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-nav:hover { background: #F9FAFB; border-color: #9CA3AF; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12); } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-nav.epkb-carousel-prev { left: 3px; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-nav.epkb-carousel-next { right: 3px; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-nav span { font-size: 14px; color: #4B5563; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-nav:disabled { opacity: 0.4; cursor: not-allowed; box-shadow: none; } #epkb-dashboard-page-container .epkb-addons-carousel-wrapper .epkb-carousel-nav:disabled:hover { background: #FFFFFF; border-color: #D1D5DB; box-shadow: none; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-content { display: flex; gap: 2rem; align-items: center; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-text { flex: 1; text-align: left; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-heading { margin-bottom: 1rem; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-heading h2 { margin: 0; font-size: 1.5rem; font-weight: 700; color: #333333; line-height: 1.3; display: flex; align-items: center; gap: 8px; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-heading .epkb-magic-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: linear-gradient(135deg, #667EEA 0%, #764BA2 25%, #F093FB 50%, #F5576C 75%, #4FACFE 100%); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-heading .epkb-magic-icon i { font-size: 16px; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-heading .epkb-ai-addon-text { background: linear-gradient(135deg, #667EEA 0%, #764BA2 25%, #F093FB 50%, #F5576C 75%, #4FACFE 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 800; text-shadow: none; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-description { margin-bottom: 1.5rem; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-description p { margin: 0; font-size: 1rem; line-height: 1.5; color: var(--gray-700); } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons { display: flex; gap: 1rem; flex-wrap: wrap; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons .epkb-btn.epkb-btn-primary-outline { background: linear-gradient(135deg, #667EEA 0%, #5A67D8 100%) !important; border: none !important; color: white !important; font-weight: 600; font-size: 16px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important; transition: all 0.3s ease; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons .epkb-btn.epkb-btn-primary-outline:hover { background: linear-gradient(135deg, #5A67D8 0%, #4C51BF 100%) !important; box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4) !important; transform: translateY(-2px); color: white !important; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons .epkb-btn.epkb-btn-primary-outline:focus { background: linear-gradient(135deg, #5A67D8 0%, #4C51BF 100%) !important; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3) !important; color: white !important; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons .epkb-btn.epkb-btn-primary-outline:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3) !important; background: linear-gradient(135deg, #5A67D8 0%, #4C51BF 100%) !important; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons .epkb-btn-ai-search { background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons .epkb-btn-ai-search:hover { background: linear-gradient(135deg, #059669 0%, #047857 100%) !important; box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4) !important; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons .epkb-btn-ai-search:focus { background: linear-gradient(135deg, #059669 0%, #047857 100%) !important; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3) !important; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-buttons .epkb-btn-ai-search:active { box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important; background: linear-gradient(135deg, #059669 0%, #047857 100%) !important; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-image { flex: 0 0 40%; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-image figure { margin: 0; } #epkb-dashboard-page-container .epkb-card--chatbot .epkb-chatbot-image figure img { width: 100%; height: auto; border-radius: var(--radius); } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-actions-header { margin-bottom: 1.5rem; } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-actions-header h3 { margin: 0; font-size: 1.25rem; font-weight: 600; color: var(--gray-700); } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-actions-list { display: flex; flex-direction: column; gap: 0.75rem; } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-action-item { display: flex; align-items: flex-start; gap: 1rem; padding: 1rem; background: #F8F9FA; border: 1px solid #E9ECEF; border-radius: var(--radius); text-decoration: none; color: inherit; transition: all 0.2s ease; } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-action-item:hover { background: #FFFFFF; border-color: #4FACFE; box-shadow: 0 2px 8px rgba(79, 172, 254, 0.15); transform: translateX(4px); } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-action-item:hover .epkb-quick-action-icon { background: linear-gradient(135deg, #4FACFE 0%, #00F2FE 100%); color: white; } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-action-item .epkb-quick-action-icon { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #E3F2FD; color: #1976D2; font-size: 18px; transition: all 0.2s ease; } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-action-item .epkb-quick-action-content { flex: 1; } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-action-item .epkb-quick-action-content h4 { margin: 0 0 0.25rem 0; font-size: 0.95rem; font-weight: 600; color: #333333; } #epkb-dashboard-page-container .epkb-card--quick-actions .epkb-quick-action-item .epkb-quick-action-content p { margin: 0; font-size: 0.85rem; color: var(--gray-700); line-height: 1.4; } #epkb-dashboard-page-container .epkb-card--whatsnew { background: #FFFFFF; border: 1px solid rgba(102, 126, 234, 0.1); box-shadow: 0 4px 20px rgba(102, 126, 234, 0.08); padding: 20px; position: relative; overflow: hidden; } #epkb-dashboard-page-container .epkb-card--whatsnew:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #667EEA 0%, #764BA2 50%, #F093FB 100%); } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-header { margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-header h3 { margin: 0; font-size: 18px; font-weight: 700; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: -0.3px; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list { list-style: none; margin: 0; padding: 0; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item { display: flex; align-items: flex-start; margin-bottom: 16px; padding: 12px; background: #FFFFFF; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.06); transition: all 0.3s ease; position: relative; overflow: hidden; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item:last-child { margin-bottom: 0; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item:hover { transform: translateX(5px); box-shadow: 0 3px 15px rgba(102, 126, 234, 0.15); border-color: rgba(102, 126, 234, 0.2); } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item:hover .epkb-whatsnew-content strong { color: #667EEA; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item:not(.epkb-whatsnew-item--new):before { content: "✓"; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: linear-gradient(135deg, #4ADE80 0%, #22C55E 100%); color: white; font-size: 12px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 2px 6px rgba(74, 222, 128, 0.3); } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item:not(.epkb-whatsnew-item--new) { padding-left: 40px; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item.epkb-whatsnew-item--new { background: #FFFFFF; border: 1px solid rgba(74, 222, 128, 0.2); } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item.epkb-whatsnew-item--new:hover { box-shadow: 0 3px 15px rgba(74, 222, 128, 0.25); border-color: rgba(74, 222, 128, 0.3); } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item .epkb-whatsnew-badge { background: linear-gradient(135deg, #4ADE80 0%, #22C55E 100%); color: #FFFFFF; font-size: 10px; font-weight: 800; padding: 4px 8px; border-radius: 20px; margin-right: 12px; margin-top: 2px; letter-spacing: 0.8px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(74, 222, 128, 0.4); animation: pulse-badge 2s infinite; position: relative; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item .epkb-whatsnew-badge:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: inherit; border-radius: inherit; opacity: 0.5; filter: blur(8px); z-index: -1; animation: pulse-glow 2s infinite; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item .epkb-whatsnew-content { flex: 1; line-height: 1.5; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item .epkb-whatsnew-content strong { display: block; font-size: 15px; font-weight: 600; color: #2C3E50; margin-bottom: 3px; transition: color 0.3s ease; } #epkb-dashboard-page-container .epkb-card--whatsnew .epkb-whatsnew-list .epkb-whatsnew-item .epkb-whatsnew-content span { font-size: 13px; color: #6C757D; display: block; line-height: 1.4; } @keyframes pulse-badge { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes pulse-glow { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.6; } } #epkb-dashboard-page-container .epkb-checklist { list-style: none; margin: 0 0 24px 0; padding: 0; color: #333333; } #epkb-dashboard-page-container .epkb-checklist li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.75rem; padding: 8px 12px; background: rgba(255, 255, 255, 0.6); border-radius: 6px; border-left: 3px solid var(--green); backdrop-filter: blur(5px); } #epkb-dashboard-page-container .epkb-checklist-icon { color: var(--green); font-size: 1rem; font-weight: 700; flex-shrink: 0; margin-top: 2px; } #epkb-dashboard-page-container .epkb-checklist-text { font-size: 0.95rem; line-height: 1.5; color: #333333; font-weight: 500; } #epkb-dashboard-page-container .epkb-quicklinks-row { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } #epkb-dashboard-page-container .epkb-ql-card { background: #FFFFFF; border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.25rem; display: flex; flex-direction: column; transition: transform 0.15s, box-shadow 0.15s; } #epkb-dashboard-page-container .epkb-ql-card:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); } #epkb-dashboard-page-container .epkb-ql-icon-container { width: 48px; height: 48px; margin-bottom: 1rem; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } #epkb-dashboard-page-container .epkb-ql-icon { font-size: 20px; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #epkb-dashboard-page-container .epkb-ql-card--documentation .epkb-ql-icon-container { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); } #epkb-dashboard-page-container .epkb-ql-card--beta .epkb-ql-icon-container { background: linear-gradient(135deg, #F093FB 0%, #F5576C 100%); } #epkb-dashboard-page-container .epkb-ql-card--help .epkb-ql-icon-container { background: linear-gradient(135deg, #4FACFE 0%, #00F2FE 100%); } #epkb-dashboard-page-container .epkb-ql-card--love .epkb-ql-icon-container { background: linear-gradient(135deg, #FD746C 0%, #FF9068 100%); } #epkb-dashboard-page-container .epkb-ql-card h3 { margin: 0 0 0.4rem; font-size: 1rem; } #epkb-dashboard-page-container .epkb-ql-card p { margin: 0 0 0.6rem; font-size: 0.85rem; color: var(--gray-700); } #epkb-dashboard-page-container .epkb-ql-card .epkb-action-text { margin-top: auto; font-weight: 600; font-size: 0.9rem; padding: 8px 16px; border-radius: 20px; text-align: center; color: white; background: var(--gray-600); transition: all 0.3s ease; } #epkb-dashboard-page-container .epkb-ql-card--documentation .epkb-action-text { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); } #epkb-dashboard-page-container .epkb-ql-card--beta .epkb-action-text { background: linear-gradient(135deg, #F093FB 0%, #F5576C 100%); } #epkb-dashboard-page-container .epkb-ql-card--help .epkb-action-text { background: linear-gradient(135deg, #4FACFE 0%, #00F2FE 100%); } #epkb-dashboard-page-container .epkb-ql-card--love .epkb-action-text { background: linear-gradient(135deg, #FD746C 0%, #FF9068 100%); } #epkb-dashboard-page-container .epkb-ql-card:hover .epkb-action-text { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } #epkb-dashboard-page-container .epkb-ql-card--split { cursor: default; } #epkb-dashboard-page-container .epkb-ql-card--split:hover { transform: none; box-shadow: var(--shadow); } #epkb-dashboard-page-container .epkb-ql-card--split .epkb-help-options { display: flex; gap: 0.75rem; margin-top: 1rem; } #epkb-dashboard-page-container .epkb-ql-card--split .epkb-help-options .epkb-btn { flex: 1; padding: 0.75rem 1rem; border-radius: 8px; font-size: 0.85rem; font-weight: 600; text-align: center; display: flex; align-items: center; justify-content: center; gap: 0.5rem; transition: all 0.3s ease; text-decoration: none; border: 2px solid transparent; } #epkb-dashboard-page-container .epkb-ql-card--split .epkb-help-options .epkb-btn .dashicons { font-size: 18px; width: 18px; height: 18px; line-height: 18px; } #epkb-dashboard-page-container .epkb-ql-card--split .epkb-help-options .epkb-btn.epkb-btn-ai-help { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: white; } #epkb-dashboard-page-container .epkb-ql-card--split .epkb-help-options .epkb-btn.epkb-btn-ai-help:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); } #epkb-dashboard-page-container .epkb-ql-card--split .epkb-help-options .epkb-btn.epkb-btn-ai-help .epkb-beta-tag { background: #FF3333; color: white; font-size: 9px; padding: 2px 5px; border-radius: 3px; margin-left: 0.25rem; font-weight: bold; text-transform: uppercase; } #epkb-dashboard-page-container .epkb-ql-card--split .epkb-help-options .epkb-btn.epkb-btn-human-support { background: white; color: #495057; border-color: #CED4DA; } #epkb-dashboard-page-container .epkb-ql-card--split .epkb-help-options .epkb-btn.epkb-btn-human-support:hover { background: #F8F9FA; border-color: #667EEA; color: #667EEA; } @media (min-width: 1921px) { #epkb-dashboard-page-container { max-width: 2000px; } } @media (max-width: 1540px) { #epkb-dashboard-page-container .epkb-marketing-row { width: 100%; } #epkb-dashboard-page-container .epkb-card-article-list-container { flex-direction: column; } } @media (max-width: 1370px) { #epkb-dashboard-page-container { margin-left: 0; width: calc(100% - 20px); } .epkb-kpi-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } @media (max-width: 1024px) { #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-grid { grid-template-columns: 1fr; gap: 1.25rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header h2 { font-size: 1.75rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header .epkb-features-tagline { font-size: 1rem; } .epkb-kpi-actions-container .epkb-kpi-actions-buttons { flex-direction: column; gap: 0.75rem; align-items: stretch; } .epkb-kpi-actions-container .epkb-kpi-actions-buttons .epkb-btn { width: 100%; text-align: center; } .epkb-card-article-list-container { flex-direction: column; gap: 1rem; } .epkb-marketing-row { flex-direction: column; gap: 1.5rem; } .epkb-marketing-row .epkb-main-content, .epkb-marketing-row .epkb-sidebar { flex: 1 1 100%; } .epkb-quicklinks-row { grid-template-columns: repeat(2, 1fr); } .epkb-chatbot-content { gap: 1.5rem; } .epkb-chatbot-image { flex: 0 0 35%; } } @media (max-width: 768px) { #epkb-dashboard-page-container { padding: 1rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-content { padding: 2rem 1.5rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header { margin-bottom: 2rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header h2 { font-size: 1.5rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header .epkb-features-tagline { font-size: 0.95rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-item { padding: 1.5rem 1.25rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-icon-container { width: 60px; height: 60px; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-icon-container i { font-size: 1.75rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-cta { flex-direction: column; gap: 1rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-cta .epkb-btn-features-primary, #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-cta .epkb-btn-features-secondary { width: 100%; text-align: center; justify-content: center; } .epkb-kpi-actions-container { margin-bottom: 1.5rem; } .epkb-kpi-actions-container .epkb-kpi-actions-buttons .epkb-btn { padding: 12px 16px; font-size: 14px; } .epkb-kpi-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .epkb-kpi-card { padding: 0.875rem 1rem; gap: 1rem; } .epkb-kpi-card .epkb-kpi-icon-container { width: 40px; height: 40px; } .epkb-kpi-card .epkb-kpi-value { font-size: 1.25rem; } .epkb-kpi-card .epkb-kpi-label { font-size: 0.8rem; } .epkb-card--welcome { padding: 1.5rem 1rem; } .epkb-card--welcome .epkb-welcome-text h2 { font-size: 1.5rem; margin-bottom: 0.75rem; } .epkb-card--welcome .epkb-welcome-text p { font-size: 0.95rem; } .epkb-why-us-container { flex-direction: column; gap: 1rem; } .epkb-why-us-container .epkb-why-us-item { align-items: center; text-align: center; } .epkb-why-us-container .epkb-why-us-icon { width: 40px; height: 40px; } .epkb-card--most-viewed, .epkb-card--recently-edited { padding: 1rem; } .epkb-card--most-viewed h3, .epkb-card--recently-edited h3 { font-size: 1rem; } .epkb-article-item { padding: 0.75rem 0; } .epkb-article-item .epkb-article-title { font-size: 0.9rem; } .epkb-article-item .epkb-article-views, .epkb-article-item .epkb-article-date { font-size: 0.8rem; } .epkb-chatbot-content { flex-direction: column; gap: 1.5rem; text-align: center; } .epkb-chatbot-text { text-align: center; } .epkb-chatbot-heading h2 { font-size: 1.25rem; justify-content: center; } .epkb-chatbot-image { flex: 1 1 auto; max-width: 300px; margin: 0 auto; } .epkb-chatbot-buttons { justify-content: center; } .epkb-card--upsell, .epkb-card--whatsnew { padding: 1.5rem 1rem; } .epkb-card--upsell h3, .epkb-card--whatsnew h3 { font-size: 1.1rem; } .epkb-card--upsell .epkb-checklist-text, .epkb-card--whatsnew .epkb-checklist-text { font-size: 0.9rem; } .epkb-btn-upgrade-pro { font-size: 1rem; padding: 14px 32px; } .epkb-quicklinks-row { grid-template-columns: 1fr; gap: 1rem; } .epkb-ql-card { padding: 1rem; text-align: center; } .epkb-ql-card h3 { font-size: 1rem; } .epkb-ql-card p { font-size: 0.85rem; } } @media (max-width: 480px) { #epkb-dashboard-page-container { padding: 0.75rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-content { padding: 1.5rem 1rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header { margin-bottom: 1.5rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header .epkb-features-badge { font-size: 0.75rem; padding: 0.4rem 1rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header h2 { font-size: 1.25rem; margin-bottom: 0.75rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-showcase-header .epkb-features-tagline { font-size: 0.875rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-features-grid { gap: 1rem; margin-bottom: 1.5rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-item { padding: 1.25rem 1rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-icon-container { width: 50px; height: 50px; margin-bottom: 1rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-icon-container i { font-size: 1.5rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-content h3 { font-size: 1.1rem; margin-bottom: 0.75rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-content p { font-size: 0.875rem; margin-bottom: 1rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-feature-link { font-size: 0.875rem; } #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-primary, #epkb-dashboard-page-container .epkb-card--features-showcase .epkb-btn-features-secondary { font-size: 1rem; padding: 0.875rem 1.5rem; } .epkb-kpi-grid { grid-template-columns: 1fr; gap: 0.75rem; } .epkb-kpi-card { padding: 0.75rem; gap: 0.875rem; } .epkb-kpi-card .epkb-kpi-icon-container { width: 36px; height: 36px; } .epkb-kpi-card .epkb-kpi-value { font-size: 1.1rem; } .epkb-kpi-card .epkb-kpi-label { font-size: 0.75rem; } .epkb-card--welcome { padding: 1rem 0.75rem; } .epkb-card--welcome .epkb-welcome-text h2 { font-size: 1.25rem; line-height: 1.4; } .epkb-card--welcome .epkb-welcome-text p { font-size: 0.9rem; } .epkb-why-us-container { gap: 0.75rem; } .epkb-why-us-container .epkb-why-us-text .epkb-why-us-number { font-size: 1rem; } .epkb-why-us-container .epkb-why-us-text .epkb-why-us-description { font-size: 0.8rem; } .epkb-card--most-viewed, .epkb-card--recently-edited { padding: 0.75rem; } .epkb-card--most-viewed h3, .epkb-card--recently-edited h3 { font-size: 0.95rem; margin-bottom: 0.75rem; } .epkb-article-item { padding: 0.5rem 0; } .epkb-article-item .epkb-article-rank { min-width: 20px; font-size: 0.8rem; } .epkb-article-item .epkb-article-title { font-size: 0.85rem; line-height: 1.4; } .epkb-article-item .epkb-article-views, .epkb-article-item .epkb-article-date { font-size: 0.75rem; } .epkb-chatbot-heading .epkb-magic-icon { width: 28px; height: 28px; } .epkb-chatbot-heading .epkb-magic-icon i { font-size: 14px; } .epkb-chatbot-heading h2 { font-size: 1.1rem; gap: 6px; } .epkb-chatbot-description p { font-size: 0.9rem; } .epkb-card--upsell, .epkb-card--whatsnew { padding: 1rem 0.75rem; } .epkb-card--upsell h3, .epkb-card--whatsnew h3 { font-size: 1rem; } .epkb-card--upsell .epkb-checklist, .epkb-card--whatsnew .epkb-checklist { gap: 0.75rem; } .epkb-card--upsell .epkb-checklist-text, .epkb-card--whatsnew .epkb-checklist-text { font-size: 0.85rem; } .epkb-btn-upgrade-pro { font-size: 0.9rem; padding: 12px 24px; letter-spacing: 0.3px; } .epkb-ql-card { padding: 0.75rem; } .epkb-ql-card .epkb-ql-icon-container { width: 40px; height: 40px; margin-bottom: 0.75rem; } .epkb-ql-card .epkb-ql-icon { font-size: 18px; } .epkb-ql-card h3 { font-size: 0.95rem; margin-bottom: 0.5rem; } .epkb-ql-card p { font-size: 0.8rem; margin-bottom: 0.75rem; } .epkb-ql-card .epkb-action-text { font-size: 0.8rem; padding: 6px 12px; } } .epkb-card--vote-features { background: #FFFFFF; border-radius: 12px; padding: 25px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); margin-top: 20px; } .epkb-card--vote-features .epkb-vote-header { display: flex; align-items: center; gap: 12px !important; margin-bottom: 20px !important; padding-bottom: 15px !important; border-bottom: 2px solid #F0F0F0; } .epkb-card--vote-features .epkb-vote-header .epkb-vote-icon { font-size: 24px; color: #4F46E5; } .epkb-card--vote-features .epkb-vote-header h3 { margin: 0 !important; font-size: 18px; font-weight: 600; color: #2C3E50; } .epkb-card--vote-features .epkb-vote-content p { margin: 0 0 20px 0 !important; color: #666666; font-size: 14px; } .epkb-card--vote-features .epkb-btn-vote-open { background: #4F46E5; color: white; border: none; padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; gap: 8px; width: 100%; justify-content: center; } .epkb-card--vote-features .epkb-btn-vote-open:hover { background: #3730A3; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3); } .epkb-vote-features-dialog { z-index: 10000; } .epkb-vote-features-dialog .ui-dialog-content { padding: 25px !important; max-height: 70vh; overflow-y: auto; } .epkb-vote-features-dialog .ui-dialog-titlebar { background: #4F46E5; color: white; border: none; padding: 15px 20px; } .epkb-vote-features-dialog .ui-dialog-title { font-size: 18px; font-weight: 600; } .epkb-vote-features-dialog .ui-dialog-titlebar-close { background: none; border: none; color: white; opacity: 0.8; } .epkb-vote-features-dialog .ui-dialog-titlebar-close:hover { opacity: 1; } .epkb-vote-features-dialog .ui-dialog-buttonpane { padding: 15px 20px; border-top: 1px solid #E0E0E0; } .epkb-vote-features-dialog .ui-dialog-buttonset { display: flex; } .epkb-vote-features-dialog .ui-dialog-buttonset button { display: flex; align-items: center; vertical-align: middle; margin-left: 10px; padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .epkb-vote-features-dialog .epkb-btn-vote-submit-dialog { background: #4F46E5; color: white; border: none; } .epkb-vote-features-dialog .epkb-btn-vote-submit-dialog:hover:not(:disabled) { background: #3730A3; box-shadow: 0 2px 8px rgba(79, 70, 229, 0.3); } .epkb-vote-features-dialog .epkb-btn-vote-submit-dialog:disabled { opacity: 0.6; cursor: not-allowed; } .epkb-vote-dialog-intro { margin: 0 0 20px 0; color: #666666; font-size: 15px; } .epkb-vote-features-list { margin-bottom: 20px; } .epkb-vote-feature-item { display: block; margin-bottom: 12px; cursor: pointer; user-select: none; } .epkb-vote-feature-item input[type=checkbox] { position: absolute; opacity: 0; } .epkb-vote-feature-item:hover .epkb-vote-feature-label { background: #F0F0F0; border-color: #4F46E5; } .epkb-vote-feature-item input[type=checkbox]:checked + .epkb-vote-feature-label { background: #F0F0FF; border-color: #4F46E5; } .epkb-vote-feature-item input[type=checkbox]:checked + .epkb-vote-feature-label .epkb-vote-checkbox-icon { background: #4F46E5; border-color: #4F46E5; } .epkb-vote-feature-item input[type=checkbox]:checked + .epkb-vote-feature-label .epkb-vote-checkbox-icon::after { content: ""; position: absolute; left: 5px; top: 2px; width: 6px; height: 11px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .epkb-vote-feature-label { display: flex; align-items: center; gap: 10px; padding: 12px; background: #F8F9FA; border: 2px solid #E0E0E0; border-radius: 8px; transition: all 0.2s ease; } .epkb-vote-checkbox-icon { display: inline-block; width: 20px; height: 20px; border: 2px solid #CBD5E0; border-radius: 4px; position: relative; flex-shrink: 0; transition: all 0.2s ease; } .epkb-vote-feature-text { font-size: 14px; color: #2C3E50; font-weight: 500; } .epkb-vote-feature-released { cursor: default; pointer-events: none; opacity: 0.75; } .epkb-vote-feature-released .epkb-vote-feature-label { background: #F0FDF4; border-color: #86EFAC; } .epkb-vote-feature-released-tag { margin-left: auto; padding: 3px 10px; background: #10B981; color: white; border-radius: 4px; font-size: 12px; font-weight: 600; } .epkb-vote-other-input { margin: 10px 0 20px 32px; } .epkb-vote-other-input textarea { width: 100%; padding: 10px; border: 1px solid #E0E0E0; border-radius: 6px; font-size: 14px; resize: vertical; } .epkb-vote-user-info { display: flex; gap: 15px; margin-bottom: 20px; } .epkb-vote-user-info .epkb-vote-field { flex: 1; } .epkb-vote-user-info .epkb-vote-field label { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 500; color: #666666; } .epkb-vote-user-info .epkb-vote-field label .required { color: #E74C3C; } .epkb-vote-user-info .epkb-vote-field input { width: 100%; padding: 8px 12px; border: 1px solid #E0E0E0; border-radius: 6px; font-size: 14px; } .epkb-vote-user-info .epkb-vote-field input:focus { border-color: #4F46E5; outline: none; } .epkb-vote-message { margin-top: 15px; padding: 12px; border-radius: 6px; text-align: center; font-size: 14px; } .epkb-vote-message.epkb-vote-success { background: #D4EDDA; color: #155724; border: 1px solid #C3E6CB; } .epkb-vote-message.epkb-vote-error { background: #F8D7DA; color: #721C24; border: 1px solid #F5C6CB; } .epkb-icon-spin { animation: spin 1s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .epkb-carousel-item img, .epkb-carousel-item h4 { cursor: pointer; transition: opacity 0.2s ease; } .epkb-carousel-item img:hover { opacity: 0.9; } .epkb-carousel-item h4:hover { color: #0073AA; } .epkb-addon-dialog { z-index: 10000; } .epkb-addon-dialog .ui-dialog-content { padding: 30px !important; max-height: 70vh; overflow-y: auto; } .epkb-addon-dialog-content { display: flex; flex-direction: column; gap: 25px; } .epkb-addon-dialog-image { text-align: center; } .epkb-addon-dialog-image img { width: 100%; max-width: 600px; height: auto; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .epkb-addon-dialog-text h3 { margin: 0 0 15px 0; font-size: 24px; font-weight: 600; color: #2C3E50; } .epkb-addon-dialog-text .epkb-addon-note { color: #666666; font-style: italic; margin: 0 0 15px 0; font-size: 15px; } .epkb-addon-dialog-text .epkb-addon-desc { margin: 0 0 25px 0; line-height: 1.7; font-size: 15px; color: #4A5568; } .epkb-addon-dialog .epkb-primary-btn { display: inline-block; padding: 12px 30px; background: #0073AA; color: #FFFFFF; text-decoration: none; border-radius: 5px; transition: background 0.2s ease; font-size: 15px; font-weight: 500; } .epkb-addon-dialog .epkb-primary-btn:hover { background: #005A87; box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3); } @media (max-width: 360px) { #epkb-dashboard-page-container { padding: 0.5rem; } .epkb-kpi-actions-buttons .epkb-btn { padding: 10px 12px; font-size: 13px; } .epkb-welcome-text h2 { font-size: 1.1rem; } .epkb-chatbot-heading h2 { font-size: 1rem; flex-direction: column; gap: 0.5rem; align-items: center; } .epkb-ql-card { padding: 0.5rem; } .epkb-ql-card h3 { font-size: 0.9rem; } .epkb-ql-card p { font-size: 0.75rem; } } .epkb-image-zoom-modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; } .epkb-image-zoom-modal.epkb-modal-active { display: flex; } .epkb-image-zoom-modal .epkb-image-zoom-content { max-width: 90%; max-height: 90vh; object-fit: contain; animation: zoom-in 0.3s ease; } .epkb-image-zoom-modal .epkb-image-zoom-close { position: absolute; top: 20px; right: 40px; color: #F1F1F1; font-size: 50px; font-weight: bold; transition: 0.3s; cursor: pointer; z-index: 100000; } .epkb-image-zoom-modal .epkb-image-zoom-close:hover, .epkb-image-zoom-modal .epkb-image-zoom-close:focus { color: #BBBBBB; text-decoration: none; cursor: pointer; } @keyframes zoom-in { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } /** * Help Resources Page Styles */ .epkb-admin__header__help-button { margin-left: 20px; } .epkb-admin__header__help-button .epkb-help-resources__header-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: #FFFFFF; text-decoration: none; border-radius: 6px; font-size: 14px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3); white-space: nowrap; } .epkb-admin__header__help-button .epkb-help-resources__header-button:hover { background: linear-gradient(135deg, #5568D3 0%, #6A3F8F 100%); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); transform: translateY(-1px); color: #FFFFFF; } .epkb-admin__header__help-button .epkb-help-resources__header-button:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3); } .epkb-admin__header__help-button .epkb-help-resources__header-button .epkb-help-resources__button-icon { font-size: 16px; } .epkb-admin__header__help-button .epkb-help-resources__header-button .epkb-help-resources__button-text { line-height: 1; } .epkb-ai-page__help-button-container { position: absolute; top: 20px; right: 35px; z-index: 100; } .epkb-ai-page__help-button-container .epkb-help-resources__header-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: #FFFFFF; text-decoration: none; border-radius: 6px; font-size: 14px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3); white-space: nowrap; } .epkb-ai-page__help-button-container .epkb-help-resources__header-button:hover { background: linear-gradient(135deg, #5568D3 0%, #6A3F8F 100%); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); transform: translateY(-1px); color: #FFFFFF; } .epkb-ai-page__help-button-container .epkb-help-resources__header-button:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3); } .epkb-ai-page__help-button-container .epkb-help-resources__header-button .epkb-help-resources__button-icon { font-size: 16px; } .epkb-ai-page__help-button-container .epkb-help-resources__header-button .epkb-help-resources__button-text { line-height: 1; } .epkb-help-resources-page-wrap { background: #F9FBFF; } .epkb-help-resources-container { max-width: 1600px; margin: 0 auto; padding: 30px 35px; } .epkb-help-resources__title-section { text-align: center; margin-bottom: 40px; } .epkb-help-resources__title-section .epkb-help-resources__title { font-size: 32px; font-weight: 700; color: #2C3E50; margin: 0 0 10px 0; } .epkb-help-resources__title-section .epkb-help-resources__subtitle { font-size: 16px; color: #6C757D; margin: 0; } .epkb-help-resources__columns { display: grid; grid-template-columns: 60% 40%; gap: 30px; margin-bottom: 40px; } @media (max-width: 1200px) { .epkb-help-resources__columns { grid-template-columns: 1fr; } } .epkb-help-resources__column { background: #FFFFFF; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); overflow: hidden; } .epkb-help-resources__column-header { display: flex; align-items: center; gap: 12px; padding: 20px 25px; background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%); border-bottom: 2px solid #DEE2E6; } .epkb-help-resources__column-header h2 { margin: 0; font-size: 20px; font-weight: 600; color: #2C3E50; } .epkb-help-resources__column-header .epkb-help-resources__column-icon { font-size: 24px; color: #667EEA; } .epkb-help-resources__column-content { padding: 25px; min-height: 400px; } .epkb-help-resources__column--ai-search .epkb-help-resources__column-content { padding: 0; } .epkb-help-resources__column--ai-search .epkb-help-resources__column-content .epkb-ai-sr-shortcode { border: none; box-shadow: none; border-radius: 0; } .epkb-help-resources__column--ai-search .epkb-help-resources__column-content .epkb-ai-sr-shortcode__form { padding: 25px; } .epkb-help-resources__column--ai-search .epkb-help-resources__column-content .epkb-ai-sr-shortcode__results { padding: 0 25px 25px; } .epkb-help-resources__placeholder { text-align: center; padding: 60px 30px; } .epkb-help-resources__placeholder .epkb-help-resources__placeholder-icon { font-size: 64px; color: #DEE2E6; margin-bottom: 20px; display: block; } .epkb-help-resources__placeholder h3 { font-size: 20px; font-weight: 600; color: #495057; margin: 0 0 10px 0; } .epkb-help-resources__placeholder p { font-size: 14px; color: #6C757D; margin: 0 0 25px 0; line-height: 1.6; } .epkb-help-resources__placeholder .epkb-btn { display: inline-block; padding: 12px 24px; background: #667EEA; color: #FFFFFF; text-decoration: none; border-radius: 6px; font-weight: 600; transition: all 0.3s ease; } .epkb-help-resources__placeholder .epkb-btn:hover { background: #5568D3; color: #FFFFFF; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3); } .epkb-help-resources__videos-grid { display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width: 1400px) { .epkb-help-resources__videos-grid { grid-template-columns: repeat(2, 1fr); } } .epkb-help-resources__video-item { display: flex; flex-direction: column; gap: 12px; padding: 15px; background: #F8F9FA; border-radius: 8px; transition: all 0.3s ease; } .epkb-help-resources__video-item:hover { background: #E9ECEF; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .epkb-help-resources__video-thumbnail { width: 100%; aspect-ratio: 16/9; border-radius: 6px; overflow: hidden; background: #DEE2E6; } .epkb-help-resources__video-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: #FFFFFF; font-size: 48px; cursor: pointer; transition: all 0.3s ease; } .epkb-help-resources__video-placeholder:hover { background: linear-gradient(135deg, #5568D3 0%, #6A3F8F 100%); transform: scale(1.05); } .epkb-help-resources__video-info .epkb-help-resources__video-title { font-size: 14px; font-weight: 600; color: #2C3E50; margin: 0 0 6px 0; line-height: 1.4; } .epkb-help-resources__video-info .epkb-help-resources__video-description { font-size: 12px; color: #6C757D; margin: 0; line-height: 1.5; } .epkb-help-resources__footer { text-align: center; padding: 30px 0; border-top: 2px solid #E9ECEF; } .epkb-help-resources__doc-link { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: #FFFFFF; color: #2C3E50; text-decoration: none; border: 2px solid #667EEA; border-radius: 8px; font-size: 16px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .epkb-help-resources__doc-link:hover { background: #667EEA; color: #FFFFFF; transform: translateY(-2px); box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3); } .epkb-help-resources__doc-link .epkbfa { font-size: 18px; } .epkb-setup-steps { background: #FFFFFF; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); margin-bottom: 30px; overflow: hidden; } .epkb-setup-steps__header { display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: #FFFFFF; flex-wrap: wrap; gap: 15px; } .epkb-setup-steps__header-left { display: flex; align-items: center; gap: 12px; } .epkb-setup-steps__header-text { display: flex; flex-direction: column; gap: 4px; } .epkb-setup-steps__icon { font-size: 28px; opacity: 0.95; } .epkb-setup-steps__title { margin: 0; font-size: 20px; font-weight: 600; color: #FFFFFF; line-height: 1.2; } .epkb-setup-steps__repeat-note { font-size: 12px; color: rgba(255, 255, 255, 0.85); font-weight: 400; } .epkb-setup-steps__category-trail { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; } .epkb-setup-steps__category { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; text-transform: capitalize; line-height: 1.2; } .epkb-setup-steps__category--active { background: linear-gradient(90deg, #FBBF24 0%, #F59E0B 100%); color: #78350F; box-shadow: 0 1px 3px rgba(251, 191, 36, 0.3); } .epkb-setup-steps__category--inactive { background: #E5E7EB; color: #4B5563; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); } .epkb-setup-steps__category-sep { color: #D1D5DB; font-weight: 600; } .epkb-setup-steps__header-right { display: flex; align-items: center; } .epkb-setup-steps__progress { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; min-width: 320px; background: rgba(255, 255, 255, 0.15); padding: 12px 16px; border-radius: 10px; } .epkb-setup-steps__progress-text { display: flex; align-items: baseline; gap: 4px; font-size: 15px; color: #FFFFFF; } .epkb-setup-steps__progress-count { font-size: 28px; font-weight: 700; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .epkb-setup-steps__progress-separator { font-weight: 400; opacity: 0.7; font-size: 18px; } .epkb-setup-steps__progress-total { font-weight: 600; font-size: 18px; } .epkb-setup-steps__progress-label { font-size: 13px; opacity: 0.9; margin-left: 6px; font-weight: 500; } .epkb-setup-steps__progress-bar { width: 100%; height: 12px; background: linear-gradient(90deg, #FBBF24 0%, #F59E0B 100%); border-radius: 6px; overflow: hidden; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 0 8px rgba(251, 191, 36, 0.3); } .epkb-setup-steps__progress-fill { height: 100%; background: linear-gradient(90deg, #4ADE80 0%, #22C55E 100%); border-radius: 6px; transition: width 0.5s ease; min-width: 0; box-shadow: 0 1px 3px rgba(34, 197, 94, 0.4); } .epkb-setup-steps__item--new { animation: stepReveal 0.8s ease-out; position: relative; } .epkb-setup-steps__item--new .epkb-setup-steps__explore-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%); color: #78350F; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 12px; margin-left: 10px; animation: glowPulseYellow 2s ease-in-out infinite; box-shadow: 0 0 10px rgba(251, 191, 36, 0.5), 0 0 20px rgba(245, 158, 11, 0.3); } .epkb-setup-steps__item--new .epkb-setup-steps__explore-tag .epkbfa { font-size: 10px; } .epkb-setup-steps__later-tag { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; background: #FFF8E1; color: #F57C00; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; border-radius: 10px; border: 1px solid #FFE082; margin-left: 8px; vertical-align: middle; } .epkb-setup-steps__later-tag .epkbfa { font-size: 10px; } @keyframes stepReveal { 0% { opacity: 0; transform: translateY(20px) scale(0.95); filter: blur(4px); } 50% { opacity: 0.7; filter: blur(1px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } @keyframes glowPulse { 0%, 100% { box-shadow: 0 0 10px rgba(102, 126, 234, 0.5), 0 0 20px rgba(118, 75, 162, 0.3); } 50% { box-shadow: 0 0 15px rgba(102, 126, 234, 0.8), 0 0 30px rgba(118, 75, 162, 0.5), 0 0 40px rgba(102, 126, 234, 0.3); } } @keyframes glowPulseYellow { 0%, 100% { box-shadow: 0 0 10px rgba(251, 191, 36, 0.5), 0 0 20px rgba(245, 158, 11, 0.3); } 50% { box-shadow: 0 0 18px rgba(251, 191, 36, 0.9), 0 0 35px rgba(245, 158, 11, 0.6), 0 0 50px rgba(251, 191, 36, 0.3); } } .epkb-setup-steps__item--celebrating { position: relative; overflow: visible; } .epkb-setup-steps__item--celebrating::before { content: ""; position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(74, 222, 128, 0.3) 0%, transparent 70%); animation: celebratePulse 0.6s ease-out forwards; pointer-events: none; z-index: -1; } @keyframes celebratePulse { 0% { transform: translate(-50%, -50%) scale(0); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0; } } .epkb-confetti-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 99999; overflow: hidden; } .epkb-confetti { position: absolute; width: 10px; height: 10px; opacity: 0; animation: confettiFall 1.5s ease-out forwards; } .epkb-confetti--circle { border-radius: 50%; } .epkb-confetti--square { border-radius: 2px; } .epkb-confetti--star { clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); } @keyframes confettiFall { 0% { opacity: 1; transform: translateY(0) translateX(0) rotate(0deg) scale(1); } 30% { opacity: 1; transform: translateY(-120px) translateX(calc(var(--spread, 0px) * 0.5)) rotate(200deg) scale(1.1); } 60% { opacity: 0.9; transform: translateY(-80px) translateX(calc(var(--spread, 0px) * 0.8)) rotate(400deg) scale(0.9); } 100% { opacity: 0; transform: translateY(50px) translateX(var(--spread, 0px)) rotate(720deg) scale(0.3); } } .epkb-setup-steps__motivation { display: flex; align-items: center; gap: 12px; padding: 16px 25px; background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CD 100%); border-top: 1px solid #F0E6C8; } .epkb-setup-steps__motivation .epkbfa { font-size: 20px; color: #856404; } .epkb-setup-steps__motivation p { margin: 0; font-size: 13px; color: #856404; line-height: 1.5; } .epkb-setup-steps__list { column-count: 2; column-gap: 0; padding: 0; } .epkb-setup-steps__item { display: flex; align-items: flex-start; gap: 15px; padding: 20px 25px; border-bottom: 1px solid #E9ECEF; transition: background-color 0.2s ease; break-inside: avoid; } .epkb-setup-steps__item:hover { background-color: #F8F9FA; } .epkb-setup-steps__item--completing { opacity: 0.5; transform: scale(0.98); } .epkb-setup-steps__item--completed { background-color: #F8FFF8; } .epkb-setup-steps__item--completed .epkb-setup-steps__item-title { color: #6C757D; } .epkb-setup-steps__item--completed .epkb-setup-steps__item-description { color: #ADB5BD; } .epkb-setup-steps__item[data-category=basic] { border-left: 3px solid #22C55E; } .epkb-setup-steps__item[data-category=advanced] { border-left: 3px solid #F59E0B; } .epkb-setup-steps__celebration { column-span: all; padding: 40px 30px; text-align: center; background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 50%, #FBBF24 100%); border-radius: 12px; margin: 20px 15px; position: relative; overflow: hidden; } .epkb-setup-steps__celebration::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 60%); animation: celebration-shimmer 3s ease-in-out infinite; } .epkb-setup-steps__celebration-content { position: relative; z-index: 1; } .epkb-setup-steps__celebration-icon { font-size: 48px; color: #B45309; margin-bottom: 15px; display: block; animation: trophy-bounce 2s ease-in-out infinite; } .epkb-setup-steps__celebration h3 { font-size: 24px; font-weight: 700; color: #78350F; margin: 0 0 10px; } .epkb-setup-steps__celebration p { font-size: 15px; color: #92400E; margin: 0; max-width: 500px; margin: 0 auto; } @keyframes celebration-shimmer { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } } @keyframes trophy-bounce { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-8px) scale(1.1); } } .epkb-setup-steps__teaser { column-span: all; display: flex; align-items: center; gap: 12px; padding: 15px 20px; background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); border: 1px solid #93C5FD; border-radius: 8px; margin: 15px; } .epkb-setup-steps__teaser .epkbfa { font-size: 20px; color: #2563EB; } .epkb-setup-steps__teaser p { margin: 0; font-size: 14px; color: #1E40AF; } .epkb-fireworks-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 99999; } .epkb-firework { position: absolute; border-radius: 50%; animation: firework-burst 1s ease-out forwards; } @keyframes firework-burst { 0% { opacity: 1; transform: translate(0, 0) scale(1); } 100% { opacity: 0; transform: translate(var(--spread), -200px) scale(0); } } .epkb-setup-steps__item-content { display: flex; flex-direction: column; flex: 1; } .epkb-setup-steps__item-number { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; background: #46B450; color: #FFFFFF; border-radius: 50%; font-size: 14px; font-weight: 600; flex-shrink: 0; } .epkb-setup-steps__item-check, .epkb-setup-steps__item-question { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; font-size: 24px; flex-shrink: 0; } .epkb-setup-steps__item-check { color: #28A745; } .epkb-setup-steps__item-question { color: #F59E0B; } .epkb-setup-steps__item-title { margin: 0 0 6px 0; font-size: 15px; font-weight: 600; color: #2C3E50; } .epkb-setup-steps__item-description { margin: 0 0 12px 0; font-size: 13px; color: #6C757D; line-height: 1.5; } .epkb-setup-steps__item-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .epkb-setup-steps__btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 500; text-decoration: none; border-radius: 6px; border: none; cursor: pointer; transition: all 0.2s ease; } .epkb-setup-steps__btn .epkbfa { font-size: 14px; } .epkb-setup-steps__btn--show-me { background: #E8F4FD; color: #0073AA; border: 1px solid #C5DFF0; } .epkb-setup-steps__btn--show-me:hover { background: #D4EBFC; color: #005A87; transform: translateY(-1px); } .epkb-setup-steps__btn--learn-more { background: #F8F9FA; color: #495057; border: 1px solid #DEE2E6; } .epkb-setup-steps__btn--learn-more:hover { background: #E9ECEF; color: #2C3E50; transform: translateY(-1px); } .epkb-setup-steps__btn--later { background: #FFF8E1; color: #F57C00; border: 1px solid #FFE082; } .epkb-setup-steps__btn--later:hover { background: #FFECB3; border-color: #FFD54F; color: #E65100; transform: translateY(-1px); } .epkb-setup-steps__btn--later:disabled, .epkb-setup-steps__btn--later.epkb-loading { opacity: 0.7; cursor: not-allowed; transform: none; } .epkb-setup-steps__btn--done { background: #E8F5E9; color: #2E7D32; border: 1px solid #C8E6C9; } .epkb-setup-steps__btn--done:hover { background: #C8E6C9; border-color: #A5D6A7; color: #1B5E20; transform: translateY(-1px); } .epkb-setup-steps__btn--done:disabled, .epkb-setup-steps__btn--done.epkb-loading { opacity: 0.7; cursor: not-allowed; transform: none; } .epkb-setup-steps__btn--complete-later { background: #E8F5E9; color: #2E7D32; border: 1px solid #C8E6C9; } .epkb-setup-steps__btn--complete-later:hover { background: #C8E6C9; border-color: #A5D6A7; color: #1B5E20; transform: translateY(-1px); } .epkb-setup-steps__btn--complete-later:disabled, .epkb-setup-steps__btn--complete-later.epkb-loading { opacity: 0.7; cursor: not-allowed; transform: none; } .epkb-setup-steps__btn--reset { background: #FFF3E0; color: #E65100; border: 1px solid #FFE0B2; } .epkb-setup-steps__btn--reset:hover { background: #FFE0B2; border-color: #FFCC80; color: #BF360C; transform: translateY(-1px); } .epkb-setup-steps__btn--reset:disabled, .epkb-setup-steps__btn--reset.epkb-loading { opacity: 0.7; cursor: not-allowed; transform: none; } .epkb-setup-steps__btn .epkb-setup-steps__btn-spinner { display: none; width: 16px; height: 16px; margin-left: 8px; color: #0073AA; animation: epkb-btn-spin 0.8s linear infinite; } .epkb-setup-steps__btn.epkb-loading .epkb-setup-steps__btn-spinner { display: inline-block; } @keyframes epkb-btn-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .epkb-setup-steps__reset-wrap { grid-column: 1/-1; text-align: center; padding: 15px 0 5px; } .epkb-setup-steps__empty { column-span: all; text-align: center; padding: 50px 30px; color: #28A745; } .epkb-setup-steps__empty .epkbfa { font-size: 48px; margin-bottom: 15px; display: block; } .epkb-setup-steps__empty p { margin: 0; font-size: 16px; color: #495057; } .epkb-setup-steps__completed-toggle { padding: 15px 25px; background: #F8F9FA; border-top: 1px solid #E9ECEF; text-align: center; } .epkb-setup-steps__toggle-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: #FFFFFF; color: #495057; border: 1px solid #DEE2E6; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .epkb-setup-steps__toggle-btn:hover { background: #E9ECEF; color: #2C3E50; } .epkb-setup-steps__toggle-btn .epkbfa { font-size: 12px; transition: transform 0.2s ease; } .epkb-setup-steps__completed-list { column-count: 2; column-gap: 0; background: #FAFAFA; border-top: 1px solid #E9ECEF; } .epkb-setup-steps__completed-list .epkb-setup-steps__item { background: transparent; } .epkb-setup-steps__completed-list .epkb-setup-steps__item:hover { background: #F0F0F0; } @media (max-width: 1200px) { .epkb-setup-steps__list, .epkb-setup-steps__completed-list { column-count: 1; } } .wp-pointer.epkb-setup-pointer { max-width: 350px; z-index: 10000000 !important; } .wp-pointer.epkb-setup-pointer .wp-pointer-content { background-color: #F0FDF4; border-color: #22C55E; } .wp-pointer.epkb-setup-pointer .wp-pointer-content h3 { background: linear-gradient(135deg, #22C55E 0%, #15803D 100%); border-color: #15803D; } .wp-pointer.epkb-setup-pointer .wp-pointer-content h3 small { font-size: 12px; margin-left: 5px; } .wp-pointer.epkb-setup-pointer .wp-pointer-content p { font-size: 13px; line-height: 1.5; color: #1F2937; } .wp-pointer.epkb-setup-pointer .wp-pointer-arrow { border-color: transparent transparent #15803D; } .wp-pointer.epkb-setup-pointer .wp-pointer-arrow-inner { border-color: transparent transparent #15803D; } .wp-pointer.epkb-setup-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.epkb-setup-pointer.wp-pointer-top .wp-pointer-arrow-inner, .wp-pointer.epkb-setup-pointer.wp-pointer-bottom .wp-pointer-arrow, .wp-pointer.epkb-setup-pointer.wp-pointer-bottom .wp-pointer-arrow-inner { left: 50%; margin-left: 0; transform: translateX(-50%); } .wp-pointer.epkb-setup-pointer.wp-pointer-left .wp-pointer-arrow { border-color: transparent #15803D transparent transparent; } .wp-pointer.epkb-setup-pointer.wp-pointer-left .wp-pointer-arrow-inner { border-color: transparent #15803D transparent transparent; } .wp-pointer.epkb-setup-pointer.wp-pointer-right .wp-pointer-arrow { border-color: transparent transparent transparent #15803D; } .wp-pointer.epkb-setup-pointer.wp-pointer-right .wp-pointer-arrow-inner { border-color: transparent transparent transparent #15803D; } .wp-pointer.epkb-setup-pointer.wp-pointer-bottom .wp-pointer-arrow { border-color: #15803D transparent transparent; } .wp-pointer.epkb-setup-pointer.wp-pointer-bottom .wp-pointer-arrow-inner { border-color: #15803D transparent transparent; } .wp-pointer.epkb-setup-pointer .epkb-pointer-buttons { display: flex; align-items: center; justify-content: space-between; padding: 12px 15px; border-top: 1px solid #DCFCE7; background: #F0FDF4; } .wp-pointer.epkb-setup-pointer .epkb-pointer-skip { color: #666666; font-size: 12px; text-decoration: none; } .wp-pointer.epkb-setup-pointer .epkb-pointer-skip:hover { color: #15803D; text-decoration: underline; } .wp-pointer.epkb-setup-pointer .epkb-pointer-next, .wp-pointer.epkb-setup-pointer .wp-pointer-buttons .button-primary { background: linear-gradient(135deg, #22C55E 0%, #15803D 100%); border: none; color: #FFFFFF; padding: 8px 16px; font-size: 13px; font-weight: 500; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; } .wp-pointer.epkb-setup-pointer .epkb-pointer-next:hover, .wp-pointer.epkb-setup-pointer .wp-pointer-buttons .button-primary:hover { background: linear-gradient(135deg, #16A34A 0%, #166534 100%); transform: translateY(-1px); } @media (max-width: 768px) { .epkb-setup-steps__item { flex-direction: column; align-items: flex-start; gap: 15px; } .epkb-setup-steps__item-actions { margin-left: 0; width: 100%; justify-content: flex-start; flex-wrap: wrap; } .epkb-setup-steps__header { flex-direction: column; gap: 15px; text-align: center; } .epkb-setup-steps__header-left { flex-direction: column; justify-content: center; } .epkb-setup-steps__header-text { align-items: center; } .epkb-setup-steps__header-right { width: 100%; } .epkb-setup-steps__progress { width: 100%; align-items: center; min-width: auto; padding: 10px 14px; } .epkb-setup-steps__progress-bar { max-width: 280px; } .epkb-setup-steps__progress-count { font-size: 24px; } } .epkb-setup-steps-dialog-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 100000; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .epkb-setup-steps-dialog-overlay--active { opacity: 1; visibility: visible; } .epkb-setup-steps-dialog { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); width: 90%; max-width: 560px; background: #FFFFFF; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); z-index: 100001; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .epkb-setup-steps-dialog--active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .epkb-setup-steps-dialog__header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); border-radius: 12px 12px 0 0; } .epkb-setup-steps-dialog__title { margin: 0; font-size: 18px; font-weight: 600; color: #FFFFFF; line-height: 1.3; } .epkb-setup-steps-dialog__close { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: rgba(255, 255, 255, 0.2); border: none; border-radius: 50%; color: #FFFFFF; font-size: 16px; cursor: pointer; transition: all 0.2s ease; } .epkb-setup-steps-dialog__close:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg); } .epkb-setup-steps-dialog__close:focus { outline: 2px solid rgba(255, 255, 255, 0.5); outline-offset: 2px; } .epkb-setup-steps-dialog__body { padding: 24px; } .epkb-setup-steps-dialog__description { margin: 0; font-size: 15px; line-height: 1.7; color: #495057; } .epkb-setup-steps-dialog__description p { margin: 0 0 12px 0; } .epkb-setup-steps-dialog__description p:last-child { margin-bottom: 0; } .epkb-setup-steps-dialog__description ul, .epkb-setup-steps-dialog__description ol { margin: 0; padding-left: 20px; } .epkb-setup-steps-dialog__description ul li, .epkb-setup-steps-dialog__description ol li { margin-bottom: 8px; padding-left: 4px; } .epkb-setup-steps-dialog__description ul li:last-child, .epkb-setup-steps-dialog__description ol li:last-child { margin-bottom: 0; } .epkb-setup-steps-dialog__description ul { list-style-type: disc; } .epkb-setup-steps-dialog__description ol { list-style-type: decimal; } .epkb-setup-steps-dialog__footer { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; padding: 16px 24px 24px; border-top: 1px solid #E9ECEF; } .epkb-setup-steps-dialog__btn { display: none; align-items: center; gap: 8px; padding: 10px 18px; font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 6px; border: none; cursor: pointer; } .epkb-setup-steps-dialog__btn .epkbfa { font-size: 15px; } .epkb-setup-steps-dialog__btn--action { background: linear-gradient(135deg, #22C55E 0%, #15803D 100%); color: #FFFFFF; } .epkb-setup-steps-dialog__btn--action:hover { background: linear-gradient(135deg, #16A34A 0%, #166534 100%); color: #FFFFFF; } .epkb-setup-steps-dialog__btn--doc { background: #E8F4FD; color: #0073AA; border: 1px solid #C5DFF0; } .epkb-setup-steps-dialog__btn--doc:hover { background: #D4EBFC; color: #005A87; } .epkb-setup-steps-dialog__btn--ask-ai { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: #FFFFFF; } .epkb-setup-steps-dialog__btn--ask-ai:hover { background: linear-gradient(135deg, #5568D3 0%, #6A3F8F 100%); } .epkb-setup-steps-dialog__btn--video { background: #FFF3E0; color: #E65100; border: 1px solid #FFE0B2; } .epkb-setup-steps-dialog__btn--video:hover { background: #FFE0B2; color: #BF360C; } @media (max-width: 480px) { .epkb-setup-steps-dialog { width: 95%; } .epkb-setup-steps-dialog__header { padding: 16px 20px; } .epkb-setup-steps-dialog__title { font-size: 16px; } .epkb-setup-steps-dialog__body { padding: 20px; } .epkb-setup-steps-dialog__description { font-size: 14px; } .epkb-setup-steps-dialog__footer { padding: 12px 20px 20px; } .epkb-setup-steps-dialog__btn { padding: 8px 14px; font-size: 13px; } } #ekb-admin-page-wrap .epkb-admin__content { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-left: -20px; padding: 0 35px; margin-right: 0; /** * Items List */ } #ekb-admin-page-wrap .epkb-admin__content.epkb-admin__background--blue { background-color: #F9FBFF; margin-left: -20px; margin-bottom: -20px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-setting-box-container, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__section-wrap { display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-admin__content .epkb-setting-box-container.epkb-setting-box-container--horizontal, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__section-wrap.epkb-setting-box-container--horizontal { flex-direction: row; gap: 25px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list, #ekb-admin-page-wrap .epkb-admin__content .epkb-setting-box__list, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__secondary-boxes-list { display: none; background-color: #F9FBFF; width: 100%; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list .epkb-manage-content, #ekb-admin-page-wrap .epkb-admin__content .epkb-setting-box__list .epkb-manage-content, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__secondary-boxes-list .epkb-manage-content { display: block; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list.epkb-admin__boxes-list--active, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list.epkb-setting-box__list--active, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list.epkb-admin__secondary-boxes-list--active, #ekb-admin-page-wrap .epkb-admin__content .epkb-setting-box__list.epkb-admin__boxes-list--active, #ekb-admin-page-wrap .epkb-admin__content .epkb-setting-box__list.epkb-setting-box__list--active, #ekb-admin-page-wrap .epkb-admin__content .epkb-setting-box__list.epkb-admin__secondary-boxes-list--active, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__secondary-boxes-list.epkb-admin__boxes-list--active, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__secondary-boxes-list.epkb-setting-box__list--active, #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__secondary-boxes-list.epkb-admin__secondary-boxes-list--active { display: block; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box { display: block; width: 100%; background-color: #FFFFFF; border: 1px solid #D6E2ED; margin: 25px 0 0 0; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__header { display: block; position: relative; font-size: 14px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__header.epkb-kbc__boxes-list__box__header--icon { padding-left: 60px; font-weight: 600; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__header.epkb-kbc__boxes-list__box__header--icon:before { font: normal normal normal 14px/1 FontAwesome; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 25px; top: 12px; font-size: 25px; color: #D9534F; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__body { width: 100%; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__body > p { padding: 25px 25px 0 25px; margin: 0; font-size: 14px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__content { position: relative; padding: 25px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__content > p { padding: 0; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__content input[type=text] { margin: 0; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box > h4 { border-bottom: 1px solid #D6E2ED; padding: 16px 25px; font-weight: 600; font-size: 14px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box p { margin: 0; font-size: 14px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box > p { padding: 25px 25px 0 25px; margin: 0; font-size: 14px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box.epkb-admin__notice { padding: 0; background: transparent; border: none; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box.epkb-admin__boxes-list__box--link-box { justify-content: space-between; display: flex; flex-direction: column; border-radius: 25px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box.epkb-admin__boxes-list__box--link-box .epkb-admin__boxes-list__box__icon-container { display: flex; justify-content: center; padding-top: 20px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box.epkb-admin__boxes-list__box--link-box > h4 { text-align: center; border: none; font-size: 20px; line-height: 1.4em; margin-top: 10px; padding-bottom: 0; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box.epkb-admin__boxes-list__box--link-box .epkb-admin__boxes-list__box__content { text-align: center; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box.epkb-admin__boxes-list__box--link-box .epkb-admin__form-tab-settings-link { text-decoration: none; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box.epkb-admin__boxes-list__box--bottom { border: none; background: transparent; text-align: center; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box--row-style .epkb-admin__boxes-list__box__content { display: flex; align-items: center; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__box--row-style .epkb-admin__boxes-list__box__content .emkb-manage-content__tab__title { margin: 0 20px 0 0; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__boxes-list__footer { margin-top: 25px; padding: 20px; background-color: #FFFFFF; border: 1px solid #D6E2ED; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__list-actions-row { display: flex; flex-direction: row; justify-content: flex-end; padding-top: 5px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__list-actions-row input[type=submit] { min-width: 140px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__list-actions-row .submit { padding: 0; margin: 0; margin-left: 20px; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__list-actions-row .submit:first-child { margin-left: 0; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__list-actions-row + .epkb-admin__boxes-list__box { margin-top: 5px; } #ekb-admin-page-wrap .epkb-admin__content .emkb-manage-content__tab__actions > div { padding: 10px; font-size: 15px; line-height: 1; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list { width: 100%; border-collapse: collapse; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list thead { background-color: #EFEFEF; border-top: 1px solid #D6E2ED; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tbody { border-top: 2px solid #D6E2ED; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tbody:nth-of-type(odd) { background-color: #FBFBFB; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list th, #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list td { text-align: left; padding: 15px 25px; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tr.epkb-admin__items-list__row-field td { padding-top: 5px; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tr.epkb-admin__items-list__row-field:nth-child(2) { border-top: 1px solid #D6E2ED; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tr.epkb-admin__items-list__row-field:nth-child(2) td { padding-top: 20px; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tr.epkb-admin__items-list__row-field:last-child td { padding-bottom: 40px; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list .epkb-admin__items-list__row-field__title { display: inline-block; font-weight: bold; vertical-align: top; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list .epkb-admin__items-list__row-field__content { display: inline-block; vertical-align: top; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list .epkb-admin__items-list__field-actions__button { margin: 0; padding: 0; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tbody.epkb-admin__items-list__no-results { display: none; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tbody.epkb-admin__items-list__no-results td { text-align: center; padding: 30px; } #ekb-admin-page-wrap .epkb-admin__content table.epkb-admin__items-list tbody.epkb-admin__items-list__no-results:first-of-type { display: table-row-group; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__items-list__more-items-message { border-top: 2px solid #D6E2ED; padding: 25px; text-align: center; background-color: #FFFFFF; color: #509FE2; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__items-list__more-items-message .epkb-admin__items-list__more-items-message__button { margin: 0; padding: 0; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__items-list__more-items-message .epkb-admin__items-list__more-items-message__button input[type=submit] { background-color: #FFFFFF; color: #509FE2; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__items-list__more-items-message .epkb-admin__items-list__more-items-message__button input[type=submit]:hover { text-shadow: 0 0 1px #509FE2; } #ekb-admin-page-wrap .epkb-admin__content .epkb-admin__resources-support { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%; } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us h3.epkb-cta__header__title { font-size: 19px !important; } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-kbnh__contact-us-container .epkb-kbnh__section-container h3.epkb-kbnh__header__title { line-height: 1.1; margin-top: 0 !important; } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-kbnh__section-container.epkb-kbnh__section--three-col-cta { margin: 0; padding: 0; } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-call-to-action-container.epkb-call-to-action--style-2 { display: flex; flex-direction: column; box-shadow: none; margin-bottom: 0; margin-top: 0; } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-call-to-action-container.epkb-call-to-action--style-2:first-child { margin-left: 0; } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-call-to-action-container.epkb-call-to-action--style-2:last-child { margin-right: 0; } @media (max-width: 1200px) { #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-call-to-action-container.epkb-call-to-action--style-2:last-child { margin-bottom: 0; } } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-call-to-action-container.epkb-call-to-action--style-2 .epkb-cta__body { margin-bottom: 20px; font-size: 14px; } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-call-to-action-container.epkb-call-to-action--style-2 .epkb-cta__footer { display: flex; justify-content: flex-start; margin-top: auto; } #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-call-to-action-container.epkb-call-to-action--style-2 .epkb-cta__footer .epkb-cta__footer__button { min-width: 200px; } @media (max-width: 1200px) { #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-call-to-action-container.epkb-call-to-action--style-2 { margin: 0 0 20px 0; } } @media (max-width: 1200px) { #ekb-admin-page-wrap .epkb-admin__section-wrap__contact-us .epkb-kbnh__section__body-container { flex-direction: column; } } #ekb-admin-page-wrap .epkb-kb-config-page-container { /** * KB Configuration: Admin Top Panel */ /** * KB Configuration: Admin Content */ /** * Admin Boxes List: Tools */ /** * Admin Boxes List: Widgets / Shortcode */ } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__top-panel__item--errors:not(.epkb-admin__top-panel__item--active) { color: #D9534F; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content { /** * Admin Boxes List: Errors */ /** * Admin Boxes List: Order Articles and Categories */ } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-admin__notice { /** * Setup Wizard Warning */ } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-admin__notice .epkb-admin__setup-wizard-warning .epkb-notification-box-popup { position: relative; left: initial; bottom: initial; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-admin__notice .epkb-admin__setup-wizard-warning .epkb-notification-box-popup__body__desc { padding: 20px 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-admin__boxes-list__box__addons-license .epkb-config-content.epkb-config-content-wrapper { float: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-admin__boxes-list__box__addons-license .epkb-kbc__overview-box-container { height: auto; width: 100%; float: none; margin: 0 0 25px 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-admin__boxes-list__box__addons-license .epkb-kbc__overview-box-container .epkb-kbc__overview-box-header, #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-admin__boxes-list__box__addons-license .epkb-kbc__overview-box-container .epkb-kbc__overview-box-body, #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-admin__boxes-list__box__addons-license .epkb-kbc__overview-box-container .epkb-kbc__overview-box-footer { float: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-admin__boxes-list__box__addons-license .epkb-fix-btn { margin-left: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-admin__boxes-list__box__content ul { padding-left: 20px; list-style: initial; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-admin__boxes-list__box__content ul li { margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-notification-box-middle.epkb-notification-box-middle--error { margin-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-notification-box-middle.epkb-notification-box-middle--error .epkb-notification-box-middle__body__desc > ul { margin-top: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-notification-box-middle.epkb-notification-box-middle--error .epkb-notification-box-middle__body__desc > ul li { margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__errors .epkb-notification-box-middle.epkb-notification-box-middle--error .epkb-notification-box-middle__body__desc > ul li:last-child { margin-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content { margin: 0; border: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-wizard-status-bar { width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-wizard-status-bar > ul { list-style: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .eckb-wizard-step-1 { width: 80%; } @media (max-width: 850px) { #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .eckb-wizard-step-1 { width: 100%; } } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner { padding: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-6 { width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-6 .epkb-wizard-button { min-width: 350px; white-space: nowrap; } @media (max-width: 850px) { #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-6 .epkb-wizard-button { min-width: initial; width: 100%; white-space: normal; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-6 .epkb-wizard-btn-text { white-space: normal; min-width: initial; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .eckb-wizard-step-6 .epkb-wizard-row-1 { display: flex; flex-direction: column; } } @media (max-width: 850px) { #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul { margin-left: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul li { flex-direction: column; align-items: flex-start; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-config-wizard-inner .epkb-wizard-content .epkb-wizard-main-page-slug-container ul li .epkb-wizard-mps-url { min-width: initial; } } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-wizard-footer { margin: 30px -25px 0 -25px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-wizard-footer .epkb-wizard-button-container__support-wizard { position: relative; top: initial; right: initial; padding-right: 20px; text-align: right; margin-top: 25px; } @media (max-width: 540px) { #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content .epkb-wizard-footer .epkb-wizard-button-container__inner { flex-direction: column; } } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content input[type=radio] { background-color: #FFFFFF; border: 1px solid #8C8F94; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content input[type=radio]:checked::before { background-color: #3582C4; } @media (max-width: 780px) { #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-config-wizard-content input[type=radio]:checked::before { width: 17px; height: 17px; } } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .eckb-wizard-features-content { display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .eckb-wizard-features-content .eckb-wizard-option-heading { margin-bottom: 25px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .eckb-wizard-features-content .eckb-wizard-option-heading h4 { padding: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .epkb-radio-vertical-group-container { padding: 12px !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-main-page-container { padding-left: 0; padding-right: 0; overflow: hidden; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content .radio-buttons-vertical > ul { float: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url h4.epkb-wizard-error-note { margin-bottom: 1.33em; font-size: 1em; padding: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url h3 { margin: 1em 0; font-size: 1.3em; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__wizard-box .epkb-admin__boxes-list__box__content { padding-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__warning-box ul { list-style: initial; margin: 20px 0 0 40px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__warning-box ul li { margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__warning-box ul li:last-child { margin-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__toggle-box .epkb-settings-control-container { margin: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .eckb-wizard-step-1 { padding-top: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__wizard-apply-btn-box { background: transparent; border: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__wizard-apply-btn-box .epkb-admin__boxes-list__box__content { padding: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url #epkb-wizard-button-apply { display: inline-block; height: fit-content; background-color: #78B956; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #609C40; background-image: linear-gradient(bottom, #78B956, #95C87A); background-image: -o-linear-gradient(bottom, #78B956, #95C87A); background-image: -moz-linear-gradient(bottom, #78B956, #95C87A); background-image: -webkit-linear-gradient(bottom, #78B956, #95C87A); background-image: -ms-linear-gradient(bottom, #78B956, #95C87A); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #78B956), color-stop(1, #95C87A)); border-radius: 5px; font-size: 21px; display: block; margin: 0 auto; min-width: 200px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url #epkb-wizard-button-apply a { text-decoration: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url #epkb-wizard-button-apply:hover { cursor: pointer; background-image: linear-gradient(bottom, #609C40, #95C87A); background-image: -o-linear-gradient(bottom, #609C40, #95C87A); background-image: -moz-linear-gradient(bottom, #609C40, #95C87A); background-image: -webkit-linear-gradient(bottom, #609C40, #95C87A); background-image: -ms-linear-gradient(bottom, #609C40, #95C87A); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #609C40), color-stop(1, #95C87A)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url #epkb-wizard-button-apply:focus { outline: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-wso__option__edit-button { display: flex; flex-direction: row; justify-content: flex-end; min-width: 110px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-wso__option__edit-button .epkb-kb__wizard-link { margin-left: 0 !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-wso__option-container { flex-grow: 1; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-wso__option-row.epkb-wso__option-row--with-category .epkb-wso__option__edit-button { min-width: 60px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-wso__option-row.epkb-wso__option-row--with-category .epkb-wso__option-tooltip { margin-left: auto; margin-right: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-global-wizard-slug-label { margin-right: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-config-wizard-content .eckb-wizard-step-1 { width: 90%; margin-left: 0; } @media (max-width: 782px) { #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-config-wizard-content .eckb-wizard-step-1 { width: 100%; margin-right: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-wso__option__edit-button { width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-wso__option-row.epkb-wso__option-row--with-category .epkb-wso__option-tooltip { margin-right: 0; } } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url #categories_in_url_enabled__toggle .epkb-settings-control__input { width: auto; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url #categories_in_url_enabled__toggle .epkb-settings-control__description { margin-bottom: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location .epkb-admin__chapter { margin-bottom: 5px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location .epkb-admin__chapter:not(:first-child) { margin-top: 40px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location tr.epkb-admin__chapter__content td { padding-top: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location tr.epkb-admin__chapter__content td:first-child { padding-right: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location tr.epkb-admin__chapter__content td:first-child:first-child { min-width: 110px; white-space: nowrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location tr.epkb-admin__chapter__content td:nth-child(2) { padding-right: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location .epkb-admin__items-list { margin-left: 40px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location .epkb-admin__items-list li span:not(:first-child), #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location .epkb-admin__items-list li a:not(:first-child) { margin-left: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location .ep_font_icon_external_link { margin-left: 5px; } @media (max-width: 782px) { #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location table.epkb-admin__chapter__wrap { display: block; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location table.epkb-admin__chapter__wrap tbody { display: flex; flex-direction: column; width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location .epkb-cta__footer__button { width: 100%; max-width: 60%; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location td { display: inline-flex; flex-flow: wrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location td:first-child { padding-left: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location td:nth-child(3) { width: 100%; justify-content: flex-end; } } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box__kb-location .epkb-admin__items-list { margin-left: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__content #epkb-admin__boxes-list__kb-url .epkb-admin__boxes-list__box--kb-url-learn-more .epkb-admin__boxes-list__box__content { padding: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .radio-buttons-vertical ul { float: initial; display: flex; flex-direction: column; margin: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .radio-buttons-vertical ul .epkb-admin__radio-button-wrap { float: initial; margin-bottom: 20px; display: flex; flex-direction: row; align-items: center; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .radio-buttons-vertical ul .epkb-admin__radio-button-wrap:last-child { margin-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .radio-buttons-vertical ul .epkb-admin__radio-button-wrap .input_container { width: auto; padding-right: 0; } @media (max-width: 780px) { #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .radio-buttons-vertical ul .epkb-admin__radio-button-wrap .input_container { width: auto !important; } } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .epkb-admin__distinct-box { display: inline-flex; flex-direction: row; align-items: center; border-radius: 3px; margin-bottom: 10px; margin-right: 10px; padding: 5px 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .epkb-admin__distinct-box.epkb-admin__distinct-box--high { color: #FFFFFF; background-color: #3386CC; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .epkb-admin__distinct-box.epkb-admin__distinct-box--middle { color: #FFFFFF; background-color: #509FE2; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .epkb-admin__distinct-box.epkb-admin__distinct-box--low { color: #FFFFFF; background-color: #73AEE2; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .epkb-admin__distinct-box.epkb-admin__distinct-box--lowest { background-color: #DDDDDD; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__access-control .epkb-admin__list-actions-row { width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-admin-info-box__body, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epie-admin-info-box__body { margin: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epie-form-field-intruction-wrap { margin-bottom: 30px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epie-import-steps-container { padding-top: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-setting-box__list, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-admin__secondary-boxes-list { flex-flow: row wrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-setting-box__list.epkb-setting-box__list--active, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-setting-box__list.epkb-admin__secondary-boxes-list--active, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-admin__secondary-boxes-list.epkb-setting-box__list--active, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-admin__secondary-boxes-list.epkb-admin__secondary-boxes-list--active { display: flex; justify-content: space-between; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-setting-box__list .epkb-kbnh__feature-container, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-admin__secondary-boxes-list .epkb-kbnh__feature-container { display: flex; width: calc(50% - 12px); } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container { display: flex; width: calc(50% - 12px); } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-admin__boxes-list__box__content { flex-grow: 1; display: flex; flex-direction: row; width: 100%; border: 1px solid #ECECEC; border-bottom: 0; border-radius: 5px; padding: 15px 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col { display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__icon-col { align-items: flex-start; justify-content: flex-start; font-size: 20px; min-width: 50px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__icon-col > span { height: 36px; width: 36px; font-size: 20px; display: flex; align-items: center; justify-content: center; background-color: #EBEBEB; color: #252C59; padding: 10px; border-radius: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col { align-items: flex-start; flex-grow: 1; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-name { font-weight: bold; margin-bottom: 12px; position: relative; line-height: 1.1; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-name.epkb-kbnh__feature-name--pro { padding-right: 40px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-name.epkb-kbnh__feature-name--pro:after { content: "PRO"; display: inline-block; font-size: 0.75em; position: absolute; top: 0; right: 0; background-color: #94FF00; border-radius: 4px; padding: 4px 8px; margin: -4px -12px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-desc { font-size: 14px; font-style: italic; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links { display: flex; flex-direction: row; flex-grow: 1; align-items: center; width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-primary-btn { margin-right: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-primary-btn + a { margin-left: auto; margin-right: 35px !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link { display: flex; flex-direction: row; align-items: center; text-decoration: none; color: #509FE2; margin: 12px 10px 0 0; font-size: 14px !important; outline: none !important; box-shadow: none !important; transition: color 0.2s ease-in-out; white-space: nowrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link:after { content: ""; width: 5px; height: 5px; background-color: #3C434A; border-radius: 5px; margin-left: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link:last-child { margin-right: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link:last-child:after { display: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link:hover { color: #509FE2; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col { align-items: flex-end; justify-content: center; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col .epkb-kbnh__feature-status { margin-left: 20px; white-space: nowrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col .epkb-kbnh__feature--installed .epkbfa { font-size: 25px; color: #98CD20; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col .epkb-kbnh__feature--disabled.epkb-success-btn { padding: 5px 10px; font-size: 12px !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col .epkb-kbnh__feature--not-installed { color: #C9302C; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-export-kbs { display: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-primary-btn { min-width: 160px; margin-top: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-container .epkb-kbnh__feature-corner__label { position: absolute; top: -1px; right: -1px; padding: 9px; color: #4E4E4E; font-style: italic; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-kbnh__feature-panel-container { display: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__export .epkb-admin-info-box { margin: 0; padding: 0; box-shadow: none; min-width: initial; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__export .epkb-primary-btn { min-width: 160px; margin-top: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__export .epkb-select-post-type-wrap { margin-top: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__import .epkb-admin-info-box, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__import .epie-admin-info-box { margin: 0; padding: 0; box-shadow: none; min-width: initial; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__import .epkb-primary-btn { min-width: 160px; } @media (max-width: 782px) { #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools input[type=radio]:checked:before { width: 17px; height: 17px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools input[type=checkbox] { min-width: 25px; } } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb_reset_sequence, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb_show_sequence { display: inline-block; margin-right: 5px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap { margin-top: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-header { font-weight: bold; margin-bottom: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list { display: table; margin-top: 20px; width: 100%; max-width: 600px; border-bottom: 1px solid lightgrey; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item { margin-top: 10px; padding-top: 10px; display: table-row; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item.epkb-show-sequence-item--title { font-weight: bold; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item.epkb-show-sequence-item--title .epkb-show-sequence-category_articles { font-size: 16px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item .epkb-show-sequence-category_name, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item .epkb-show-sequence-category_articles { display: table-cell; padding: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item .epkb-show-sequence-category_name { font-size: 16px; border-left: 1px solid lightgrey; border-top: 1px solid lightgrey; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item .epkb-show-sequence-category_description { font-style: italic; font-size: 12px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item .epkb-show-sequence-category_articles { margin-top: 20px; margin-bottom: 20px; list-style: none; border: 1px solid lightgrey; border-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item .epkb-show-sequence-category_articles li { margin-bottom: 3px; padding-left: 0px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item.epkb-show-sequence-item--depth-1 .epkb-show-sequence-category_name { border-left-color: #666666; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item.epkb-show-sequence-item--depth-2 .epkb-show-sequence-category_name { border-left-color: #2EA3F2; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item.epkb-show-sequence-item--depth-3 .epkb-show-sequence-category_name { border-left-color: #D0D849; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item.epkb-show-sequence-item--depth-4 .epkb-show-sequence-category_name { border-left-color: #F0BC71; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap .epkb-show-sequence-list .epkb-show-sequence-item.epkb-show-sequence-item--depth-5 .epkb-show-sequence-category_name { border-left-color: #D95651; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools .epkb-show-sequence-wrap a { outline: none; box-shadow: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__other .epkb-admin__text-field { margin-top: 25px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__other .epkb-delete-all-data__form-title { margin-bottom: 25px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__tools #epkb-setting-box__list-tools__other #epkb_delete_text { margin-bottom: 25px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-admin__section-wrap__widgets { flex-direction: unset; flex-wrap: wrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-admin-info-box__body, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epie-admin-info-box__body { margin: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epie-form-field-intruction-wrap { margin-bottom: 30px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epie-import-steps-container { padding-top: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-setting-box__list, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-admin__secondary-boxes-list { flex-flow: row wrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-setting-box__list.epkb-setting-box__list--active, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-setting-box__list.epkb-admin__secondary-boxes-list--active, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-admin__secondary-boxes-list.epkb-setting-box__list--active, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-admin__secondary-boxes-list.epkb-admin__secondary-boxes-list--active { display: flex; justify-content: space-between; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-setting-box__list .epkb-kbnh__feature-container, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-admin__secondary-boxes-list .epkb-kbnh__feature-container { display: flex; width: calc(50% - 12px); } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-heading { border: unset; background-color: unset; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-heading .epkb-admin__boxes-list__box__content { display: flex; align-items: center; padding-bottom: 0px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-heading .epkb-kbnh__feature-heading-title { display: inline-block; margin-right: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-heading .epkb-kbnh__feature--disabled.epkb-success-btn { padding: 5px 10px; font-size: 12px !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-heading .epkb-kbnh__feature--installed .epkbfa { color: #98CD20; font-size: 25px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container { display: flex; width: calc(50% - 12px); } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-admin__boxes-list__box__content { flex-grow: 1; display: flex; flex-direction: row; width: 100%; border: 1px solid #ECECEC; border-bottom: 0; border-radius: 5px; padding: 15px 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col { display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__icon-col { align-items: flex-start; justify-content: flex-start; font-size: 20px; min-width: 50px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__icon-col > span { height: 36px; width: 36px; font-size: 20px; display: flex; align-items: center; justify-content: center; background-color: #EBEBEB; color: #252C59; padding: 10px; border-radius: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col { align-items: flex-start; flex-grow: 1; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-name { font-weight: bold; margin-bottom: 12px; position: relative; line-height: 1.1; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-name.epkb-kbnh__feature-name--pro { padding-right: 40px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-name.epkb-kbnh__feature-name--pro:after { content: "PRO"; display: inline-block; font-size: 0.75em; position: absolute; top: -5px; right: 0; color: #E9AE0B; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-experimental { display: flex; font-size: 0.75em; position: absolute; top: -5px; left: 100%; margin-left: 10px; color: #E9AE0B; text-transform: uppercase; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-experimental .epkb__option-tooltip { display: inline-block; text-transform: none; font-weight: normal; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-desc { font-size: 14px; font-style: italic; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links { display: flex; flex-direction: row; flex-grow: 1; align-items: center; width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-primary-btn { margin-right: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-primary-btn + a { margin-left: auto; margin-right: 35px !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link { display: flex; flex-direction: row; align-items: center; text-decoration: none; color: #509FE2; margin: 12px 10px 0 0; font-size: 14px !important; outline: none !important; box-shadow: none !important; transition: color 0.2s ease-in-out; white-space: nowrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link:after { content: ""; width: 5px; height: 5px; background-color: #3C434A; border-radius: 5px; margin-left: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link:last-child { margin-right: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link:last-child:after { display: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__content-col .epkb-kbnh__feature-links .epkb-kbnh__feature-link:hover { color: #509FE2; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col { align-items: flex-end; justify-content: center; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col .epkb-kbnh__feature-status { margin-left: 20px; white-space: nowrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col .epkb-kbnh__feature--installed .epkbfa { color: #98CD20; font-size: 25px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col .epkb-kbnh__feature--disabled.epkb-success-btn { padding: 5px 10px; font-size: 12px !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-kbnh__feature-container__col.epkb-kbnh__feature__status-col .epkb-kbnh__feature--not-installed { color: #C9302C; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-export-kbs { display: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-container .epkb-primary-btn { min-width: 160px; margin-top: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets .epkb-kbnh__feature-panel-container { display: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets #epkb-setting-box__list-tools__export .epkb-admin-info-box { margin: 0; padding: 0; box-shadow: none; min-width: initial; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets #epkb-setting-box__list-tools__export .epkb-primary-btn { min-width: 160px; margin-top: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets #epkb-setting-box__list-tools__export .epkb-select-post-type-wrap { margin-top: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets #epkb-setting-box__list-tools__import .epkb-admin-info-box, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets #epkb-setting-box__list-tools__import .epie-admin-info-box { margin: 0; padding: 0; box-shadow: none; min-width: initial; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets #epkb-setting-box__list-tools__import .epkb-primary-btn { min-width: 160px; } @media (max-width: 782px) { #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets input[type=radio]:checked:before { width: 17px; height: 17px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__widgets input[type=checkbox] { min-width: 25px; } } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_delete_text { margin-bottom: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_debug_info_tab_page, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_asea_debug_info_tab_page, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_error_info_tab_page { width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_debug_info_tab_page textarea, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_asea_debug_info_tab_page textarea, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_error_info_tab_page textarea { margin: 20px 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_debug_info_tab_page .save-settings, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_asea_debug_info_tab_page .save-settings, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_error_info_tab_page .save-settings { display: flex; margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_debug_info_tab_page .save-settings .epkb-submit, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_asea_debug_info_tab_page .save-settings .epkb-submit, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_error_info_tab_page .save-settings .epkb-submit { margin-right: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_debug_info_tab_page .epkb-debug-info-empty-logs, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_asea_debug_info_tab_page .epkb-debug-info-empty-logs, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_error_info_tab_page .epkb-debug-info-empty-logs { margin-top: 20px; margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_debug_info_tab_page .epkb-notification-box-middle, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_asea_debug_info_tab_page .epkb-notification-box-middle, #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb_error_info_tab_page .epkb-notification-box-middle { align-items: center; margin-top: 15px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content.epkb-admin__form-tab-content--change-style-not-available .epkb-admin__form-tab-content-desc { text-align: center; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content.epkb-admin__form-tab-content--change-style-not-available .epkb-main-page-editor-link .epkb-cta__footer__button { pointer-events: none; filter: grayscale(1); } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content-body { display: flex; flex-wrap: wrap; flex-direction: row; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content-body .epkb-call-to-action-container { width: 32%; margin-right: 1%; margin-bottom: 10px; border: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content-body .epkb-call-to-action-container .epkb-cta__header__title { font-size: 18px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content-body .epkb-call-to-action-container img { max-width: 100%; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content-body .epkb-settings-control-container { width: 100%; display: flex; margin-top: 50px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content-body .epkb-settings-control-container .epkb-settings-control-toggle { width: 80px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-admin__form-tab-content-body .epkb-settings-control-container .epkb-settings-control-toggle .epkb-settings-control__input__label:before { white-space: nowrap; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-sub-tab-wrap--general-full-editor .epkb-settings-control-type-toggle .epkb-settings-control__input { margin-left: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__settings .epkb-admin__boxes-list__settings-title { display: block; text-align: center; padding: 46px 0 14px 0; font-size: 30px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__settings .epkb-admin__input-field label .epkb-admin__input-field-desc { margin-top: 5px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__settings .epkb-admin__input-field label a { box-shadow: none !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__settings #article_nav_sidebar_type_right .epkbfa-input-icon { transform: scaleX(-1); } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__settings .epkb-enable-backend-settings { font-size: 20px; margin-top: 20px; display: block; display: inline-block; height: fit-content; background-color: #F5F5F5; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #333333; border: solid 1px #D3D3D3; background-image: linear-gradient(bottom, #F5F5F5, #E8E8E8); background-image: -o-linear-gradient(bottom, #F5F5F5, #E8E8E8); background-image: -moz-linear-gradient(bottom, #F5F5F5, #E8E8E8); background-image: -webkit-linear-gradient(bottom, #F5F5F5, #E8E8E8); background-image: -ms-linear-gradient(bottom, #F5F5F5, #E8E8E8); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F5F5F5), color-stop(1, #E8E8E8)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__settings .epkb-enable-backend-settings a { text-decoration: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__settings .epkb-enable-backend-settings:hover { cursor: pointer; background-image: linear-gradient(bottom, #DCDCDC, #E8E8E8); background-image: -o-linear-gradient(bottom, #DCDCDC, #E8E8E8); background-image: -moz-linear-gradient(bottom, #DCDCDC, #E8E8E8); background-image: -webkit-linear-gradient(bottom, #DCDCDC, #E8E8E8); background-image: -ms-linear-gradient(bottom, #DCDCDC, #E8E8E8); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #DCDCDC), color-stop(1, #E8E8E8)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__settings .epkb-enable-backend-settings:focus { outline: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__other .epkb-settings-control-type-toggle { margin: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__other .epkb-settings-control-type-toggle > div { margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__other .epkb-settings-control-type-toggle > div:last-child { margin-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__other .epkb-settings-control-type-toggle .epkb-settings-control__field { display: inline-flex; flex-direction: row; justify-content: flex-start; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__other .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__title { font-size: 14px; white-space: nowrap; margin-left: 0; margin-right: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__other .epkb-search-query-parameter__form label { display: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-setting-box__list-tools__other .epkb-search-query-parameter__form .input_container { margin-top: 10px; } #ekb-admin-page-wrap .epkb-kb-config-page-container #epkb-admin__boxes-list__ordering .epkb-admin__boxes-list__box__ordering .epkb-admin__boxes-list__box__content { padding-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-tab-content.epkb-highlighted_config_box { background-color: #FEFFEF; border: 2px solid #F6FF00; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-pro-tag-container { position: relative; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-pro-tag-container .epkb__option-pro-tag { background-color: #94FF00; padding: 4px 8px; font-weight: bold; border-radius: 4px; margin-left: 5px; cursor: pointer; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-pro-tag-container .epkb__option-pro-tag-pro-feature-ad { background-color: #94FF00; padding: 4px 8px; font-weight: bold; border-radius: 4px; margin-left: 5px; cursor: pointer; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-pro-tag-container .epkb__option-pro-tooltip { position: absolute; top: -14px; left: 66px; z-index: 10; width: 300px; background-color: #FFFFFF; border: solid 3px #F8F8F8; border-radius: 10px; box-shadow: 1px 8px 10px 0px rgba(0, 0, 0, 0.3); white-space: normal; display: none; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-pro-tag-container .epkb__option-pro-tooltip .epkb__option-pro-tooltip__contents:after { content: ""; position: absolute; top: 15px; right: 100%; -webkit-transform: scaleY(0.7); -ms-transform: scaleY(0.7); transform: scaleY(0.7); border: 10px solid transparent; border-right-color: #FFFFFF; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-pro-tag-container .epkb__option-pro-tooltip .epkb__option-pro-tooltip__contents .epkb__option-pro-tooltip__header { display: flex; padding: 20px; border-bottom: 1px solid #E6E9EC; font-size: 14px; font-weight: 500; color: #495157; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-pro-tag-container .epkb__option-pro-tooltip .epkb__option-pro-tooltip__contents .epkb__option-pro-tooltip__body { padding: 20px; font-size: 12px; line-height: 1.5; box-sizing: border-box; color: #6D7882; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-pro-tag-container .epkb__option-pro-tooltip .epkb__option-pro-tooltip__contents .epkb__option-pro-tooltip__footer { text-align: center; padding: 0 20px 20px 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb__option-tooltip__body__external_link { display: flex; align-items: center; gap: 5px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__input-disabled { cursor: not-allowed; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__input-disabled input, #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__input-disabled select, #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__input-disabled textarea, #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__input-disabled button, #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__input-disabled .epkb-settings-control__input__label { opacity: 0.6; color: #2C2C2C !important; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__input-disabled label { opacity: 0.6; cursor: not-allowed; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__input-disabled * { cursor: not-allowed; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-tab-wrap--main-page .epkb-notification-box-middle.epkb-notification-box-middle--error { margin-bottom: 0; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-tab-wrap--main-page .epkb-notification-box-middle.epkb-notification-box-middle--error .epkb-notification-box-middle__body__desc > ul { margin-top: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-tab-wrap--main-page .epkb-notification-box-middle.epkb-notification-box-middle--error .epkb-notification-box-middle__body__desc > ul li { margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-kb-config-page-container .epkb-admin__form-tab-wrap--main-page .epkb-notification-box-middle.epkb-notification-box-middle--error .epkb-notification-box-middle__body__desc > ul li:last-child { margin-bottom: 0; } #ekb-admin-page-wrap .epkb-admin__fe-offer-box { padding: 20px; text-align: center; } #ekb-admin-page-wrap .epkb-admin__fe-offer-box.epkb-admin__fe-offer-box--top { background-color: #FFFFFF; margin-bottom: 25px; border: 1px solid #D6E2ED; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container { display: flex; flex-direction: column; gap: 20px; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container .epkb-ai-setup { display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #E0E0E0; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container .epkb-ai-setup:last-child { border-bottom: none; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container .epkb-ai-setup .epkb-ai-label { min-width: 150px; font-weight: 600; font-size: 14px; color: #333333; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container { display: flex; align-items: center; gap: 20px; flex: 1; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-status { display: flex; align-items: center; gap: 8px; min-width: 120px; font-size: 14px; color: #666666; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-status__active-checkmark { color: #4CAF50; font-size: 16px; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-action { display: flex; align-items: center; justify-content: flex-end; flex: 1; } #ekb-admin-page-wrap .epkb-ai-page-container .epkb-ai-setup-container .epkb-ai-setup .epkb-ai-status-container .epkb-ai-action .epkb-primary-btn { min-width: 100px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-indicator { background: linear-gradient(135deg, #FFC107 0%, #FF9800 100%); color: #000000; padding: 18px 24px; margin-bottom: 24px; border-radius: 8px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4); border: 2px solid #F57C00; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-header { display: flex; align-items: center; gap: 12px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-badge { background: rgba(0, 0, 0, 0.2); color: #000000; font-weight: 800; font-size: 14px; padding: 6px 16px; border-radius: 4px; letter-spacing: 1px; white-space: nowrap; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-message { font-size: 15px; font-weight: 600; line-height: 1.5; flex: 1; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons { font-size: 13px; font-weight: 500; line-height: 1.6; padding-left: 28px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons ul { margin: 8px 0 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 16px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons li { display: flex; align-items: center; gap: 6px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons li:before { content: "→"; font-weight: 700; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons a { color: #000000; text-decoration: underline; font-weight: 600; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons a:hover { color: #333333; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter { margin-left: auto; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter__inner { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter__quick-buttons { display: flex; gap: 6px; padding-right: 8px; border-right: 1px solid #DDDDDD; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-quick-btn { padding: 8px 16px; background: #F5F7FA; color: #1D2327; border: 1px solid #D7DCE1; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; white-space: nowrap; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-quick-btn:hover { background: #EEF1F4; border-color: #C3C9CF; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-quick-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(53, 122, 189, 0.3); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-quick-btn.is-active { background: linear-gradient(135deg, #357ABD 0%, #1D5D99 100%); color: #FFFFFF; border-color: transparent; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-preset { min-width: 80px; max-width: 140px; padding: 6px 12px; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 13px; background: #FFFFFF; cursor: pointer; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-preset:hover { border-color: #999999; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-preset:focus { outline: none; border-color: #0073AA; box-shadow: 0 0 0 1px #0073AA; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom { display: flex; align-items: center; gap: 8px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom label { margin: 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom input[type=date] { padding: 6px 10px; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 13px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom input[type=date]:hover { border-color: #999999; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom input[type=date]:focus { outline: none; border-color: #0073AA; box-shadow: 0 0 0 1px #0073AA; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom .epkb-analytics-date-separator { font-size: 13px; color: #666666; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom .screen-reader-text { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply { padding: 6px 16px; background: #0073AA; color: #FFFFFF; border: none; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; transition: background-color 0.2s; white-space: nowrap; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply:hover { background: #005A87; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.3); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply:disabled { background: #CCCCCC; cursor: not-allowed; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .epkb-active-nav { color: #00A0D2; border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; background-color: #FFFFFF; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .epkb-active-nav p { font-weight: bold; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .epkb-kb-name-section { width: 240px; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .epkb-kb-name-section #epkb-list-of-kbs { width: 100%; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section { float: left; margin: 0px 0; padding: 10px; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .page-icon-container { text-align: center; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .page-icon-container .page-icon { font-size: 40px; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .page-icon-container .page-icon:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .eckb-nav-settings-button { border: none; float: left; padding: 0.6em 1.2em; color: #FFFFFF; font-family: "Lato", Calibri, Arial, sans-serif; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; margin: 3px 2px; border-radius: 2px; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .eckb-settings-button { border: none; float: left; padding: 0.6em 1.2em; background-color: #666666; color: #FFFFFF; font-family: "Lato", Calibri, Arial, sans-serif; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; margin: 3px 2px; border-radius: 2px; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .eckb-active-setting { background-color: #00A0D2; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content { width: 100%; max-width: 100%; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget { background-color: #FFFFFF; border: solid 1px #DDDDDD; padding: 10px 15px; margin: 20px 20px 0 0; width: calc((100% - 40px) / 3); text-align: center; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget.overview-info-widget__content-center { display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget.overview-info-widget__content-center .widget-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget:nth-child(3n) { margin-right: 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget:nth-child(1), #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget:nth-child(2), #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget:nth-child(3) { margin-top: 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-header { border-bottom: solid 1px #DDDDDD; position: relative; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-header h4 { margin: 0; font-weight: bold; padding: 5px 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-content { float: left; width: 100%; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-content .widget-count { font-size: 40px; font-weight: bold; padding: 20px; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-toggle { float: left; width: 100%; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-toggle a { padding: 10px; display: block; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-toggle a:hover { cursor: pointer; opacity: 0.7; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-config-content .epkb-analitycs-info { clear: both; margin: 5px 5px; background-color: #FFFFFF; border: solid 1px #DDDDDD; padding: 10px 15px; width: 610px; border-left: 5px solid #00A0D2; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-active-content { display: block; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-row-2-col { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 50% 50%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; margin-bottom: 10px; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-row-3-col { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3"; margin-bottom: 10px; } #ekb-admin-page-wrap .epkb-analytics-page-container .eckb-row-4-col { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 25% 25% 25% 25%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3 col_4"; margin-bottom: 10px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-admin__boxes-list__box__search-data__asea-ad .epkb-admin__boxes-list__box__content { padding: 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser { display: flex; align-items: flex-start; gap: 24px; padding: 24px; background: linear-gradient(135deg, #E3F2FD 0%, #F3F8FF 100%); border: 2px solid #2196F3; border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.15); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__icon { flex-shrink: 0; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%); border-radius: 50%; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__icon .epkbfa { font-size: 32px; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content { flex: 1; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 700; color: #1565C0; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content p { margin: 0 0 16px 0; font-size: 14px; color: #424242; line-height: 1.6; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content ul li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #424242; line-height: 1.5; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content ul li .epkbfa { color: #4CAF50; font-size: 16px; flex-shrink: 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser { display: flex; align-items: flex-start; gap: 24px; padding: 24px; background: linear-gradient(135deg, #E3F2FD 0%, #F3F8FF 100%); border: 2px solid #2196F3; border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.15); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__icon { flex-shrink: 0; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%); border-radius: 50%; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__icon .epkbfa { font-size: 32px; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content { flex: 1; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 700; color: #1565C0; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content p { margin: 0 0 16px 0; font-size: 14px; color: #424242; line-height: 1.6; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content ul li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #424242; line-height: 1.5; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content ul li .epkbfa { color: #4CAF50; font-size: 16px; flex-shrink: 0; } #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-statistics-data-content.epkb-active-content, #ekb-admin-page-wrap .epkb-analytics-page-container #epkb-search-data-content.epkb-active-content { display: flex; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-config-content-wrapper { display: flex; flex-direction: row; flex-flow: wrap; width: 100%; row-gap: 20px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-config-content-ad-wrapper { margin-left: auto; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container { padding: 0 20px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-time-based-analytics-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0 0 24px 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-time-based-analytics-row:last-child { margin-bottom: 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-time-based-analytics-column { display: flex; flex-direction: column; gap: 24px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card { background: #FFFFFF; border: 1px solid #E2E7EC; border-radius: 12px; padding: 0; box-shadow: 0 16px 34px rgba(16, 42, 67, 0.08); overflow: hidden; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__header { padding: 20px; border-bottom: 1px solid #F0F0F0; background: #FAFBFC; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__header h3 { margin: 0 0 6px 0; font-size: 17px; font-weight: 600; color: #1D2327; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__header p { margin: 0; font-size: 13px; color: #646970; line-height: 1.5; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__body { padding: 20px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__body canvas { max-height: 300px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric { padding: 18px; background: #FAFBFC; border-radius: 8px; border: 1px solid #E2E7EC; display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__label { font-weight: 600; font-size: 15px; color: #1D2327; margin-bottom: 14px; text-align: center; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__comparison { display: flex; flex-direction: row; align-items: center; gap: 12px; margin-bottom: 12px; flex: 1; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__period { display: flex; flex-direction: column; align-items: center; padding: 12px; background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E7EC; flex: 1; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__period-label { font-size: 12px; color: #646970; margin-bottom: 6px; font-weight: 500; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__period-value { font-size: 22px; font-weight: 700; color: #1D2327; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__vs { font-size: 11px; font-weight: 600; color: #8C8F94; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; padding: 0 4px; flex-shrink: 0; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__change { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 14px; border-radius: 6px; font-weight: 700; font-size: 16px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__change.epkb-growth-positive { background: linear-gradient(135deg, #D4EDDA 0%, #C3E6CB 100%); color: #155724; border: 1px solid #B1DFBB; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__change.epkb-growth-negative { background: linear-gradient(135deg, #F8D7DA 0%, #F5C6CB 100%); color: #721C24; border: 1px solid #F1B0B7; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__arrow { font-size: 15px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-count, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-count { font-size: 14px; font-weight: 600; color: #646970; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #E2E7EC; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-improvement-list, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-improvement-list li, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-list li { padding: 12px; background: #FAFBFC; border-radius: 6px; border: 1px solid #E2E7EC; transition: all 0.2s ease; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li:hover, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-improvement-list li:hover, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li:hover, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-list li:hover { background: #F5F7FA; box-shadow: 0 2px 8px rgba(16, 42, 67, 0.08); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li.epkb-after-20, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-improvement-list li.epkb-after-20, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li.epkb-after-20, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-list li.epkb-after-20 { display: none; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li { display: flex; align-items: flex-start; gap: 12px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li.epkb-after-20, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li.epkb-after-20 { display: none; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list .epkb-article-number, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list .epkb-article-number { flex-shrink: 0; font-weight: 600; color: #646970; min-width: 28px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list .epkb-article-title, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list .epkb-article-title { flex: 1; line-height: 1.5; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list .epkb-article-title a, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list .epkb-article-title a { color: #0073AA; text-decoration: none; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list .epkb-article-title a:hover, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list .epkb-article-title a:hover { text-decoration: underline; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list__more-button, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list__more-button { margin-top: 16px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item { display: flex; flex-direction: column; gap: 8px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header { display: flex; align-items: flex-start; gap: 12px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header .epkb-article-number { flex-shrink: 0; font-weight: 600; color: #646970; min-width: 28px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header .epkb-article-title { flex: 1; line-height: 1.5; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header .epkb-article-title a { color: #0073AA; text-decoration: none; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header .epkb-article-title a:hover { text-decoration: underline; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 0 0 40px; font-size: 13px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-stat { display: flex; align-items: center; gap: 4px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-stat-label { color: #646970; font-weight: 500; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-stat-value { color: #1D2327; font-weight: 600; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-stat-separator { color: #8C8F94; font-weight: 600; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-improvement-change { display: flex; align-items: center; gap: 6px; padding: 4px 10px; background: linear-gradient(135deg, #D4EDDA 0%, #C3E6CB 100%); border-radius: 4px; border: 1px solid #B1DFBB; margin-left: auto; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-improvement-change .epkb-change-absolute { font-weight: 700; color: #155724; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-improvement-change .epkb-change-percent { color: #155724; font-weight: 600; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-time-based-analytics-column--full { grid-column: 1/-1; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stats { display: flex; flex-direction: column; gap: 16px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat { padding: 18px; background: linear-gradient(135deg, #FAFBFC 0%, #F5F7FA 100%); border-radius: 8px; border: 1px solid #E2E7EC; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(16, 42, 67, 0.12); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat__label { font-size: 13px; color: #646970; margin-bottom: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat__value { font-size: 28px; font-weight: 700; color: #2271B1; margin-bottom: 4px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat__subvalue { font-size: 12px; color: #8C8F94; font-weight: 500; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 24px; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card { background: linear-gradient(135deg, #FAFBFC 0%, #F5F7FA 100%); border: 1px solid #E2E7EC; border-radius: 12px; padding: 24px; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(16, 42, 67, 0.12); } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card__value { font-size: 36px; font-weight: 700; color: #2271B1; margin-bottom: 8px; line-height: 1.2; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card__label { font-size: 14px; color: #646970; font-weight: 500; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-no-data { text-align: center; color: #646970; padding: 40px 20px; font-style: italic; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #FAFBFC; border-radius: 8px; border: 1px solid #E2E7EC; transition: all 0.2s ease; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list li:hover { background: #F5F7FA; box-shadow: 0 2px 8px rgba(16, 42, 67, 0.08); } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list .epkb-ai-chat-top-page-rank { flex-shrink: 0; font-weight: 600; color: #646970; min-width: 28px; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list .epkb-ai-chat-top-page-url { flex: 1; color: #1D2327; word-break: break-word; font-family: monospace; font-size: 13px; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list .epkb-ai-chat-top-page-count { flex-shrink: 0; background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); color: #1565C0; padding: 6px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; white-space: nowrap; } @media (max-width: 1200px) { #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-cards { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-cards { grid-template-columns: 1fr; } #ekb-admin-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card__value { font-size: 28px; } } #ekb-admin-page-wrap .epkb-admin__limit-access-control .asea-reset-container { display: none !important; } #ekb-admin-page-wrap .epkb-analytics-page-container { display: flex; flex-direction: column; gap: 24px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; margin-right: 20px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tabs-regular { display: flex; gap: 0; border: 1px solid #E5E6E7; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button { background: none; border: none; border-bottom: 2px solid transparent; color: #555555; cursor: pointer; font-size: 16px; padding: 20px 20px; margin: 0; transition: all 0.2s; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button span[class*=epkbfa] { margin-right: 5px; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:hover { color: #0073AA; background-color: aliceblue; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.active, #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.is-active { color: #0073AA; border-bottom-color: #0073AA; font-weight: 600; background-color: aliceblue; } #ekb-admin-page-wrap .epkb-analytics-tab-bar { display: flex; flex-wrap: wrap; gap: 10px; } #ekb-admin-page-wrap .epkb-analytics-tab-button { border: 1px solid #D7DCE1; border-radius: 8px; background: #F5F7FA; color: #1D2327; cursor: pointer; font-size: 13px; font-weight: 600; padding: 10px 18px; transition: all 0.2s ease; } #ekb-admin-page-wrap .epkb-analytics-tab-button:hover { background: #EEF1F4; } #ekb-admin-page-wrap .epkb-analytics-tab-button.is-active { background: linear-gradient(135deg, #357ABD 0%, #1D5D99 100%); color: #FFFFFF; border-color: transparent; box-shadow: 0 14px 28px rgba(1, 41, 112, 0.18); } #ekb-admin-page-wrap .epkb-analytics-tab-panels { position: relative; } #ekb-admin-page-wrap .epkb-analytics-tab-panel { display: none; } #ekb-admin-page-wrap .epkb-analytics-tab-panel.is-active { display: block; } #ekb-admin-page-wrap .epkb-analytics-tab-panel__inner { display: grid; gap: 24px; padding: 20px 0; } #ekb-admin-page-wrap .epkb-analytics-card { background: #FFFFFF; border-radius: 12px; border: 1px solid #E2E7EC; box-shadow: 0 16px 34px rgba(16, 42, 67, 0.08); padding: 0; overflow: hidden; } #ekb-admin-page-wrap .epkb-analytics-card > .eckb-config-content { margin: 0; border: 0; box-shadow: none; padding: 30px; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container { margin: 0; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body { position: relative; width: 100%; display: grid; grid-template-columns: 60% 40%; gap: 20px; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col { padding: 10px 0; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list { display: inline-block; padding-right: 8px; width: 100%; margin: 0; padding-left: 0; list-style: none; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li { position: relative; display: flex; align-items: flex-start; gap: 8px; width: 100%; margin-bottom: 5px; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li .epkb-circle { flex-shrink: 0; margin-top: 4px; height: 20px; line-height: 1; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li .epkb-pie-chart-word { flex: 0 1 auto; word-break: break-word; line-height: 1.5; min-width: 250px; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li .epkb-pie-chart-count { flex-shrink: 0; margin-left: 12px; height: 20px; line-height: 1.5; font-weight: bold; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li.epkb-after-10 { display: none; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(1) .epkb-circle { color: #AED581; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(2) .epkb-circle { color: #4FC3F7; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(3) .epkb-circle { color: #FED32F; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(4) .epkb-circle { color: #EF5350; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(5) .epkb-circle { color: #D0D8E0; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(6) .epkb-circle { color: #FF8A65; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(7) .epkb-circle { color: #BA68C8; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(8) .epkb-circle { color: #4A7BEC; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(9) .epkb-circle { color: #768CA3; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(10) .epkb-circle { color: #8D6E63; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-right-col { display: flex; align-items: center; justify-content: center; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart__more-button { margin-top: 10px; clear: both; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container-show-data .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list { max-height: 575px; overflow: auto; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container-show-data .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list .epkb-after-10 { display: flex !important; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container-show-data .epkb-pie-chart__more-button span:nth-child(2) { display: inline-block; } #ekb-admin-page-wrap .epkb-analytics-card .epkb-pie-chart-container-show-data .epkb-pie-chart__more-button span:nth-child(1) { display: none; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container { margin: 0; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body { position: relative; width: 100%; display: grid; grid-template-columns: 60% 40%; gap: 20px; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col { padding: 10px 0; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list { display: inline-block; padding-right: 8px; width: 100%; margin: 0; padding-left: 0; list-style: none; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li { position: relative; display: flex; align-items: flex-start; gap: 8px; width: 100%; margin-bottom: 5px; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li .eprf-circle { flex-shrink: 0; margin-top: 4px; height: 20px; line-height: 1; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li .eprf-pie-chart-word { flex: 0 1 auto; word-break: break-word; line-height: 1.5; min-width: 250px; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li .eprf-pie-chart-count { flex-shrink: 0; margin-left: 12px; height: 20px; line-height: 1.5; font-weight: bold; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li.eprf-after-10 { display: none; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(1) .eprf-circle { color: #AED581; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(2) .eprf-circle { color: #4FC3F7; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(3) .eprf-circle { color: #FED32F; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(4) .eprf-circle { color: #EF5350; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(5) .eprf-circle { color: #D0D8E0; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(6) .eprf-circle { color: #FF8A65; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(7) .eprf-circle { color: #BA68C8; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(8) .eprf-circle { color: #4A7BEC; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(9) .eprf-circle { color: #768CA3; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(10) .eprf-circle { color: #8D6E63; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-right-col { display: flex; align-items: center; justify-content: center; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart__more-button { margin-top: 10px; clear: both; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container-show-data .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list { max-height: 575px; overflow: auto; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container-show-data .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list .eprf-after-10 { display: flex !important; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container-show-data .eprf-pie-chart__more-button span:nth-child(2) { display: inline-block; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-pie-chart-container-show-data .eprf-pie-chart__more-button span:nth-child(1) { display: none; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container-show-data .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list { max-height: 575px; overflow: auto; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container-show-data .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list .asea-after-10 { display: flex !important; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container-show-data .asea-pie-chart__more-button span:nth-child(2) { display: inline-block; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container-show-data .asea-pie-chart__more-button span:nth-child(1) { display: none; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-statistics-container { margin: 0; display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding: 20px 0; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body ul.eprf-statistics-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; gap: 20px; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body ul.eprf-statistics-list li { flex: 1; text-align: center; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body ul.eprf-statistics-list li .eprf-statistics-word { display: block; font-size: 16px; margin-bottom: 10px; min-height: 37px; } #ekb-admin-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body ul.eprf-statistics-list li .eprf-statistics-count { display: block; font-size: 40px; font-weight: bold; } #ekb-admin-page-wrap .epkb-analytics-card .asea-search-data-content { padding: 30px; display: flex; flex-wrap: wrap; gap: 20px; } #ekb-admin-page-wrap .epkb-analytics-card .asea-search-data-content .asea-pie-chart-container, #ekb-admin-page-wrap .epkb-analytics-card .asea-search-data-content .asea-statistics-container { flex: 1 1 calc(50% - 10px); min-width: 300px; margin: 0; } #ekb-admin-page-wrap .epkb-analytics-card .asea-search-data-content .asea-reset-container { flex-basis: 100%; margin: 0; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container { margin: 0; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body { position: relative; width: 100%; display: grid; grid-template-columns: 60% 40%; gap: 20px; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col { padding: 10px 0; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list { display: inline-block; padding-right: 8px; width: 100%; margin: 0; padding-left: 0; list-style: none; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li { position: relative; display: flex; align-items: flex-start; gap: 8px; width: 100%; margin-bottom: 5px; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li .asea-circle { flex-shrink: 0; margin-top: 4px; height: 20px; line-height: 1; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li .asea-pie-chart-word { flex: 0 1 auto; word-break: break-word; line-height: 1.5; min-width: 250px; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li .asea-pie-chart-count { flex-shrink: 0; margin-left: 12px; height: 20px; line-height: 1.5; font-weight: bold; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li.asea-after-10 { display: none; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(1) .asea-circle { color: #AED581; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(2) .asea-circle { color: #4FC3F7; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(3) .asea-circle { color: #FED32F; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(4) .asea-circle { color: #EF5350; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(5) .asea-circle { color: #D0D8E0; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(6) .asea-circle { color: #FF8A65; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(7) .asea-circle { color: #BA68C8; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(8) .asea-circle { color: #4A7BEC; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(9) .asea-circle { color: #768CA3; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(10) .asea-circle { color: #8D6E63; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-right-col { display: flex; align-items: center; justify-content: center; } #ekb-admin-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart__more-button { margin-top: 10px; clear: both; } #ekb-admin-page-wrap .epkb-analytics-card .asea-statistics-container { margin: 0; display: flex; flex-direction: column; } #ekb-admin-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding: 20px 0; } #ekb-admin-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body ul.asea-statistics-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; gap: 20px; } #ekb-admin-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body ul.asea-statistics-list li { flex: 1; text-align: center; } #ekb-admin-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body ul.asea-statistics-list li .asea-statistics-word { display: block; font-size: 16px; margin-bottom: 10px; min-height: 37px; } #ekb-admin-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body ul.asea-statistics-list li .asea-statistics-count { display: block; font-size: 40px; font-weight: bold; } #ekb-admin-page-wrap .epkb-analytics-card .asea-reset-container { padding: 20px 0; } #ekb-admin-page-wrap .epkb-analytics-card .asea-reset-container .asea-reset-analytics { display: inline-block; padding: 10px 20px; background-color: #DC3545; color: #FFFFFF; text-decoration: none; border-radius: 4px; } #ekb-admin-page-wrap .epkb-analytics-card .asea-reset-container .asea-reset-analytics:hover { background-color: #C82333; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-analytics-card .asea-reset-container .asea-reset-analytics .epkbfa { margin-left: 8px; } #ekb-admin-page-wrap .epkb-analytics-empty-card { background: #F7F9FC; border: 1px dashed #C8D3DE; border-radius: 12px; padding: 32px 28px; text-align: center; } #ekb-admin-page-wrap .epkb-analytics-empty-card h3 { margin: 0 0 8px; font-size: 18px; font-weight: 600; color: #1D2327; } #ekb-admin-page-wrap .epkb-analytics-empty-card p { margin: 0; color: #5A6471; font-size: 14px; } #ekb-admin-page-wrap .epkb-article-views-charts-grid, #ekb-admin-page-wrap .eprf-rating-charts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } #ekb-admin-page-wrap .epkb-article-views-charts-column, #ekb-admin-page-wrap .eprf-rating-charts-column { display: flex; flex-direction: column; gap: 24px; } #ekb-admin-page-wrap .epkb-config-content-wrapper { display: flex; flex-direction: row; flex-flow: wrap; width: 100%; row-gap: 20px; } #ekb-admin-page-wrap .overview-info-widget { background-color: #FFFFFF; border: solid 1px #DDDDDD; padding: 10px 15px; margin: 20px 20px 0 0; width: calc((100% - 40px) / 3); text-align: center; } #ekb-admin-page-wrap .overview-info-widget.overview-info-widget__content-center { display: flex; flex-direction: column; } #ekb-admin-page-wrap .overview-info-widget.overview-info-widget__content-center .widget-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } #ekb-admin-page-wrap .overview-info-widget:nth-child(3n) { margin-right: 0; } #ekb-admin-page-wrap .overview-info-widget:nth-child(1), #ekb-admin-page-wrap .overview-info-widget:nth-child(2), #ekb-admin-page-wrap .overview-info-widget:nth-child(3) { margin-top: 0; } #ekb-admin-page-wrap .overview-info-widget .widget-header { border-bottom: solid 1px #DDDDDD; position: relative; } #ekb-admin-page-wrap .overview-info-widget .widget-header h4 { margin: 0; font-weight: bold; padding: 5px 0; } #ekb-admin-page-wrap .overview-info-widget .widget-content { float: left; width: 100%; } #ekb-admin-page-wrap .overview-info-widget .widget-content .widget-count { font-size: 40px; font-weight: bold; padding: 20px; } #ekb-admin-page-wrap .overview-info-widget a { color: #0073AA; text-decoration: none; } #ekb-admin-page-wrap .overview-info-widget a:hover { text-decoration: underline; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled { text-align: left; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle { margin-top: 20px; display: flex; flex-direction: column; gap: 12px; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__label { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 15px; font-weight: 600; color: #1D2327; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__text { flex: 1; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__control { position: relative; width: 48px; height: 26px; flex-shrink: 0; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__input { opacity: 0; width: 0; height: 0; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__slider { position: absolute; inset: 0; background: #D7DCE1; border-radius: 26px; transition: background 0.3s ease; cursor: pointer; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__slider::before { content: ""; position: absolute; height: 20px; width: 20px; left: 3px; top: 3px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__input:checked + .epkb-article-views-toggle__slider { background: #0073AA; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__input:checked + .epkb-article-views-toggle__slider::before { transform: translateX(22px); } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__hint { margin: 0; color: #646970; font-size: 13px; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__status { min-height: 18px; color: #646970; font-size: 13px; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled.is-processing .epkb-article-views-toggle__slider { cursor: progress; opacity: 0.7; } #ekb-admin-page-wrap .epkb-analytics-article-views-disabled.is-processing .epkb-article-views-toggle__status { color: #0073AA; font-weight: 600; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content, #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content { margin-top: 40px; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col { grid-template-columns: 100%; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col #statistics-searches-data { display: flex; flex-direction: column; margin-left: 0; margin-right: 0; width: 100%; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col #statistics-searches-data .asea-statistics-body { flex-direction: column; display: flex; flex-grow: 1; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col #statistics-searches-data .asea-statistics-body ul.asea-statistics-list { display: flex; flex-direction: row; flex-grow: 1; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col #statistics-searches-data .asea-statistics-body ul.asea-statistics-list li { display: flex; flex-direction: column; justify-content: center; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-2-col { display: flex; flex-direction: column; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-2-col .asea-pie-chart-container { margin-left: 0; margin-right: 0; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-2-col { display: flex; flex-direction: column; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-2-col .asea-pie-chart-container { margin-left: 0; margin-right: 0; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eprf-pie-chart-container { margin-left: 0; margin-right: 0; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col { display: flex; flex-direction: column; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col #statistics-ratinges-data { display: flex; flex-direction: column; margin-left: 0; margin-right: 0; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col #statistics-ratinges-data .eprf-statistics-body { display: flex; flex-grow: 1; flex-direction: column; width: 100%; justify-content: center; align-items: center; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col #statistics-ratinges-data .eprf-statistics-body ul.eprf-statistics-list { width: 100%; } #ekb-admin-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col #statistics-ratinges-data .eprf-statistics-body ul.eprf-statistics-list li { width: 100%; float: initial; } @media (min-width: 1921px) { #ekb-admin-page-wrap .epkb-analytics-page-container { max-width: 2000px; } } @media (max-width: 1500px) { #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav { flex-direction: column; justify-content: center; } #ekb-admin-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter { margin-left: 0; } #ekb-admin-page-wrap .epkb-time-based-analytics-row { grid-template-columns: repeat(1, 1fr) !important; } #ekb-admin-page-wrap .epkb-growth-metrics { grid-template-columns: 1fr; } #ekb-admin-page-wrap .epkb-analytics-date-range-filter__inner { justify-content: flex-start; } #ekb-admin-page-wrap .epkb-time-based-analytics-row { grid-template-columns: 1fr; } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget, #ekb-admin-page-wrap .overview-info-widget { width: calc((100% - 20px) / 2); } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(3n), #ekb-admin-page-wrap .overview-info-widget:nth-child(3n) { margin-right: 20px; } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(2n), #ekb-admin-page-wrap .overview-info-widget:nth-child(2n) { margin-right: 0; } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(1), #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(2), #ekb-admin-page-wrap .overview-info-widget:nth-child(1), #ekb-admin-page-wrap .overview-info-widget:nth-child(2) { margin-top: 0; } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(3), #ekb-admin-page-wrap .overview-info-widget:nth-child(3) { margin-top: 20px; } } @media (max-width: 768px) { #ekb-admin-page-wrap .epkb-analytics-date-range-filter__inner { flex-direction: column; align-items: stretch; width: 100%; gap: 12px; } #ekb-admin-page-wrap .epkb-analytics-date-range-filter__quick-buttons { width: 100%; border-right: none; border-bottom: 1px solid #DDDDDD; padding-right: 0; padding-bottom: 12px; } #ekb-admin-page-wrap .epkb-analytics-date-range-filter__quick-buttons .epkb-analytics-date-range-quick-btn { flex: 1; } #ekb-admin-page-wrap .epkb-analytics-date-range-filter .epkb-analytics-date-range-preset { width: 100%; } #ekb-admin-page-wrap .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom { width: 100%; flex-direction: column; align-items: stretch; } #ekb-admin-page-wrap .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom input[type=date] { width: 100%; } #ekb-admin-page-wrap .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply { width: 100%; } #ekb-admin-page-wrap .epkb-config-content-wrapper { flex-direction: column; } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget, #ekb-admin-page-wrap .overview-info-widget { width: 100%; margin: 20px 0 0 0; } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(1n), #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(2n), #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(3n), #ekb-admin-page-wrap .overview-info-widget:nth-child(1n), #ekb-admin-page-wrap .overview-info-widget:nth-child(2n), #ekb-admin-page-wrap .overview-info-widget:nth-child(3n) { margin-right: 0; } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(1), #ekb-admin-page-wrap .overview-info-widget:nth-child(1) { margin-top: 0; } #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(2), #ekb-admin-page-wrap .eckb-config-content .overview-info-widget:nth-child(3), #ekb-admin-page-wrap .overview-info-widget:nth-child(2), #ekb-admin-page-wrap .overview-info-widget:nth-child(3) { margin-top: 20px; } #ekb-admin-page-wrap .epkb-asea-analytics-teaser, #ekb-admin-page-wrap .epkb-eprf-analytics-teaser { flex-direction: column; gap: 16px; padding: 20px; } #ekb-admin-page-wrap .epkb-asea-analytics-teaser__icon, #ekb-admin-page-wrap .epkb-eprf-analytics-teaser__icon { width: 56px; height: 56px; } #ekb-admin-page-wrap .epkb-asea-analytics-teaser__icon .epkbfa, #ekb-admin-page-wrap .epkb-eprf-analytics-teaser__icon .epkbfa { font-size: 28px; } #ekb-admin-page-wrap .epkb-asea-analytics-teaser__content h3, #ekb-admin-page-wrap .epkb-eprf-analytics-teaser__content h3 { font-size: 16px; } #ekb-admin-page-wrap .epkb-asea-analytics-teaser__content p, #ekb-admin-page-wrap .epkb-asea-analytics-teaser__content ul li, #ekb-admin-page-wrap .epkb-eprf-analytics-teaser__content p, #ekb-admin-page-wrap .epkb-eprf-analytics-teaser__content ul li { font-size: 13px; } } #ekb-admin-page-wrap .epkb-add-ons-page-container { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); background-attachment: fixed; padding: 20px; min-height: 100vh; position: relative; } #ekb-admin-page-wrap .epkb-add-ons-page-container::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(10px); z-index: 0; } #ekb-admin-page-wrap .epkb-add-ons-page-container > * { position: relative; z-index: 1; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__boxes-list__box__header { text-align: center !important; font-size: 36px !important; font-weight: 700 !important; color: #1F2937 !important; margin: 30px 0 40px !important; letter-spacing: -0.5px !important; position: relative !important; border-bottom: none !important; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__boxes-list__box__header::after { content: ""; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 150px; height: 5px; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); border-radius: 3px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; width: 100%; padding: 20px 0; /** * Licenses */ /** * Add-ons - Modern Card Design */ } @media (min-width: 1200px) { #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1199px) and (min-width: 768px) { #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container { grid-template-columns: 1fr; } } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .icon_green { color: #10B981; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .icon_blue { color: #3B82F6; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .icon_red { color: #EF4444; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses { width: 100%; grid-column: 1/-1; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses ul { align-items: center; width: 100%; margin: 0; } @media (max-width: 540px) { #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses ul { flex-flow: wrap; } } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on { display: block; width: 100% !important; background: white; border-radius: 16px; margin: 0 0 20px 0; height: auto; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-add-on-title { padding: 20px; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: white; position: relative; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-add-on-title h2 { margin: 0; color: white; font-weight: 600; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-add-on-title .ep_font_icon_info { position: absolute; top: 18px; right: 15px; font-size: 25px; color: white; border-radius: 55px; transition: all 0.3s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-add-on-title .ep_font_icon_info:hover { cursor: pointer; transform: scale(1.1); opacity: 0.9; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-add-on-title .ep_font_icon_info_content { padding: 10px; margin: 10px 0 0 0; font-size: 14px; background-color: #FFFFFF; color: #4B5563; border-radius: 8px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check { padding: 20px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-key { width: 100%; margin-top: 20px; margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-key li { display: block; float: left; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-key li:nth-child(1) { min-width: 185px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-key li:nth-child(2) { min-width: 300px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-key li:nth-child(3) { margin-left: 10px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check input { margin: 0; border-radius: 6px; border: 2px solid #E5E7EB; padding: 8px 12px; transition: all 0.3s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check input:focus { border-color: #667EEA; outline: none; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .primary-btn { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); border: none; border-radius: 8px; padding: 10px 20px; color: white; font-weight: 600; transition: all 0.3s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .primary-btn a { text-decoration: none; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .primary-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .primary-btn:focus { outline: 0; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .primary-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-status { display: flex; width: 100%; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-status ul { display: flex; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-status li { display: block; line-height: 1.5; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-status li:nth-child(1) { min-width: 35px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-status li:nth-child(2) { min-width: 150px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-expiry { width: 100%; margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-expiry li { display: block; float: left; line-height: 1.5; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-expiry li:nth-child(1) { min-width: 35px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-expiry li:nth-child(2) { min-width: 150px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-version { display: flex; width: 100%; margin-bottom: 20px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-version li { display: block; float: left; line-height: 1.5; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-version li:nth-child(1) { min-width: 35px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-version li:nth-child(2) { min-width: 150px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-version li:nth-child(3) { width: 100px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-license-check .ekb-license-version li:nth-child(4) { width: 100px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ep_font_icon_checkmark { color: #10B981; border: solid 2px #10B981; border-radius: 55px; padding: 3px; margin-left: 1px; background: rgba(16, 185, 129, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ep_font_icon_error_circle { font-size: 24px; color: #EF4444; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ep_font_icon_question { font-size: 24px; color: #F59E0B; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-error { color: #EF4444; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on .ekb-success { color: #10B981; } @media (max-width: 1200px) { #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #ekcb-licenses .ekb-add-on { width: 100%; margin: 0 0 20px 0; } } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product { display: flex; flex-direction: column; background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; min-height: 480px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:hover .featured_img img { transform: scale(1.05); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:hover .epkb-primary-btn { background: linear-gradient(135deg, #764BA2 0%, #F43B47 100%); transform: scale(1.05); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2) { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); color: white; position: relative; overflow: hidden; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2)::before { content: ""; position: absolute; top: 0; left: -100%; width: 200%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); animation: shimmer 3s infinite; } @keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2) .top_heading { color: white; position: relative; z-index: 1; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2) .top_heading h3 { color: white; font-weight: 700; font-size: 20px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2) .top_heading p { color: rgba(255, 255, 255, 0.95); font-weight: 500; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2) .description { color: rgba(255, 255, 255, 0.95); position: relative; z-index: 1; font-weight: 400; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2) .description strong { color: white; font-weight: 600; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2) .epkb-primary-btn { background: white; color: #667EEA; font-weight: 700; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2) .epkb-primary-btn:hover { color: #764BA2; transform: scale(1.08); box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.3); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product:nth-child(2)::after { content: "HOT"; position: absolute; top: 20px; right: -30px; background: linear-gradient(135deg, #F43B47 0%, #FF8A00 100%); color: white; padding: 5px 40px; font-size: 12px; font-weight: 700; transform: rotate(45deg); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); z-index: 10; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product#epkb-add-on-bundle { background: linear-gradient(135deg, #F093FB 0%, #F5576C 100%); color: white; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product#epkb-add-on-bundle .top_heading { color: white; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product#epkb-add-on-bundle .top_heading h3 { color: white; font-weight: 700; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product#epkb-add-on-bundle .top_heading p { color: rgba(255, 255, 255, 0.95); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product#epkb-add-on-bundle .description { color: rgba(255, 255, 255, 0.95); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product#epkb-add-on-bundle .description strong { color: white; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product#epkb-add-on-bundle .epkb-primary-btn { background: white; color: #F5576C; font-weight: 700; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product#epkb-add-on-bundle .epkb-primary-btn:hover { background: #F3F4F6; transform: scale(1.08); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .top_heading { padding: 24px 20px 12px; color: #1F2937; margin: 0; position: relative; z-index: 1; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .top_heading h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 600; letter-spacing: -0.02em; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .top_heading p { margin: 6px 0 0; color: #6B7280; font-size: 13px; font-style: italic; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .featured_img { width: 100%; height: 180px; overflow: hidden; position: relative; z-index: 1; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .featured_img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .featured_img:hover { cursor: pointer; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .description { padding: 20px; color: #4B5563; font-size: 14px; line-height: 1.6; flex-grow: 1; position: relative; z-index: 1; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .description strong { color: #1F2937; font-weight: 600; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .button_container { padding: 0 20px 24px; position: relative; z-index: 1; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .button_container .epkb-primary-btn { width: 100%; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); border: none; border-radius: 12px; padding: 12px 24px; color: white; font-weight: 600; font-size: 14px; text-decoration: none; display: inline-block; text-align: center; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .button_container .epkb-primary-btn:hover { transform: scale(1.05); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .button_container .coming_soon { background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%); color: white; padding: 12px 24px; font-weight: 600; border-radius: 12px; font-size: 14px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product ul { list-style-type: disc; box-sizing: border-box; padding: 0 17px; text-align: left; font-size: 13px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .add_on_product .website { padding: 20px; display: block; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #epkb-add-on-bundle .featured_img img { padding: 10px; background: rgba(255, 255, 255, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container #epkb-add-on-bundle .epkb-primary-btn { color: #000000 !important; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .epkb-input-group .epkb-checkbox-input { float: left; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .epkb-input-group .epkb-checkbox-input input { width: 22px; height: 22px; border: 2px solid #E5E7EB; border-radius: 6px; margin-top: -1px; margin-right: 8px; transition: all 0.2s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .epkb-input-group .epkb-checkbox-input input:checked { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); border-color: #667EEA; } #ekb-admin-page-wrap .epkb-add-ons-page-container .add_on_container .epkb-input-group .epkb-checkbox-input input:focus { outline: none; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .recommended-plugins { margin: 0; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .epkb-admin__boxes-list__box { background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 24px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list ul { list-style: none; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card { display: flex; width: 100%; flex-direction: column; background: white; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border: none; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card:hover { transform: translateY(-4px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .desc, #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .name { margin-left: 148px; margin-right: 20px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-card-top { flex-grow: 1; padding: 20px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-card-top h3 { margin-bottom: 12px; font-weight: 600; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-card-top h3 a { color: #1F2937; text-decoration: none; transition: color 0.2s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-card-top h3 a:hover { color: #667EEA; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-card-top .plugin-icon { border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-card-bottom { background: #F9FAFB; padding: 16px 20px; border-top: 1px solid #E5E7EB; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .column-description p { margin: 13px 0; color: #4B5563; line-height: 1.6; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .action-links { position: absolute; top: auto; bottom: 0; right: 20px; width: 120px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-action-buttons { margin-top: 12px; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-action-buttons .button { background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); border: none; border-radius: 8px; padding: 8px 16px; color: white; font-weight: 600; transition: all 0.3s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-action-buttons .button:hover { transform: scale(1.05); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-action-buttons .button.button-disabled { background: #E5E7EB; color: #9CA3AF; cursor: not-allowed; } #ekb-admin-page-wrap .epkb-add-ons-page-container .epkb-admin__section-wrap__our-free-plugins .the-list .plugin-card .plugin-action-buttons .button.button-disabled:hover { transform: none; box-shadow: none; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses { background: white; border-radius: 16px; padding: 24px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content p { margin-bottom: 20px; color: #4B5563; line-height: 1.6; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content p a { color: #667EEA; text-decoration: none; font-weight: 600; transition: color 0.2s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content p a:hover { color: #764BA2; text-decoration: underline; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links .epkb-kb__btn-wrap { background: linear-gradient(135deg, #F3F4F6 0%, #E5E7EB 100%); border-radius: 12px; padding: 16px; transition: all 0.3s ease; position: relative; overflow: hidden; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links .epkb-kb__btn-wrap::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); opacity: 0; transition: opacity 0.3s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links .epkb-kb__btn-wrap:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2); } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links .epkb-kb__btn-wrap:hover::before { opacity: 0.05; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links .epkb-kb__btn-wrap:hover a { color: #667EEA; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links .epkb-kb__btn-wrap a { color: #1F2937; text-decoration: none; font-weight: 600; font-size: 14px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; transition: color 0.3s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links .epkb-kb__btn-wrap .epkb-kbnh__link__icon { color: #6B7280; font-size: 16px; transition: transform 0.3s ease; } #ekb-admin-page-wrap .epkb-add-ons-page-container #epkb-admin__boxes-list__licenses .epkb-admin__boxes-list__box-manage-licenses .epkb-admin__boxes-list__box__content .epkb-license-links .epkb-kb__btn-wrap:hover .epkb-kbnh__link__icon { transform: translateX(4px); } @media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) { #ekb-admin-page-wrap .epkb-add-ons-page-container .action-links { right: 45px !important; } } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-admin__boxes-list__box { background-color: transparent; border: none; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__content { padding: 0; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-top-buttons-container { margin: 20px 0; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-top-buttons-container .epkb-btn { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 6px; font-weight: 500; transition: all 0.2s ease-in-out; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-top-buttons-container .epkb-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-top-buttons-container .epkb-btn .epkb-btn-icon { margin-right: 10px; font-size: 16px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-top-buttons-container .epkb-btn.epkb-success-btn { background-color: #4CAF50; border-color: #43A047; color: white; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-top-buttons-container .epkb-btn.epkb-success-btn:hover { background-color: #43A047; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-content-container { display: flex; gap: 20px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form { display: none; width: 50%; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form.epkb-faq-group-form--active { display: block; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-head { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; width: 100%; background-color: #FFC52B; border: 1px solid #D6E2ED; padding: 0 20px; border-radius: 5px; min-height: 56px; box-sizing: border-box; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-head .epkb-faq-group-form-head-left-col { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; flex: 1; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-head .epkb-faq-group-form-head-right-col { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-head .epkb-faq-group-form-head__close { font-size: 14px; padding: 7px 10px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-head .epkb-faq-group-form-head__close:hover { cursor: pointer; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-head .epkb-faq-group-form-head__save { font-size: 14px; padding: 7px 10px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-head .epkb-faq-group-form-head__save:hover { cursor: pointer; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-head .epkb-faq-group-form-head__title { font-size: 18px; font-weight: 600; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; padding: 10px 20px; background-color: #F5F5F5; border: 1px solid #D6E2ED; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-delete-icon { font-size: 19px; color: #A1A1A1; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-delete-icon:hover { color: #D95651; cursor: pointer; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-admin__text-field { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; flex: 1; margin: 0; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-admin__text-field .input_container { width: 100%; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-admin__text-field input { border-radius: 2px; width: 100%; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-settings-control-type-toggle .epkb-settings-control-toggle { width: 80px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-settings-control-type-toggle .epkb-settings-control-toggle .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label { background: #2EA3F2; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-settings-control-type-toggle .epkb-settings-control-toggle .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label:after { left: 10px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-settings-control-type-toggle .epkb-settings-control-toggle .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label:before { z-index: 0; color: #2EA3F2; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-settings .epkb-settings-control-type-toggle .epkb-settings-control-toggle .epkb-settings-control__input__label:before { right: 8px; z-index: 9999; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-group-form-body { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; padding: 10px; background-color: #FFFFFF; border: 1px solid #D6E2ED; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list { display: flex; flex-direction: column; width: 100%; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list .epkb-faq-question { display: flex; align-items: center; font-size: 15px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list .epkb-faq-question .epkb-faq-question__action-order { padding: 10px; display: block; cursor: move; border-radius: 5px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list .epkb-faq-question .epkb-faq-question__action-order:hover { background-color: #E8E8E8; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list .epkb-faq-question .epkb-faq-question__action-edit { display: flex; padding: 10px 10px; align-items: center; gap: 10px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list .epkb-faq-question .epkb-faq-question__action-edit:hover { cursor: pointer; background-color: #E8E8E8; border-radius: 5px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list .epkb-faq-question .epkb-faq-question__exclude-icon { color: #D95651; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list .epkb-faq-question__action-order:hover { background-color: #E8E8E8; border-radius: 5px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list-empty { display: none; align-items: flex-start; flex-grow: 1; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-group-form .epkb-faq-questions-list-empty.epkb-faq-questions-list-empty--active { display: flex; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-groups-list { display: flex; flex-direction: row; flex-grow: 1; gap: 20px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-groups-list .epkb-body-col { display: flex; flex-direction: column; gap: 20px; width: calc(50% - 10px); } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-faq-groups-list.epkb-faq-groups-list--hide { display: none; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head { display: flex; width: 100%; background-color: #E9EFF9; border: 1px solid #D6E2ED; align-items: center; padding: 0 20px; border-radius: 5px; gap: 15px; min-height: 56px; box-sizing: border-box; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head-left-col { display: flex; align-items: center; flex: 1; gap: 15px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head-right-col { display: flex; align-items: center; gap: 15px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head__order { font-size: 14px; padding: 7px 10px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head__order:hover { cursor: pointer; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head__edit { font-size: 14px; padding: 7px 10px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head__edit:hover { cursor: pointer; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head__order-close { font-size: 14px; padding: 7px 10px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head__order-close:hover { cursor: pointer; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-group-head .epkb-faq-group-head__title { font-size: 18px; font-weight: 600; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-questions-list { display: flex; flex-direction: column; padding: 10px; background-color: #FFFFFF; border: 1px solid #D6E2ED; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-questions-list .epkb-faq-question { display: flex; align-items: center; font-size: 15px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container .epkb-faq-questions-list .epkb-faq-question .epkb-faq-question__action-edit { display: flex; padding: 10px 10px; align-items: center; gap: 10px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container .epkb-faq-group-container--hide { display: none; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container { display: none; width: 50%; flex-direction: column; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container.epkb-available-questions-container--active { display: flex; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head { display: flex; width: 100%; background-color: #FFFFFF; border: 1px solid #D6E2ED; align-items: center; padding: 0 20px; border-radius: 5px; gap: 15px; min-height: 56px; box-sizing: border-box; justify-content: space-between; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__title { font-size: 18px; font-weight: 600; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle { display: flex; align-items: center; gap: 10px; font-size: 14px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__label { font-weight: 500; transition: color 0.3s ease; user-select: none; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__label--recent { color: #2271B1; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__label--abc { color: #8C8F94; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__switch { position: relative; display: inline-block; width: 40px; height: 22px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__switch input { opacity: 0; width: 0; height: 0; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__switch input:checked ~ .epkb-sort-toggle__slider { background-color: #2271B1; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__switch input:checked ~ .epkb-sort-toggle__slider:before { transform: translateX(18px); } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__switch input:checked ~ .epkb-sort-toggle__slider:before { transform: translateX(18px); } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__switch input:checked + .epkb-sort-toggle__slider { background-color: #2271B1; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__switch .epkb-sort-toggle__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #2271B1; transition: 0.3s; border-radius: 22px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle .epkb-sort-toggle__switch .epkb-sort-toggle__slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 3px; background-color: white; transition: 0.3s; border-radius: 50%; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle:has(input:checked) .epkb-sort-toggle__label--recent { color: #8C8F94; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-head .epkb-available-questions-head__sort .epkb-sort-toggle:has(input:checked) .epkb-sort-toggle__label--abc { color: #2271B1; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-search { position: relative; display: flex; align-items: center; padding: 10px; background-color: #FFFFFF; border-left: 1px solid #D6E2ED; border-right: 1px solid #D6E2ED; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-search .epkb-available-questions-search__input { width: 100%; padding: 8px 35px 8px 12px; border: 1px solid #D6E2ED; border-radius: 4px; font-size: 14px; line-height: 1.5; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-search .epkb-available-questions-search__input:focus { outline: none; border-color: #2271B1; box-shadow: 0 0 0 1px #2271B1; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-search .epkb-available-questions-search__icon { position: absolute; right: 20px; color: #8C8F94; pointer-events: none; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-body { display: flex; flex-direction: column; padding: 10px; background-color: #FFFFFF; border: 1px solid #D6E2ED; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-body .epkb-faq-question { display: flex; align-items: center; gap: 10px; padding: 10px 10px; font-size: 15px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-body .epkb-faq-question.epkb-faq-question--hide, #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-body .epkb-faq-question.epkb-faq-question--search-hide { display: none; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-body .epkb-faq-question:hover { cursor: pointer; background-color: #E8E8E8; border-radius: 5px; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-available-questions-body .epkb-faq-question .epkb-faq-question__include-icon { color: #78B956; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-faq-question__action-order { display: none; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-faq-question__action-edit { display: flex; flex-direction: row; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-faq-question__action-edit .epkb-faq-question__edit-icon { display: none; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-faq-questions-list-empty { display: none; align-items: flex-start; } #ekb-admin-page-wrap #epkb-kb-faqs-page-container #epkb-available-questions-container .epkb-faq-questions-list-empty.epkb-faq-questions-list-empty--active { display: flex; } #ekb-admin-page-wrap #epkb-all-faqs-container { display: flex; width: 100%; flex-direction: column; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-faqs-head { display: flex; flex-direction: column; width: 100%; background-color: #E9EFF9; border: 1px solid #D6E2ED; align-items: center; padding: 20px 20px; border-radius: 8px 8px 0 0; gap: 15px; box-sizing: border-box; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-faqs-head .epkb-all-faqs-head__title { font-size: 20px; font-weight: 600; width: 100%; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-faqs-head .epkb-all-faqs-head__sub-title { width: 100%; color: #555555; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body { display: flex; padding: 20px; background-color: #FFFFFF; border: 1px solid #D6E2ED; border-top: none; border-radius: 0 0 8px 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03); gap: 20px; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body .epkb-body-col { width: 50%; display: flex; flex-direction: column; gap: 12px; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body .epkb-faq-question { display: flex; align-items: center; width: 100%; font-size: 15px; margin-bottom: 4px; background-color: #F8F9FA; border: 1px solid #EAECEF; border-radius: 8px; transition: all 0.2s ease-in-out; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body .epkb-faq-question:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); border-color: #D0D7DE; background-color: #F0F4F8; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body .epkb-faq-question .epkb-faq-question__action-edit { display: flex; width: 100%; padding: 14px 16px; align-items: center; justify-content: space-between; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body .epkb-faq-question .epkb-faq-question__action-edit .epkb-faq-question__title { font-weight: 500; color: #2C3E50; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body .epkb-faq-question .epkb-faq-question__action-edit .epkb-faq-question__edit-icon { display: flex; color: #6C757D; font-size: 16px; opacity: 0.7; transition: all 0.2s ease; padding: 6px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.02); } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body .epkb-faq-question .epkb-faq-question__action-edit .epkb-faq-question__edit-icon:hover { color: #0D6EFD; opacity: 1; background-color: rgba(13, 110, 253, 0.1); } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-all-questions-body .epkb-faq-question .epkb-faq-question__delete-icon { color: #DC3545; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-faq-questions-list-empty { display: none; align-items: center; justify-content: center; padding: 40px 20px; font-size: 15px; color: #6C757D; font-style: italic; border: 2px dashed #DEE2E6; border-radius: 8px; width: 100%; } #ekb-admin-page-wrap #epkb-all-faqs-container .epkb-faq-questions-list-empty.epkb-faq-questions-list-empty--active { display: flex; } #ekb-admin-page-wrap #epkb-faq-shortcode-container { /* New Flex Layout for Content and Preview */ } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-shortcode-page-header { display: flex; justify-content: flex-end; margin-bottom: 15px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-shortcode-page-header .epkb-help-btn { display: inline-flex; align-items: center; gap: 5px; padding: 8px 12px; background-color: #F1F1F1; border-radius: 4px; text-decoration: none; color: #444444; font-size: 14px; transition: all 0.2s ease; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-shortcode-page-header .epkb-help-btn:hover { background-color: #E0E0E0; color: #000000; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-shortcode-page-header .epkb-help-btn .epkbfa { color: #2EA3F2; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex { display: flex; gap: 30px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-content-column { flex: 1; min-width: 0; /* Prevent flex items from overflowing */ } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column { width: 45%; min-width: 350px; position: relative; /* Sticky preview on larger screens */ } @media (min-width: 1200px) { #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column { position: sticky; top: 32px; align-self: flex-start; max-height: calc(100vh - 100px); overflow-y: auto; } } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container { margin-bottom: 20px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container .epkb-shortcode-example-head { background-color: #E9EFF9; border: 1px solid #D6E2ED; padding: 15px 20px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container .epkb-shortcode-example-head__title { font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #2C3E50; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container .epkb-shortcode-example-head__sub-title { font-size: 14px; color: #5C7C99; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container .epkb-shortcode-example-body { background-color: #FFFFFF; border: 1px solid #D6E2ED; border-top: none; padding: 20px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container .epkb-shortcode-example-body .epkb-shortcode-display { margin-bottom: 15px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container .epkb-shortcode-example-body .epkb-shortcode-display .epkb-clipboard-box { border: 1px solid #EAECEF; border-radius: 4px; overflow: hidden; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container .epkb-shortcode-example-body .epkb-shortcode-display .epkb-clipboard-box .epkb-ctc__embed-title { background-color: #F8F9FA; padding: 10px 15px; font-weight: 500; border-bottom: 1px solid #EAECEF; } #ekb-admin-page-wrap #epkb-faq-shortcode-container .epkb-faq-shortcode-container-flex .epkb-faq-shortcode-preview-column #epkb-shortcode-generator-container .epkb-shortcode-example-body .epkb-shortcode-display .epkb-clipboard-box .epkb-ctc__embed-content { padding: 15px; background-color: #F6F8FA; font-family: monospace; font-size: 13px; overflow-x: auto; white-space: nowrap; margin-right: 0; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-shortcode-generator-container { width: 100%; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border-radius: 8px; overflow: hidden; margin-bottom: 20px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-shortcode-generator-container .epkb-ctc__copy-button { display: none !important; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container { display: block; width: 100%; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border-radius: 8px; overflow: hidden; position: relative; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-head { display: flex; flex-direction: column; width: 100%; background-color: #E9EFF9; border: 1px solid #D6E2ED; padding: 15px 20px; border-radius: 8px 8px 0 0; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-head__title { font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #2C3E50; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-head__sub-title { font-size: 14px; color: #5C7C99; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body { min-height: 300px; max-height: 600px; overflow-y: auto; background-color: #FFFFFF; border: 1px solid #D6E2ED; border-top: none; padding: 20px; border-radius: 0 0 8px 8px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body .epkb-faq-preview-content { width: 100%; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body .epkb-faq-preview-content .epkb-faqs { margin: 0 auto; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body .epkb-faq-preview-content .epkb-faqs__item-container { margin-bottom: 10px; transition: all 0.2s ease; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body .epkb-faq-preview-content .epkb-faqs__item-container--active { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body .epkb-faq-preview-content .epkb-faqs__item__question { font-weight: 600; padding: 12px 15px; background-color: #F8F9FA; border-radius: 4px; position: relative; cursor: pointer; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body .epkb-faq-preview-content .epkb-faqs__item__question:hover { background-color: #F0F4F8; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container .epkb-faq-shortcode-preview-body .epkb-faq-preview-content .epkb-faqs__item__answer { padding: 15px; background-color: #FFFFFF; border: 1px solid #EEEEEE; border-top: none; border-radius: 0 0 4px 4px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container.loading .epkb-faq-shortcode-preview-body { position: relative; min-height: 300px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container.loading .epkb-faq-shortcode-preview-body:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 10; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-preview-container.loading .epkb-faq-shortcode-preview-body:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; border: 4px solid #D6E2ED; border-top-color: #5C7C99; border-radius: 50%; z-index: 11; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container { width: 100%; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container .epkb-faq-shortcode-settings-head { display: flex; flex-direction: column; width: 100%; background-color: #E9EFF9; border: 1px solid #D6E2ED; align-items: center; padding: 20px 20px; border-radius: 5px 5px 0 0; gap: 15px; box-sizing: border-box; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container .epkb-faq-shortcode-settings-head .epkb-faq-shortcode-settings-head__title { font-size: 22px; font-weight: 600; width: 100%; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container .epkb-faq-shortcode-settings-head .epkb-faq-shortcode-settings-head__sub-title { width: 100%; font-size: 14px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container .epkb-faq-shortcode-settings-body { display: flex; flex-direction: column; padding: 20px; background-color: #FFFFFF; border: 1px solid #D6E2ED; border-top: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container .epkb-admin__kb__form { display: flex; flex-direction: row; flex-wrap: wrap; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container .epkb-input-group { width: 100%; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container .epkb-admin__color-field { width: 45%; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-faq-shortcode-settings-container .epkb-admin__color-field:nth-child(even) { margin-left: auto; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container { display: flex; width: 100%; flex-direction: column; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); overflow: hidden; margin-bottom: 30px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-faq-shortcode-groups-head { display: flex; flex-direction: column; width: 100%; background-color: #E9EFF9; border: 1px solid #D6E2ED; padding: 20px; border-radius: 8px 8px 0 0; box-sizing: border-box; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-faq-shortcode-groups-head__title { font-size: 20px; font-weight: 600; color: #2C3E50; margin-bottom: 8px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-faq-shortcode-groups-head__sub-title { color: #5C7C99; font-size: 14px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-actions { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background-color: #F5F7FA; border-left: 1px solid #D6E2ED; border-right: 1px solid #D6E2ED; border-bottom: 1px solid #D6E2ED; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-actions .epkb-all-groups-select-all { display: flex; align-items: center; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-actions .epkb-all-groups-select-all label { display: flex; align-items: center; font-size: 14px; color: #5C7C99; font-weight: 500; cursor: pointer; user-select: none; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-actions .epkb-all-groups-select-all label input[type=checkbox] { margin-right: 8px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-actions .epkb-all-groups-count { font-size: 13px; color: #6C757D; font-style: italic; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-actions .epkb-all-groups-count.epkb-warning-text { color: #DC3545; font-weight: 500; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table-header { display: flex; align-items: center; background-color: #F8F9FA; border-left: 1px solid #D6E2ED; border-right: 1px solid #D6E2ED; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table-header .epkb-groups-header-cell { font-size: 13px; font-weight: 600; color: #6C757D; padding: 10px 15px; text-transform: uppercase; letter-spacing: 0.5px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table-header .epkb-groups-header-cell.epkb-groups-header-select { width: 50px; display: flex; justify-content: center; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table-header .epkb-groups-header-cell.epkb-groups-header-name { flex: 1; padding-left: 20px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table-header .epkb-groups-header-cell.epkb-groups-header-id { width: 100px; text-align: center; border-left: 1px solid #EAECEF; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table { border: 1px solid #D6E2ED; border-top: none; border-radius: 0 0 8px 8px; overflow: hidden; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-row { display: flex; align-items: center; border-bottom: 1px solid #EAECEF; transition: all 0.2s ease; position: relative; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-row:last-child { border-bottom: none; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-row:hover { background-color: #F0F4F8; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-row:hover .epkb-groups-table-name { color: #0D6EFD; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-row:hover .epkb-groups-table-select input[type=checkbox] { border-color: #5C7C99; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-row.selected { background-color: #E8F4FE; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-row.selected:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #2EA3F2; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-row:focus-within { outline: 2px solid rgba(92, 124, 153, 0.3); outline-offset: -2px; z-index: 1; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-cell { padding: 15px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-cell.epkb-groups-table-select { width: 50px; display: flex; justify-content: center; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-cell.epkb-groups-table-select input[type=checkbox] { width: 18px; height: 18px; padding: 13px !important; border: 1px solid #D0D7DE; border-radius: 3px; cursor: pointer; transition: all 0.2s ease; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-cell.epkb-groups-table-select input[type=checkbox]:checked { background-color: #2EA3F2; border-color: #2EA3F2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E"); background-size: 80%; background-position: center; background-repeat: no-repeat; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-cell.epkb-groups-table-select input[type=checkbox]::before { display: none; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-cell.epkb-groups-table-select input[type=checkbox]:focus { box-shadow: 0 0 0 2px rgba(92, 124, 153, 0.2); outline: none; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-cell.epkb-groups-table-name { flex: 1; font-weight: 500; color: #2C3E50; font-size: 15px; transition: color 0.2s ease; padding-left: 20px; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-table .epkb-groups-table-cell.epkb-groups-table-id { width: 100px; font-family: monospace; color: #6C757D; font-size: 13px; text-align: center; background-color: #F8F9FA; border-left: 1px solid #EAECEF; user-select: all; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-empty { display: none; padding: 40px 20px; text-align: center; color: #6C757D; font-style: italic; } #ekb-admin-page-wrap #epkb-faq-shortcode-container #epkb-all-groups-container .epkb-all-groups-empty.epkb-all-groups-empty--active { display: block; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup { display: none; width: 100%; position: fixed; top: 32px; left: 160px; background: white; bottom: 0; z-index: 55; box-sizing: border-box; padding: 0; align-items: center; justify-content: center; padding-right: 160px; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup.epkb-faq-question-wp-editor-popup--active { display: flex; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__overlay { background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup #epkb-faq-question-wp--form { width: 60vw; min-height: 365px; overflow: auto; max-width: 800px; max-height: 700px; display: flex; flex-direction: column; background: white; padding: 20px; z-index: 5; position: relative; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup #epkb-faq-question-wp--form #wp-epkb-faq-question-wp-editor-editor-container iframe { height: 200px !important; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__buttons { display: flex; justify-content: flex-end; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__buttons .epkb-submit { padding-top: 13px; padding-bottom: 5px; margin-left: 10px; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__question { margin-bottom: 10px; position: relative; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__question h4 { margin: 0 0 10px 0; font-size: 19px; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__question .epkb-faq-question-wp-editor__question__input-container { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__question .epkb-faq-question-wp-editor__question__input-container #epkb-faq-wp-editor__faq-title { width: 700px; padding: 6px 12px; margin: 0; border: solid 1px #D5DADF; box-shadow: none; border-radius: 2px; color: #2C2C2C; background-color: #FFFFFF; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__question .epkb-faq-question-wp-editor__question__input-container .epkb-characters_left { padding: 10px 10px 10px 2px; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__question .epkb-faq-question-wp-editor__question__input-container .epkb-characters_left .epkb-characters_left-title { margin-right: 5px; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__answer { position: relative; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__answer > h4 { position: relative; top: 20px; margin: 0 0 10px 0; font-size: 19px; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__answer .epkb-characters_left { font-size: 14px; position: absolute; bottom: -45px; left: 0; padding: 10px 10px 10px 2px; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__answer .epkb-characters_left .epkb-characters_left-title { margin-right: 5px; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__action__delete { margin-left: 0; margin-right: auto; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__action__delete #epkb_delete_faq { display: none; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb-faq-question-wp-editor__action__delete.epkb-faq-question-wp-editor__action__delete--active #epkb_delete_faq { display: block; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb__help_editor__action__remove-from-group { display: none; } #ekb-admin-page-wrap #epkb-faq-question-wp-editor-popup .epkb__help_editor__action__remove-from-group.epkb__help_editor__action__remove-from-group--active { display: block; } #ekb-admin-page-wrap .epkb-input-custom-dropdown .input_container { position: relative; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } #ekb-admin-page-wrap .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list { min-width: 265px; width: 265px; display: none; position: absolute; top: 43px; left: 0; z-index: 1; background-color: #FFFFFF; border: solid 1px #D5DADF; max-height: 300px; overflow-y: auto; } #ekb-admin-page-wrap .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option { padding: 5px 12px; cursor: default; } #ekb-admin-page-wrap .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected { background-color: #2EA3F2; color: #FFFFFF; } #ekb-admin-page-wrap .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected:not(:hover) { background-color: initial; color: initial; } #ekb-admin-page-wrap .epkb-input-custom-dropdown .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option:hover { background-color: #2EA3F2; color: #FFFFFF; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin__boxes-list__box { background-color: transparent; border: none; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin__boxes-list__box .epkb-admin__boxes-list__box__content { padding: 0; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin__form .epkb-admin__form__body { flex-direction: column; max-width: 700px; padding: 25px; background-color: #FFFFFF; border: 1px solid #D6E2ED; border-radius: 8px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin__form .epkb-admin__form__body .epkb-input-group { display: flex; align-items: center; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin__form .epkb-admin__form__body .epkb-input-group > label { min-width: 200px; font-size: 15px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin__form .epkb-admin__form__body .epkb-settings-control-type-toggle { margin-bottom: 30px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin__form .epkb-admin__form__body .epkb-settings-control-type-toggle .epkb-settings-control__title { min-width: 200px; font-size: 15px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin-info-box { margin-bottom: 20px; border: 1px solid #D6E2ED; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin-info-box__header { display: flex; align-items: center; gap: 10px; padding: 15px 20px; background-color: #E9EFF9; border-bottom: 1px solid #D6E2ED; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin-info-box__header__icon { font-size: 20px; color: #5C7C99; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin-info-box__header__title { font-size: 18px; font-weight: 600; color: #2C3E50; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin-info-box__body { padding: 15px 20px; background-color: #FFFFFF; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin-info-box__body p { margin: 0; font-size: 15px; color: #555555; line-height: 1.6; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin-info-box__body ul { list-style: disc; padding-left: 20px; margin: 5px 0 0 0; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-admin-info-box__body ul li { font-size: 16px; color: #444444; line-height: 1.8; margin-bottom: 4px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-example { background-color: #F8FAFB; border: 1px solid #D6E2ED; border-radius: 6px; padding: 18px 22px; margin-bottom: 15px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-example__label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #8899A6; margin-bottom: 10px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-example__text { font-size: 16px; line-height: 1.6; color: #2C3E50; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-term { border-bottom: 2px dotted #1E73BE; cursor: help; position: relative; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-term .epkb-glossary-intro-tooltip { position: absolute; bottom: calc(100% + 8px); left: 0; max-width: 300px; min-width: 180px; padding: 12px 16px; background-color: #FFFFFF; border-radius: 6px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); display: none; line-height: 1.5; z-index: 10; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-term .epkb-glossary-intro-tooltip::after { content: ""; position: absolute; top: 100%; left: 20px; border-width: 6px; border-style: solid; border-color: #FFFFFF transparent transparent transparent; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-term .epkb-glossary-intro-tooltip__term { display: block; font-weight: 600; font-size: 14px; margin-bottom: 4px; color: #000000; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-term .epkb-glossary-intro-tooltip__definition { display: block; font-weight: 400; font-size: 13px; color: #333333; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-term:hover { background-color: rgba(30, 115, 190, 0.08); } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-intro-term:hover .epkb-glossary-intro-tooltip { display: block; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-top-buttons-container { margin: 20px 0; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-top-buttons-container .epkb-btn { display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 6px; font-weight: 500; transition: all 0.2s ease-in-out; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); cursor: pointer; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-top-buttons-container .epkb-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-top-buttons-container .epkb-btn .epkb-btn-icon { margin-right: 10px; font-size: 16px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-top-buttons-container .epkb-btn.epkb-success-btn { background-color: #4CAF50; border-color: #43A047; color: white; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-top-buttons-container .epkb-btn.epkb-success-btn:hover { background-color: #43A047; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form { margin-bottom: 20px; border: 1px solid #D6E2ED; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background-color: #FFC52B; border-bottom: 1px solid #D6E2ED; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-head__title { font-size: 18px; font-weight: 600; color: #2C3E50; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-head__actions { display: flex; gap: 10px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-head__actions button { padding: 7px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; cursor: pointer; border: none; transition: all 0.2s ease; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-head__actions button.epkb-success-btn { background-color: #4CAF50; color: white; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-head__actions button.epkb-success-btn:hover { background-color: #43A047; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-head__actions button.epkb-primary-btn { background-color: #5C7C99; color: white; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-head__actions button.epkb-primary-btn:hover { background-color: #4A6A87; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-body { padding: 20px; background-color: #FFFFFF; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field { margin-bottom: 15px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field:last-child { margin-bottom: 0; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field label { display: block; font-weight: 600; margin-bottom: 6px; color: #2C3E50; font-size: 14px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field input[type=text], #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field textarea, #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field select { width: 100%; padding: 8px 12px; border: 1px solid #D5DADF; border-radius: 4px; font-size: 14px; box-sizing: border-box; background-color: #FFFFFF; color: #2C2C2C; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field input[type=text]:focus, #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field textarea:focus, #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field select:focus { outline: none; border-color: #2271B1; box-shadow: 0 0 0 1px #2271B1; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field textarea { resize: vertical; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field select { max-width: 200px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-form .epkb-glossary-form-field .epkb-characters_left { padding: 5px 0 0; font-size: 12px; color: #888888; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-search-container { position: relative; margin-bottom: 15px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-search-container input { width: 100%; padding: 10px 35px 10px 14px; border: 1px solid #D6E2ED; border-radius: 6px; font-size: 14px; box-sizing: border-box; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-search-container input:focus { outline: none; border-color: #2271B1; box-shadow: 0 0 0 1px #2271B1; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-search-container .epkbfa-search { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #8C8F94; pointer-events: none; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container #epkb-glossary-terms-list { border: 1px solid #D6E2ED; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table { width: 100%; border-collapse: collapse; background-color: #FFFFFF; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table thead tr { background-color: #F8F9FA; border-bottom: 2px solid #D6E2ED; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table thead th { padding: 12px 16px; text-align: left; font-size: 13px; font-weight: 600; color: #6C757D; text-transform: uppercase; letter-spacing: 0.5px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table thead th:last-child { text-align: center; width: 120px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table thead th:nth-child(3) { width: 100px; text-align: center; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table tbody tr { border-bottom: 1px solid #EAECEF; transition: background-color 0.15s ease; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table tbody tr:last-child { border-bottom: none; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table tbody tr:hover { background-color: #F0F4F8; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table tbody td { padding: 12px 16px; font-size: 14px; color: #2C3E50; vertical-align: middle; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__name { font-weight: 500; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__definition { color: #555555; max-width: 400px; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__status { text-align: center; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__actions { text-align: center; white-space: nowrap; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__actions button { padding: 6px 10px; margin: 0 3px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; transition: all 0.2s ease; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__actions button.epkb-primary-btn { background-color: #5C7C99; color: white; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__actions button.epkb-primary-btn:hover { background-color: #4A6A87; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__actions button.epkb-error-btn { background-color: #DC3545; color: white; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-term-row__actions button.epkb-error-btn:hover { background-color: #C82333; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-status--publish { display: inline-block; padding: 3px 10px; background-color: #D4EDDA; color: #155724; border-radius: 12px; font-size: 12px; font-weight: 500; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-status--draft { display: inline-block; padding: 3px 10px; background-color: #FFF3CD; color: #856404; border-radius: 12px; font-size: 12px; font-weight: 500; } #ekb-admin-page-wrap #epkb-kb-glossary-page-container .epkb-glossary-terms-table .epkb-glossary-empty-row td { text-align: center; padding: 40px 20px; color: #6C757D; font-style: italic; font-size: 15px; } .epkb-wrap { white-space: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 1.6; color: #333333; } .epkb-wrap h1, .epkb-wrap h2, .epkb-wrap h3, .epkb-wrap h4, .epkb-wrap h5, .epkb-wrap h6 { margin-top: 1.2em; margin-bottom: 0.6em; font-weight: 600; line-height: 1.3; } .epkb-wrap h1 { font-size: 1.8em; } .epkb-wrap h2 { font-size: 1.5em; } .epkb-wrap h3 { font-size: 1.3em; } .epkb-wrap h4 { font-size: 1.1em; } .epkb-wrap h5 { font-size: 1em; } .epkb-wrap h6 { font-size: 0.9em; } .epkb-wrap p { margin-bottom: 1em; } .epkb-wrap strong, .epkb-wrap b { font-weight: 600; } .epkb-wrap em, .epkb-wrap i, .epkb-wrap cite { font-style: italic; } .epkb-wrap ul, .epkb-wrap ol { margin: 1em 0; padding-inline-start: 2em; /* logical; survives WP admin resets */ } .epkb-wrap ul { list-style: disc outside; } .epkb-wrap ol { list-style: decimal outside; } .epkb-wrap li { margin: 0.5em 0; } .epkb-wrap ul ul { list-style-type: circle; } .epkb-wrap ul ul ul { list-style-type: square; } .epkb-wrap ol ol { list-style-type: lower-alpha; } .epkb-wrap q { quotes: "“" "”" "‘" "’"; } .epkb-wrap q:before { content: open-quote; } .epkb-wrap q:after { content: close-quote; } .epkb-wrap blockquote { border-inline-start: 4px solid #DFE2E5; /* RTL-friendly */ color: #6A737D; padding-inline-start: 1em; margin: 1em 0; } .epkb-wrap a { color: #0366D6; text-decoration: none; } .epkb-wrap a:hover { text-decoration: underline; } .epkb-wrap a:focus-visible { outline: 2px solid #0366D6; outline-offset: 2px; box-shadow: none; } .epkb-wrap code { background-color: rgba(175, 184, 193, 0.2); padding: 0.2em 0.4em; border-radius: 3px; font-family: "Consolas", "Monaco", "Courier New", monospace; font-size: 0.9em; direction: ltr; /* avoids RTL digit mirroring in code */ } .epkb-wrap pre { background-color: #F6F8FA; border-radius: 6px; padding: 1em; overflow-x: auto; margin: 1em 0; border: 1px solid #DFE2E5; direction: ltr; /* code readability in RTL admin */ } .epkb-wrap pre code { background-color: transparent; padding: 0; border-radius: 0; } .epkb-wrap hr { border: 0; border-top: 1px solid #E1E4E8; margin: 2em 0; } .epkb-wrap dl { margin: 0 0 1.5em 0; } .epkb-wrap dt { font-weight: 600; } .epkb-wrap dd { margin-inline-start: 1.5em; } .epkb-wrap sup, .epkb-wrap sub { position: relative; line-height: 1; vertical-align: baseline; } .epkb-wrap sup { bottom: 0.4em; } .epkb-wrap sub { top: 0.2em; } .epkb-wrap table { border-collapse: collapse; width: 100%; margin: 1em 0; } .epkb-wrap table th, .epkb-wrap table td { border: 1px solid #DFE2E5; padding: 0.6em 1em; text-align: start; /* logical; RTL-safe */ font: inherit; color: #333333; vertical-align: top; } .epkb-wrap table th { background-color: #F6F8FA; font-weight: 600; } .epkb-wrap table tbody tr:nth-child(even) { background-color: #F6F8FA; } .epkb-wrap img { max-width: 100%; height: auto; } .epkb-wrap video, .epkb-wrap iframe, .epkb-wrap embed, .epkb-wrap object { max-width: 100%; height: auto; } .epkb-wrap .list-plain { list-style: none; padding-inline-start: 0; margin-inline-start: 0; } .epkb-wrap * { box-sizing: border-box; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-indicator { background: linear-gradient(135deg, #FFC107 0%, #FF9800 100%); color: #000000; padding: 18px 24px; margin-bottom: 24px; border-radius: 8px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4); border: 2px solid #F57C00; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-header { display: flex; align-items: center; gap: 12px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-badge { background: rgba(0, 0, 0, 0.2); color: #000000; font-weight: 800; font-size: 14px; padding: 6px 16px; border-radius: 4px; letter-spacing: 1px; white-space: nowrap; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-message { font-size: 15px; font-weight: 600; line-height: 1.5; flex: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons { font-size: 13px; font-weight: 500; line-height: 1.6; padding-left: 28px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons ul { margin: 8px 0 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 16px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons li { display: flex; align-items: center; gap: 6px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons li:before { content: "→"; font-weight: 700; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons a { color: #000000; text-decoration: underline; font-weight: 600; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-demo-addons a:hover { color: #333333; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter { margin-left: auto; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter__inner { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter__quick-buttons { display: flex; gap: 6px; padding-right: 8px; border-right: 1px solid #DDDDDD; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-quick-btn { padding: 8px 16px; background: #F5F7FA; color: #1D2327; border: 1px solid #D7DCE1; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; white-space: nowrap; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-quick-btn:hover { background: #EEF1F4; border-color: #C3C9CF; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-quick-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(53, 122, 189, 0.3); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-quick-btn.is-active { background: linear-gradient(135deg, #357ABD 0%, #1D5D99 100%); color: #FFFFFF; border-color: transparent; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-preset { min-width: 80px; max-width: 140px; padding: 6px 12px; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 13px; background: #FFFFFF; cursor: pointer; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-preset:hover { border-color: #999999; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-preset:focus { outline: none; border-color: #0073AA; box-shadow: 0 0 0 1px #0073AA; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom { display: flex; align-items: center; gap: 8px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom label { margin: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom input[type=date] { padding: 6px 10px; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 13px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom input[type=date]:hover { border-color: #999999; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom input[type=date]:focus { outline: none; border-color: #0073AA; box-shadow: 0 0 0 1px #0073AA; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom .epkb-analytics-date-separator { font-size: 13px; color: #666666; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom .screen-reader-text { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply { padding: 6px 16px; background: #0073AA; color: #FFFFFF; border: none; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; transition: background-color 0.2s; white-space: nowrap; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply:hover { background: #005A87; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.3); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply:disabled { background: #CCCCCC; cursor: not-allowed; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .epkb-active-nav { color: #00A0D2; border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; background-color: #FFFFFF; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .epkb-active-nav p { font-weight: bold; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .epkb-kb-name-section { width: 240px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .epkb-kb-name-section #epkb-list-of-kbs { width: 100%; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section { float: left; margin: 0px 0; padding: 10px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .page-icon-container { text-align: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .page-icon-container .page-icon { font-size: 40px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .page-icon-container .page-icon:hover { cursor: pointer; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .eckb-nav-settings-button { border: none; float: left; padding: 0.6em 1.2em; color: #FFFFFF; font-family: "Lato", Calibri, Arial, sans-serif; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; margin: 3px 2px; border-radius: 2px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .eckb-settings-button { border: none; float: left; padding: 0.6em 1.2em; background-color: #666666; color: #FFFFFF; font-family: "Lato", Calibri, Arial, sans-serif; font-size: 1em; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; display: inline-block; margin: 3px 2px; border-radius: 2px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-config-main-info .eckb-nav-section .eckb-active-setting { background-color: #00A0D2; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content { width: 100%; max-width: 100%; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget { background-color: #FFFFFF; border: solid 1px #DDDDDD; padding: 10px 15px; margin: 20px 20px 0 0; width: calc((100% - 40px) / 3); text-align: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget.overview-info-widget__content-center { display: flex; flex-direction: column; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget.overview-info-widget__content-center .widget-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget:nth-child(3n) { margin-right: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget:nth-child(1), #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget:nth-child(2), #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget:nth-child(3) { margin-top: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-header { border-bottom: solid 1px #DDDDDD; position: relative; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-header h4 { margin: 0; font-weight: bold; padding: 5px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-content { float: left; width: 100%; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-content .widget-count { font-size: 40px; font-weight: bold; padding: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-toggle { float: left; width: 100%; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-toggle a { padding: 10px; display: block; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .overview-info-widget .widget-toggle a:hover { cursor: pointer; opacity: 0.7; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-config-content .epkb-analitycs-info { clear: both; margin: 5px 5px; background-color: #FFFFFF; border: solid 1px #DDDDDD; padding: 10px 15px; width: 610px; border-left: 5px solid #00A0D2; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-active-content { display: block; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-row-2-col { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 50% 50%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2"; margin-bottom: 10px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-row-3-col { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3"; margin-bottom: 10px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .eckb-row-4-col { display: grid; grid-template-rows: auto; align-items: stretch; grid-template-columns: 25% 25% 25% 25%; width: 100%; max-width: 100%; grid-template-areas: "col_1 col_2 col_3 col_4"; margin-bottom: 10px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-admin__boxes-list__box__search-data__asea-ad .epkb-admin__boxes-list__box__content { padding: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser { display: flex; align-items: flex-start; gap: 24px; padding: 24px; background: linear-gradient(135deg, #E3F2FD 0%, #F3F8FF 100%); border: 2px solid #2196F3; border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.15); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__icon { flex-shrink: 0; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%); border-radius: 50%; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__icon .epkbfa { font-size: 32px; color: #FFFFFF; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content { flex: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 700; color: #1565C0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content p { margin: 0 0 16px 0; font-size: 14px; color: #424242; line-height: 1.6; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content ul li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #424242; line-height: 1.5; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-asea-analytics-teaser__content ul li .epkbfa { color: #4CAF50; font-size: 16px; flex-shrink: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser { display: flex; align-items: flex-start; gap: 24px; padding: 24px; background: linear-gradient(135deg, #E3F2FD 0%, #F3F8FF 100%); border: 2px solid #2196F3; border-radius: 12px; margin: 20px 0; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.15); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__icon { flex-shrink: 0; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%); border-radius: 50%; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__icon .epkbfa { font-size: 32px; color: #FFFFFF; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content { flex: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content h3 { margin: 0 0 10px 0; font-size: 18px; font-weight: 700; color: #1565C0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content p { margin: 0 0 16px 0; font-size: 14px; color: #424242; line-height: 1.6; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content ul li { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #424242; line-height: 1.5; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-eprf-analytics-teaser__content ul li .epkbfa { color: #4CAF50; font-size: 16px; flex-shrink: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-statistics-data-content.epkb-active-content, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container #epkb-search-data-content.epkb-active-content { display: flex; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-config-content-wrapper { display: flex; flex-direction: row; flex-flow: wrap; width: 100%; row-gap: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-config-content-ad-wrapper { margin-left: auto; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container { padding: 0 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-time-based-analytics-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0 0 24px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-time-based-analytics-row:last-child { margin-bottom: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-time-based-analytics-column { display: flex; flex-direction: column; gap: 24px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card { background: #FFFFFF; border: 1px solid #E2E7EC; border-radius: 12px; padding: 0; box-shadow: 0 16px 34px rgba(16, 42, 67, 0.08); overflow: hidden; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__header { padding: 20px; border-bottom: 1px solid #F0F0F0; background: #FAFBFC; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__header h3 { margin: 0 0 6px 0; font-size: 17px; font-weight: 600; color: #1D2327; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__header p { margin: 0; font-size: 13px; color: #646970; line-height: 1.5; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__body { padding: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-analytics-card__body canvas { max-height: 300px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric { padding: 18px; background: #FAFBFC; border-radius: 8px; border: 1px solid #E2E7EC; display: flex; flex-direction: column; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__label { font-weight: 600; font-size: 15px; color: #1D2327; margin-bottom: 14px; text-align: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__comparison { display: flex; flex-direction: row; align-items: center; gap: 12px; margin-bottom: 12px; flex: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__period { display: flex; flex-direction: column; align-items: center; padding: 12px; background: #FFFFFF; border-radius: 6px; border: 1px solid #E2E7EC; flex: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__period-label { font-size: 12px; color: #646970; margin-bottom: 6px; font-weight: 500; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__period-value { font-size: 22px; font-weight: 700; color: #1D2327; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__vs { font-size: 11px; font-weight: 600; color: #8C8F94; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; padding: 0 4px; flex-shrink: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__change { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 14px; border-radius: 6px; font-weight: 700; font-size: 16px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__change.epkb-growth-positive { background: linear-gradient(135deg, #D4EDDA 0%, #C3E6CB 100%); color: #155724; border: 1px solid #B1DFBB; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__change.epkb-growth-negative { background: linear-gradient(135deg, #F8D7DA 0%, #F5C6CB 100%); color: #721C24; border: 1px solid #F1B0B7; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-growth-metric__arrow { font-size: 15px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-count, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-count { font-size: 14px; font-weight: 600; color: #646970; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #E2E7EC; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-improvement-list, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-improvement-list li, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-list li { padding: 12px; background: #FAFBFC; border-radius: 6px; border: 1px solid #E2E7EC; transition: all 0.2s ease; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li:hover, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-improvement-list li:hover, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li:hover, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-list li:hover { background: #F5F7FA; box-shadow: 0 2px 8px rgba(16, 42, 67, 0.08); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li.epkb-after-20, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-improvement-list li.epkb-after-20, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li.epkb-after-20, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-list li.epkb-after-20 { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li { display: flex; align-items: flex-start; gap: 12px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list li.epkb-after-20, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list li.epkb-after-20 { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list .epkb-article-number, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list .epkb-article-number { flex-shrink: 0; font-weight: 600; color: #646970; min-width: 28px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list .epkb-article-title, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list .epkb-article-title { flex: 1; line-height: 1.5; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list .epkb-article-title a, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list .epkb-article-title a { color: #0073AA; text-decoration: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list .epkb-article-title a:hover, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list .epkb-article-title a:hover { text-decoration: underline; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-list-card .epkb-article-list__more-button, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-article-list__more-button { margin-top: 16px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item { display: flex; flex-direction: column; gap: 8px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header { display: flex; align-items: flex-start; gap: 12px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header .epkb-article-number { flex-shrink: 0; font-weight: 600; color: #646970; min-width: 28px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header .epkb-article-title { flex: 1; line-height: 1.5; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header .epkb-article-title a { color: #0073AA; text-decoration: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__header .epkb-article-title a:hover { text-decoration: underline; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 0 0 40px; font-size: 13px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-stat { display: flex; align-items: center; gap: 4px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-stat-label { color: #646970; font-weight: 500; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-stat-value { color: #1D2327; font-weight: 600; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-stat-separator { color: #8C8F94; font-weight: 600; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-improvement-change { display: flex; align-items: center; gap: 6px; padding: 4px 10px; background: linear-gradient(135deg, #D4EDDA 0%, #C3E6CB 100%); border-radius: 4px; border: 1px solid #B1DFBB; margin-left: auto; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-improvement-change .epkb-change-absolute { font-weight: 700; color: #155724; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-improvement-card .epkb-improvement-item__stats .epkb-improvement-change .epkb-change-percent { color: #155724; font-weight: 600; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-time-based-analytics-column--full { grid-column: 1/-1; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stats { display: flex; flex-direction: column; gap: 16px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat { padding: 18px; background: linear-gradient(135deg, #FAFBFC 0%, #F5F7FA 100%); border-radius: 8px; border: 1px solid #E2E7EC; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(16, 42, 67, 0.12); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat__label { font-size: 13px; color: #646970; margin-bottom: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat__value { font-size: 28px; font-weight: 700; color: #2271B1; margin-bottom: 4px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-time-based-analytics-container .epkb-quick-stat__subvalue { font-size: 12px; color: #8C8F94; font-weight: 500; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 24px; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card { background: linear-gradient(135deg, #FAFBFC 0%, #F5F7FA 100%); border: 1px solid #E2E7EC; border-radius: 12px; padding: 24px; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(16, 42, 67, 0.12); } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card__value { font-size: 36px; font-weight: 700; color: #2271B1; margin-bottom: 8px; line-height: 1.2; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card__label { font-size: 14px; color: #646970; font-weight: 500; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-no-data { text-align: center; color: #646970; padding: 40px 20px; font-style: italic; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #FAFBFC; border-radius: 8px; border: 1px solid #E2E7EC; transition: all 0.2s ease; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list li:hover { background: #F5F7FA; box-shadow: 0 2px 8px rgba(16, 42, 67, 0.08); } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list .epkb-ai-chat-top-page-rank { flex-shrink: 0; font-weight: 600; color: #646970; min-width: 28px; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list .epkb-ai-chat-top-page-url { flex: 1; color: #1D2327; word-break: break-word; font-family: monospace; font-size: 13px; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-top-pages-list .epkb-ai-chat-top-page-count { flex-shrink: 0; background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); color: #1565C0; padding: 6px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; white-space: nowrap; } @media (max-width: 1200px) { #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-cards { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-cards { grid-template-columns: 1fr; } #epkb-admin-analytics-page-wrap .epkb-ai-chat-analytics .epkb-ai-chat-summary-card__value { font-size: 28px; } } #epkb-admin-analytics-page-wrap .epkb-admin__limit-access-control .asea-reset-container { display: none !important; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container { display: flex; flex-direction: column; gap: 24px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; margin-right: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tabs-regular { display: flex; gap: 0; border: 1px solid #E5E6E7; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button { background: none; border: none; border-bottom: 2px solid transparent; color: #555555; cursor: pointer; font-size: 16px; padding: 20px 20px; margin: 0; transition: all 0.2s; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button span[class*=epkbfa] { margin-right: 5px; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button:hover { color: #0073AA; background-color: aliceblue; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.active, #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav .epkb-ai-tab-button.is-active { color: #0073AA; border-bottom-color: #0073AA; font-weight: 600; background-color: aliceblue; } #epkb-admin-analytics-page-wrap .epkb-analytics-tab-bar { display: flex; flex-wrap: wrap; gap: 10px; } #epkb-admin-analytics-page-wrap .epkb-analytics-tab-button { border: 1px solid #D7DCE1; border-radius: 8px; background: #F5F7FA; color: #1D2327; cursor: pointer; font-size: 13px; font-weight: 600; padding: 10px 18px; transition: all 0.2s ease; } #epkb-admin-analytics-page-wrap .epkb-analytics-tab-button:hover { background: #EEF1F4; } #epkb-admin-analytics-page-wrap .epkb-analytics-tab-button.is-active { background: linear-gradient(135deg, #357ABD 0%, #1D5D99 100%); color: #FFFFFF; border-color: transparent; box-shadow: 0 14px 28px rgba(1, 41, 112, 0.18); } #epkb-admin-analytics-page-wrap .epkb-analytics-tab-panels { position: relative; } #epkb-admin-analytics-page-wrap .epkb-analytics-tab-panel { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-tab-panel.is-active { display: block; } #epkb-admin-analytics-page-wrap .epkb-analytics-tab-panel__inner { display: grid; gap: 24px; padding: 20px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card { background: #FFFFFF; border-radius: 12px; border: 1px solid #E2E7EC; box-shadow: 0 16px 34px rgba(16, 42, 67, 0.08); padding: 0; overflow: hidden; } #epkb-admin-analytics-page-wrap .epkb-analytics-card > .eckb-config-content { margin: 0; border: 0; box-shadow: none; padding: 30px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container { margin: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body { position: relative; width: 100%; display: grid; grid-template-columns: 60% 40%; gap: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col { padding: 10px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list { display: inline-block; padding-right: 8px; width: 100%; margin: 0; padding-left: 0; list-style: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li { position: relative; display: flex; align-items: flex-start; gap: 8px; width: 100%; margin-bottom: 5px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li .epkb-circle { flex-shrink: 0; margin-top: 4px; height: 20px; line-height: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li .epkb-pie-chart-word { flex: 0 1 auto; word-break: break-word; line-height: 1.5; min-width: 250px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li .epkb-pie-chart-count { flex-shrink: 0; margin-left: 12px; height: 20px; line-height: 1.5; font-weight: bold; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li.epkb-after-10 { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(1) .epkb-circle { color: #AED581; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(2) .epkb-circle { color: #4FC3F7; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(3) .epkb-circle { color: #FED32F; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(4) .epkb-circle { color: #EF5350; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(5) .epkb-circle { color: #D0D8E0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(6) .epkb-circle { color: #FF8A65; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(7) .epkb-circle { color: #BA68C8; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(8) .epkb-circle { color: #4A7BEC; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(9) .epkb-circle { color: #768CA3; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list li:nth-child(10) .epkb-circle { color: #8D6E63; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart-body .epkb-pie-chart-right-col { display: flex; align-items: center; justify-content: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container .epkb-pie-chart__more-button { margin-top: 10px; clear: both; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container-show-data .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list { max-height: 575px; overflow: auto; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container-show-data .epkb-pie-chart-body .epkb-pie-chart-left-col .epkb-pie-data-list .epkb-after-10 { display: flex !important; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container-show-data .epkb-pie-chart__more-button span:nth-child(2) { display: inline-block; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .epkb-pie-chart-container-show-data .epkb-pie-chart__more-button span:nth-child(1) { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container { margin: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body { position: relative; width: 100%; display: grid; grid-template-columns: 60% 40%; gap: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col { padding: 10px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list { display: inline-block; padding-right: 8px; width: 100%; margin: 0; padding-left: 0; list-style: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li { position: relative; display: flex; align-items: flex-start; gap: 8px; width: 100%; margin-bottom: 5px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li .eprf-circle { flex-shrink: 0; margin-top: 4px; height: 20px; line-height: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li .eprf-pie-chart-word { flex: 0 1 auto; word-break: break-word; line-height: 1.5; min-width: 250px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li .eprf-pie-chart-count { flex-shrink: 0; margin-left: 12px; height: 20px; line-height: 1.5; font-weight: bold; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li.eprf-after-10 { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(1) .eprf-circle { color: #AED581; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(2) .eprf-circle { color: #4FC3F7; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(3) .eprf-circle { color: #FED32F; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(4) .eprf-circle { color: #EF5350; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(5) .eprf-circle { color: #D0D8E0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(6) .eprf-circle { color: #FF8A65; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(7) .eprf-circle { color: #BA68C8; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(8) .eprf-circle { color: #4A7BEC; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(9) .eprf-circle { color: #768CA3; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list li:nth-child(10) .eprf-circle { color: #8D6E63; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart-body .eprf-pie-chart-right-col { display: flex; align-items: center; justify-content: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container .eprf-pie-chart__more-button { margin-top: 10px; clear: both; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container-show-data .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list { max-height: 575px; overflow: auto; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container-show-data .eprf-pie-chart-body .eprf-pie-chart-left-col .eprf-pie-data-list .eprf-after-10 { display: flex !important; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container-show-data .eprf-pie-chart__more-button span:nth-child(2) { display: inline-block; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-pie-chart-container-show-data .eprf-pie-chart__more-button span:nth-child(1) { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container-show-data .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list { max-height: 575px; overflow: auto; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container-show-data .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list .asea-after-10 { display: flex !important; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container-show-data .asea-pie-chart__more-button span:nth-child(2) { display: inline-block; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container-show-data .asea-pie-chart__more-button span:nth-child(1) { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-statistics-container { margin: 0; display: flex; flex-direction: column; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding: 20px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body ul.eprf-statistics-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; gap: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body ul.eprf-statistics-list li { flex: 1; text-align: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body ul.eprf-statistics-list li .eprf-statistics-word { display: block; font-size: 16px; margin-bottom: 10px; min-height: 37px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .eprf-statistics-container .eprf-statistics-body ul.eprf-statistics-list li .eprf-statistics-count { display: block; font-size: 40px; font-weight: bold; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-search-data-content { padding: 30px; display: flex; flex-wrap: wrap; gap: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-search-data-content .asea-pie-chart-container, #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-search-data-content .asea-statistics-container { flex: 1 1 calc(50% - 10px); min-width: 300px; margin: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-search-data-content .asea-reset-container { flex-basis: 100%; margin: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container { margin: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body { position: relative; width: 100%; display: grid; grid-template-columns: 60% 40%; gap: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col { padding: 10px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list { display: inline-block; padding-right: 8px; width: 100%; margin: 0; padding-left: 0; list-style: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li { position: relative; display: flex; align-items: flex-start; gap: 8px; width: 100%; margin-bottom: 5px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li .asea-circle { flex-shrink: 0; margin-top: 4px; height: 20px; line-height: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li .asea-pie-chart-word { flex: 0 1 auto; word-break: break-word; line-height: 1.5; min-width: 250px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li .asea-pie-chart-count { flex-shrink: 0; margin-left: 12px; height: 20px; line-height: 1.5; font-weight: bold; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li.asea-after-10 { display: none; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(1) .asea-circle { color: #AED581; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(2) .asea-circle { color: #4FC3F7; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(3) .asea-circle { color: #FED32F; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(4) .asea-circle { color: #EF5350; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(5) .asea-circle { color: #D0D8E0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(6) .asea-circle { color: #FF8A65; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(7) .asea-circle { color: #BA68C8; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(8) .asea-circle { color: #4A7BEC; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(9) .asea-circle { color: #768CA3; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-left-col .asea-pie-data-list li:nth-child(10) .asea-circle { color: #8D6E63; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart-body .asea-pie-chart-right-col { display: flex; align-items: center; justify-content: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-pie-chart-container .asea-pie-chart__more-button { margin-top: 10px; clear: both; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-statistics-container { margin: 0; display: flex; flex-direction: column; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding: 20px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body ul.asea-statistics-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; gap: 20px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body ul.asea-statistics-list li { flex: 1; text-align: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body ul.asea-statistics-list li .asea-statistics-word { display: block; font-size: 16px; margin-bottom: 10px; min-height: 37px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-statistics-container .asea-statistics-body ul.asea-statistics-list li .asea-statistics-count { display: block; font-size: 40px; font-weight: bold; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-reset-container { padding: 20px 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-reset-container .asea-reset-analytics { display: inline-block; padding: 10px 20px; background-color: #DC3545; color: #FFFFFF; text-decoration: none; border-radius: 4px; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-reset-container .asea-reset-analytics:hover { background-color: #C82333; color: #FFFFFF; } #epkb-admin-analytics-page-wrap .epkb-analytics-card .asea-reset-container .asea-reset-analytics .epkbfa { margin-left: 8px; } #epkb-admin-analytics-page-wrap .epkb-analytics-empty-card { background: #F7F9FC; border: 1px dashed #C8D3DE; border-radius: 12px; padding: 32px 28px; text-align: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-empty-card h3 { margin: 0 0 8px; font-size: 18px; font-weight: 600; color: #1D2327; } #epkb-admin-analytics-page-wrap .epkb-analytics-empty-card p { margin: 0; color: #5A6471; font-size: 14px; } #epkb-admin-analytics-page-wrap .epkb-article-views-charts-grid, #epkb-admin-analytics-page-wrap .eprf-rating-charts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } #epkb-admin-analytics-page-wrap .epkb-article-views-charts-column, #epkb-admin-analytics-page-wrap .eprf-rating-charts-column { display: flex; flex-direction: column; gap: 24px; } #epkb-admin-analytics-page-wrap .epkb-config-content-wrapper { display: flex; flex-direction: row; flex-flow: wrap; width: 100%; row-gap: 20px; } #epkb-admin-analytics-page-wrap .overview-info-widget { background-color: #FFFFFF; border: solid 1px #DDDDDD; padding: 10px 15px; margin: 20px 20px 0 0; width: calc((100% - 40px) / 3); text-align: center; } #epkb-admin-analytics-page-wrap .overview-info-widget.overview-info-widget__content-center { display: flex; flex-direction: column; } #epkb-admin-analytics-page-wrap .overview-info-widget.overview-info-widget__content-center .widget-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(3n) { margin-right: 0; } #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(1), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(2), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(3) { margin-top: 0; } #epkb-admin-analytics-page-wrap .overview-info-widget .widget-header { border-bottom: solid 1px #DDDDDD; position: relative; } #epkb-admin-analytics-page-wrap .overview-info-widget .widget-header h4 { margin: 0; font-weight: bold; padding: 5px 0; } #epkb-admin-analytics-page-wrap .overview-info-widget .widget-content { float: left; width: 100%; } #epkb-admin-analytics-page-wrap .overview-info-widget .widget-content .widget-count { font-size: 40px; font-weight: bold; padding: 20px; } #epkb-admin-analytics-page-wrap .overview-info-widget a { color: #0073AA; text-decoration: none; } #epkb-admin-analytics-page-wrap .overview-info-widget a:hover { text-decoration: underline; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled { text-align: left; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle { margin-top: 20px; display: flex; flex-direction: column; gap: 12px; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__label { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 15px; font-weight: 600; color: #1D2327; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__text { flex: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__control { position: relative; width: 48px; height: 26px; flex-shrink: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__input { opacity: 0; width: 0; height: 0; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__slider { position: absolute; inset: 0; background: #D7DCE1; border-radius: 26px; transition: background 0.3s ease; cursor: pointer; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__slider::before { content: ""; position: absolute; height: 20px; width: 20px; left: 3px; top: 3px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__input:checked + .epkb-article-views-toggle__slider { background: #0073AA; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__input:checked + .epkb-article-views-toggle__slider::before { transform: translateX(22px); } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__hint { margin: 0; color: #646970; font-size: 13px; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled .epkb-article-views-toggle__status { min-height: 18px; color: #646970; font-size: 13px; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled.is-processing .epkb-article-views-toggle__slider { cursor: progress; opacity: 0.7; } #epkb-admin-analytics-page-wrap .epkb-analytics-article-views-disabled.is-processing .epkb-article-views-toggle__status { color: #0073AA; font-weight: 600; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content, #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content { margin-top: 40px; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col { grid-template-columns: 100%; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col #statistics-searches-data { display: flex; flex-direction: column; margin-left: 0; margin-right: 0; width: 100%; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col #statistics-searches-data .asea-statistics-body { flex-direction: column; display: flex; flex-grow: 1; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col #statistics-searches-data .asea-statistics-body ul.asea-statistics-list { display: flex; flex-direction: row; flex-grow: 1; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-3-col #statistics-searches-data .asea-statistics-body ul.asea-statistics-list li { display: flex; flex-direction: column; justify-content: center; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-2-col { display: flex; flex-direction: column; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #asea-search-data-content .eckb-row-2-col .asea-pie-chart-container { margin-left: 0; margin-right: 0; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-2-col { display: flex; flex-direction: column; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-2-col .asea-pie-chart-container { margin-left: 0; margin-right: 0; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eprf-pie-chart-container { margin-left: 0; margin-right: 0; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col { display: flex; flex-direction: column; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col #statistics-ratinges-data { display: flex; flex-direction: column; margin-left: 0; margin-right: 0; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col #statistics-ratinges-data .eprf-statistics-body { display: flex; flex-grow: 1; flex-direction: column; width: 100%; justify-content: center; align-items: center; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col #statistics-ratinges-data .eprf-statistics-body ul.eprf-statistics-list { width: 100%; } #epkb-admin-analytics-page-wrap #ekb-admin-page-wrap .epkb-admin__section-wrap__kb-stats #eprf-rating-data-content .eckb-row-4-col #statistics-ratinges-data .eprf-statistics-body ul.eprf-statistics-list li { width: 100%; float: initial; } @media (min-width: 1921px) { #epkb-admin-analytics-page-wrap .epkb-analytics-page-container { max-width: 2000px; } } @media (max-width: 1500px) { #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-ai-custom-tabs .epkb-ai-tabs-nav { flex-direction: column; justify-content: center; } #epkb-admin-analytics-page-wrap .epkb-analytics-page-container .epkb-analytics-date-range-filter { margin-left: 0; } #epkb-admin-analytics-page-wrap .epkb-time-based-analytics-row { grid-template-columns: repeat(1, 1fr) !important; } #epkb-admin-analytics-page-wrap .epkb-growth-metrics { grid-template-columns: 1fr; } #epkb-admin-analytics-page-wrap .epkb-analytics-date-range-filter__inner { justify-content: flex-start; } #epkb-admin-analytics-page-wrap .epkb-time-based-analytics-row { grid-template-columns: 1fr; } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget, #epkb-admin-analytics-page-wrap .overview-info-widget { width: calc((100% - 20px) / 2); } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(3n), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(3n) { margin-right: 20px; } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(2n), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(2n) { margin-right: 0; } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(1), #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(2), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(1), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(2) { margin-top: 0; } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(3), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(3) { margin-top: 20px; } } @media (max-width: 768px) { #epkb-admin-analytics-page-wrap .epkb-analytics-date-range-filter__inner { flex-direction: column; align-items: stretch; width: 100%; gap: 12px; } #epkb-admin-analytics-page-wrap .epkb-analytics-date-range-filter__quick-buttons { width: 100%; border-right: none; border-bottom: 1px solid #DDDDDD; padding-right: 0; padding-bottom: 12px; } #epkb-admin-analytics-page-wrap .epkb-analytics-date-range-filter__quick-buttons .epkb-analytics-date-range-quick-btn { flex: 1; } #epkb-admin-analytics-page-wrap .epkb-analytics-date-range-filter .epkb-analytics-date-range-preset { width: 100%; } #epkb-admin-analytics-page-wrap .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom { width: 100%; flex-direction: column; align-items: stretch; } #epkb-admin-analytics-page-wrap .epkb-analytics-date-range-filter .epkb-analytics-date-range-custom input[type=date] { width: 100%; } #epkb-admin-analytics-page-wrap .epkb-analytics-date-range-filter .epkb-analytics-date-range-apply { width: 100%; } #epkb-admin-analytics-page-wrap .epkb-config-content-wrapper { flex-direction: column; } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget, #epkb-admin-analytics-page-wrap .overview-info-widget { width: 100%; margin: 20px 0 0 0; } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(1n), #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(2n), #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(3n), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(1n), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(2n), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(3n) { margin-right: 0; } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(1), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(1) { margin-top: 0; } #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(2), #epkb-admin-analytics-page-wrap .eckb-config-content .overview-info-widget:nth-child(3), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(2), #epkb-admin-analytics-page-wrap .overview-info-widget:nth-child(3) { margin-top: 20px; } #epkb-admin-analytics-page-wrap .epkb-asea-analytics-teaser, #epkb-admin-analytics-page-wrap .epkb-eprf-analytics-teaser { flex-direction: column; gap: 16px; padding: 20px; } #epkb-admin-analytics-page-wrap .epkb-asea-analytics-teaser__icon, #epkb-admin-analytics-page-wrap .epkb-eprf-analytics-teaser__icon { width: 56px; height: 56px; } #epkb-admin-analytics-page-wrap .epkb-asea-analytics-teaser__icon .epkbfa, #epkb-admin-analytics-page-wrap .epkb-eprf-analytics-teaser__icon .epkbfa { font-size: 28px; } #epkb-admin-analytics-page-wrap .epkb-asea-analytics-teaser__content h3, #epkb-admin-analytics-page-wrap .epkb-eprf-analytics-teaser__content h3 { font-size: 16px; } #epkb-admin-analytics-page-wrap .epkb-asea-analytics-teaser__content p, #epkb-admin-analytics-page-wrap .epkb-asea-analytics-teaser__content ul li, #epkb-admin-analytics-page-wrap .epkb-eprf-analytics-teaser__content p, #epkb-admin-analytics-page-wrap .epkb-eprf-analytics-teaser__content ul li { font-size: 13px; } } .epkb-css-working-hide-message { display: none; } .epkb-admin-row { display: flex; } .epkb-admin-info-box { display: flex; flex-direction: column; justify-content: center; min-width: 300px; padding: 20px; background-color: #FFFFFF; margin: 10px 10px 25px 10px; box-shadow: 0px 8px 38px 0px rgba(16, 16, 16, 0.07); border-radius: 5px; } .epkb-admin-info-box .epkb-admin-info-box__header { display: flex; flex-direction: row; align-items: center; } .epkb-admin-info-box .epkb-admin-info-box__header .epkb-admin-info-box__header__icon { color: #002852; background-color: #F8F8F8; font-size: 21px; padding: 12px; margin-right: 10px; border-radius: 40px; } .epkb-admin-info-box .epkb-admin-info-box__header .epkb-admin-info-box__header__title { font-weight: bold; font-size: 18px; } .epkb-admin-info-box .epkb-admin-info-box__body { margin-left: 52px; } @media only screen and (max-width: 1400px) { .epkb-admin-info-box .epkb-admin-info-box__body { margin-left: 0; } } .epkb-admin-info-box .epkb-admin-info-box__body h1, .epkb-admin-info-box .epkb-admin-info-box__body h2, .epkb-admin-info-box .epkb-admin-info-box__body h3, .epkb-admin-info-box .epkb-admin-info-box__body h4, .epkb-admin-info-box .epkb-admin-info-box__body h5, .epkb-admin-info-box .epkb-admin-info-box__body h6 { color: #2EA3F2; } .epkb-admin-info-box .epkb-admin-info-box__body p { margin: 0 0 10px 0; } .epkb-admin-info-box .epkb-admin-info-box__body ul { list-style: disc; padding-left: 20px; font-style: italic; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn { font-size: 12px; margin-top: 10px; display: inline-block; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--blue { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; background-color: #2EA3F2; color: #FFFFFF; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--blue a { text-decoration: none; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--blue:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--blue:focus { outline: 0; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--blue:hover { background-color: #0E8BDF; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--yellow { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; background-color: #D0D849; color: #FFFFFF; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--yellow a { text-decoration: none; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--yellow:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--yellow:focus { outline: 0; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--yellow:hover { background-color: #BBC42A; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--orange { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; background-color: #F0BC71; color: #FFFFFF; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--orange a { text-decoration: none; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--orange:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--orange:focus { outline: 0; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--orange:hover { background-color: #EBA643; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--red { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; background-color: #D95651; color: #FFFFFF; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--red a { text-decoration: none; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--red:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--red:focus { outline: 0; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--red:hover { background-color: #CB322C; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--green { display: inline-block; height: fit-content; background-color: #3BB3E0; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #186F8F; background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5)); border-radius: 5px; background-color: #78B956; color: #FFFFFF; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--green a { text-decoration: none; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--green:hover { cursor: pointer; background-image: linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5)); border-radius: 5px; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--green:focus { outline: 0; } .epkb-admin-info-box .epkb-admin-info-box__body .epkb-aibb-btn--green:hover { background-color: #609C40; } .epkb-admin-info-box-img { display: flex; flex-direction: column; justify-content: center; min-width: 300px; padding: 20px; background-color: #FFFFFF; margin: 10px 10px 25px 10px; box-shadow: 0px 8px 38px 0px rgba(16, 16, 16, 0.07); border-radius: 5px; } .epkb-admin-info-box-img .epkb-admin-info-box-img__header { display: flex; flex-direction: row; align-items: center; } .epkb-admin-info-box-img .epkb-admin-info-box-img__header .epkb-admin-info-box-img__header__icon { color: #002852; background-color: #F8F8F8; font-size: 21px; padding: 12px; margin-right: 10px; border-radius: 40px; } .epkb-admin-info-box-img .epkb-admin-info-box-img__header .epkb-admin-info-box-img__header__title { font-weight: bold; font-size: 18px; } .epkb-admin-info-box-img .epkb-admin-info-box-img__body { margin-left: 52px; } @media only screen and (max-width: 1400px) { .epkb-admin-info-box-img .epkb-admin-info-box-img__body { margin-left: 0; } } .epkb-admin-info-box-img .epkb-admin-info-box-img__body h1, .epkb-admin-info-box-img .epkb-admin-info-box-img__body h2, .epkb-admin-info-box-img .epkb-admin-info-box-img__body h3, .epkb-admin-info-box-img .epkb-admin-info-box-img__body h4, .epkb-admin-info-box-img .epkb-admin-info-box-img__body h5, .epkb-admin-info-box-img .epkb-admin-info-box-img__body h6 { color: #2EA3F2; } .epkb-admin-info-box-img .epkb-admin-info-box-img__body p { margin: 0 0 10px 0; } .epkb-admin-info-box-img .epkb-admin-info-box-img__body ul { list-style: disc; padding-left: 20px; font-style: italic; } .epkb-admin-info-box-img .epkb-admin-info-box-img__body .epkb-admin-info-box-img__body__img { width: 100%; } .epkb-admin-ad-container { display: flex; flex-direction: column; justify-content: center; width: fit-content; max-width: 1000px; padding: 10px 10px 20px 10px; background-color: #FFFFFF; margin: 10px auto; box-shadow: 0 8px 10px 0 rgba(16, 16, 16, 0.368627451); border-radius: 15px; position: relative; overflow: hidden; } .epkb-admin-ad-container .epkb-admin-ad-ribbon { position: absolute; top: -20px; right: -4px; height: 57px; font-size: 22px; border-radius: 12px; color: #FFFFFF; text-shadow: 2px 1px 6px #000000; padding: 20px 20px; width: 103px; text-align: center; background: linear-gradient(90deg, #94FF00 0%, #00D4FF 100%); } .epkb-admin-ad-container p { margin: 0 0 10px 0; } .epkb-admin-ad-container ul { list-style: disc; padding-left: 20px; font-style: italic; } .epkb-admin-ad-container .epkb-body__btn { display: inline-block; width: 300px; text-align: center; font-size: 23px !important; margin: 10px auto; text-transform: uppercase; border-radius: 14px !important; display: inline-block; height: fit-content; background-color: #16A34A; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #15803D; background-image: linear-gradient(left, #22C55E, #16A34A); background-image: -o-linear-gradient(left, #22C55E, #16A34A); background-image: -moz-linear-gradient(left, #22C55E, #16A34A); background-image: -webkit-linear-gradient(left, #22C55E, #16A34A); background-image: -ms-linear-gradient(left, #22C55E, #16A34A); background-image: -webkit-gradient(linear, left left, left top, color-stop(0, #22C55E), color-stop(1, #16A34A)); border-radius: 5px; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35), 0 1px 0 rgba(255, 255, 255, 0.6) !important; border-width: 2px; text-shadow: none; font-weight: 600; letter-spacing: 0.3px; transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease; } .epkb-admin-ad-container .epkb-body__btn a { text-decoration: none; } .epkb-admin-ad-container .epkb-body__btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #1A9A49, #16A34A); background-image: -o-linear-gradient(bottom, #1A9A49, #16A34A); background-image: -moz-linear-gradient(bottom, #1A9A49, #16A34A); background-image: -webkit-linear-gradient(bottom, #1A9A49, #16A34A); background-image: -ms-linear-gradient(bottom, #1A9A49, #16A34A); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1A9A49), color-stop(1, #16A34A)); border-radius: 5px; } .epkb-admin-ad-container .epkb-body__btn:focus { outline: 0; } .epkb-admin-ad-container .epkb-body__btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(16, 185, 129, 0.35), 0 1px 0 rgba(255, 255, 255, 0.6) !important; filter: brightness(0.98); } .epkb-admin-ad-container .epkb-body__btn:active { transform: translateY(0); filter: brightness(0.95); } .epkb-admin-ad-container .epkb-body__btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.35), 0 2px 8px rgba(16, 185, 129, 0.35) !important; } .epkb-admin-ad-container .epkb-body__link .epkb-body__link__icon-after { font-size: 12px; } .epkb-admin-ad-container .featured_img { cursor: pointer; } .epkb-admin-ad-container .epkb-admin-ad-container__new-feature { position: absolute; top: -13px; left: -48px; background-color: #5CB85C; padding: 35px 34px 3px 34px; color: #FFFFFF; transform: rotate(-40deg); } .epkb-admin-ad-container .epkb-admin-ad-container__new-feature .epkbfa-star { position: absolute; top: 12px; left: 58px; } .epkb-admin-ad-container .epkb-admin-ad-container__new-add-on { position: absolute; top: -13px; left: -48px; background-color: #EAF140; padding: 35px 34px 3px 34px; color: #000000; transform: rotate(-40deg); } .epkb-admin-ad-container .epkb-admin-ad-container__new-add-on .epkbfa-plug { position: absolute; top: 12px; left: 58px; transform: rotate(-45deg); } .epkb-admin-ad-container .epkb-admin-ad-container__widget { position: absolute; top: -14px; left: -47px; background-color: #507AB8; padding: 35px 34px 3px 42px; color: #FFFFFF; transform: rotate(-40deg); } .epkb-admin-ad-container .epkb-admin-ad-container__widget .epkbfa-puzzle-piece { position: absolute; top: 19px; left: 56px; } .epkb-admin-ad-container .epkb-aa__header-container { display: flex; flex-direction: row; align-items: center; justify-content: center; padding-bottom: 10px; } .epkb-admin-ad-container .epkb-aa__header-container .epkb-header__title { font-weight: bold; font-size: 30px; margin: 20px 0; } .epkb-admin-ad-container .epkb-aa__body-container .epkb-body__img { width: 100%; } .epkb-admin-ad-container .epkb-aa__body-container .epkb-body__desc { padding: 10px 0; } .epkb-admin-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container { list-style-type: none; padding: 0; margin: 0; } .epkb-admin-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item { display: flex; justify-content: flex-start; align-items: baseline; } .epkb-admin-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item .epkb-check-mark-list__item__icon { color: #95C87A; } .epkb-admin-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item .epkb-check-mark-list__item__text { padding-left: 6px; } .epkb-admin-ad-container .epkb-aa__footer-container { display: flex; flex-direction: column; text-align: center; } .epkb-dialog-pro-feature-ad { display: none; background-color: #FFFFFF; width: 700px; position: fixed; top: 40%; left: 50%; margin-left: -350px; box-shadow: -2px 11px 20px 2px #000000; border: solid 1px #EFEFEF; z-index: 9992; } .epkb-dialog-pro-feature-ad .epkb-admin-pro-feature-ad-container { margin: 0; } .epkb-dialog-pro-feature-ad .epkb-admin-pro-feature-ad-container .epkb-admin-ad-icon { position: absolute; top: 0; right: 0; z-index: 10; } .epkb-dialog-pro-feature-ad .epkb-admin-pro-feature-ad-container .epkb-admin-ad-icon img { width: 105px; z-index: 10; } .epkb-dialog-pro-feature-ad .epkb-dbf__close { position: absolute; top: 9px; right: 10px; padding: 8px; color: #666666; cursor: pointer; z-index: 20; } .epkb-dialog-pro-feature-ad .epkb-dbf__close:before { font-size: 25px; } .epkb-dialog-pro-feature-ad .epkb-dbf__close:hover { color: #333333; opacity: 0.7; box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF; border-radius: 4px; } .epkb-dialog-pro-feature-ad2 { display: none; background-color: #FFFFFF; width: 1200px; position: fixed; top: 7%; left: 50%; margin-left: -587px; box-shadow: -2px 11px 20px 2px #000000; border: solid 1px #EFEFEF; z-index: 9992; } .epkb-dialog-pro-feature-ad2 .epkb-admin-pro-feature-ad-container { margin: 0; } .epkb-dialog-pro-feature-ad2 .epkb-admin-pro-feature-ad-container .epkb-admin-ad-icon { position: absolute; bottom: 0; right: 0; z-index: 10; } .epkb-dialog-pro-feature-ad2 .epkb-admin-pro-feature-ad-container .epkb-admin-ad-icon img { width: 105px; z-index: 10; } .epkb-dialog-pro-feature-ad2 .epkb-dbf__close { position: absolute; top: 9px; right: 10px; padding: 8px; } .epkb-dialog-pro-feature-ad2 .epkb-dbf__close:before { font-size: 25px; } .epkb-dialog-pro-feature-ad2 .epkb-dbf__close:hover { cursor: pointer; opacity: 0.7; box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF; border-radius: 4px; } .epkb-admin-pro-feature-ad-container { display: flex; flex-direction: column; justify-content: flex-start; padding: 20px; background-color: #FFFFFF; margin: 10px auto; min-height: 240px; box-shadow: 1px 4px 10px 0 rgba(16, 16, 16, 0.168627451); border-radius: 5px; position: relative; overflow: hidden; font-family: "Open Sans", system-ui, sans-serif; } .epkb-admin-pro-feature-ad-container .epkb-admin-ad-icon { position: absolute; top: 0; right: 0; z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-admin-ad-icon img { width: 105px; z-index: 10; } .epkb-admin-pro-feature-ad-container p { margin: 0 0 10px 0; } .epkb-admin-pro-feature-ad-container ul { list-style: disc; padding-left: 20px; z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-buttons .epkb-btn { position: static !important; width: auto; text-align: center; font-size: 17px !important; border-radius: 5px !important; z-index: 10; padding: 10px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-buttons .epkb-btn .epkb-btn-icon { font-size: 14px; display: inline-block; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-buttons .epkb-btn--primary { display: inline-block; height: fit-content; background-color: #33B303; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #78B956; background-image: linear-gradient(left, #33B303, #78B956); background-image: -o-linear-gradient(left, #33B303, #78B956); background-image: -moz-linear-gradient(left, #33B303, #78B956); background-image: -webkit-linear-gradient(left, #33B303, #78B956); background-image: -ms-linear-gradient(left, #33B303, #78B956); background-image: -webkit-gradient(linear, left left, left top, color-stop(0, #33B303), color-stop(1, #78B956)); border-radius: 5px; box-shadow: 0px 1px 10px rgba(46, 51, 53, 0.4588235294), 0px 1px 0px #FFFFFF !important; border-width: 1px; text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.5215686275); } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-buttons .epkb-btn--primary a { text-decoration: none; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-buttons .epkb-btn--primary:hover { cursor: pointer; background-image: linear-gradient(bottom, #258102, #78B956); background-image: -o-linear-gradient(bottom, #258102, #78B956); background-image: -moz-linear-gradient(bottom, #258102, #78B956); background-image: -webkit-linear-gradient(bottom, #258102, #78B956); background-image: -ms-linear-gradient(bottom, #258102, #78B956); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #258102), color-stop(1, #78B956)); border-radius: 5px; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-buttons .epkb-btn--primary:focus { outline: 0; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-buttons .epkb-btn--secondary { background: linear-gradient(135deg, #F093FB 0%, #F5576C 50%, #FFD140 100%) !important; color: #FFFFFF !important; border: 2px solid transparent !important; font-weight: 600; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.5) !important; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-buttons .epkb-btn--secondary:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(255, 107, 107, 0.7) !important; } .epkb-admin-pro-feature-ad-container .epkb-btn { position: absolute !important; bottom: 15px; right: 15px; width: 165px; text-align: center; font-size: 19px !important; border-radius: 5px !important; z-index: 10; display: inline-block; height: fit-content; background-color: #33B303; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #78B956; background-image: linear-gradient(left, #33B303, #78B956); background-image: -o-linear-gradient(left, #33B303, #78B956); background-image: -moz-linear-gradient(left, #33B303, #78B956); background-image: -webkit-linear-gradient(left, #33B303, #78B956); background-image: -ms-linear-gradient(left, #33B303, #78B956); background-image: -webkit-gradient(linear, left left, left top, color-stop(0, #33B303), color-stop(1, #78B956)); border-radius: 5px; box-shadow: 0px 1px 10px rgba(46, 51, 53, 0.4588235294), 0px 1px 0px #FFFFFF !important; border-width: 1px; text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.5215686275); } .epkb-admin-pro-feature-ad-container .epkb-btn a { text-decoration: none; } .epkb-admin-pro-feature-ad-container .epkb-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #258102, #78B956); background-image: -o-linear-gradient(bottom, #258102, #78B956); background-image: -moz-linear-gradient(bottom, #258102, #78B956); background-image: -webkit-linear-gradient(bottom, #258102, #78B956); background-image: -ms-linear-gradient(bottom, #258102, #78B956); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #258102), color-stop(1, #78B956)); border-radius: 5px; } .epkb-admin-pro-feature-ad-container .epkb-btn:focus { outline: 0; } .epkb-admin-pro-feature-ad-container .epkb-body__link { z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-body__link .epkb-body__link__icon-after { font-size: 12px; } .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__new-feature { position: absolute; top: -13px; left: -48px; background-color: #5CB85C; padding: 35px 34px 3px 34px; color: #FFFFFF; transform: rotate(-40deg); } .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__new-feature .epkbfa-star { position: absolute; top: 12px; left: 58px; } .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__new-add-on { position: absolute; top: -13px; left: -48px; background-color: #EAF140; padding: 35px 34px 3px 34px; color: #000000; transform: rotate(-40deg); } .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__new-add-on .epkbfa-plug { position: absolute; top: 12px; left: 58px; transform: rotate(-45deg); } .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__widget { position: absolute; top: -14px; left: -47px; background-color: #507AB8; padding: 35px 34px 3px 42px; color: #FFFFFF; transform: rotate(-40deg); } .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__widget .epkbfa-puzzle-piece { position: absolute; top: 19px; left: 56px; } .epkb-admin-pro-feature-ad-container .epkb-aa__header-container { display: flex; flex-direction: row; align-items: center; justify-content: center; padding-bottom: 10px; width: 600px; z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-aa__header-container .epkb-header__title { font-weight: 600; font-size: 28px; margin: 20px 0; line-height: 35px; text-align: center; } .epkb-admin-pro-feature-ad-container .epkb-aa__header-container .epkb-header__title strong { font-weight: 900; color: #78B956; } .epkb-admin-pro-feature-ad-container .epkb-aa__body-container { z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__desc { font-size: 14px; padding: 10px 0; margin-top: 30px; z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container { font-size: 14px; list-style-type: none; padding: 0; margin: 0 0 50px 5px !important; z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item { display: flex; justify-content: flex-start; align-items: baseline; margin-bottom: 25px !important; } .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item .epkb-check-mark-list__item__icon { color: #95C87A; } .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item .epkb-check-mark-list__item__text { padding-left: 6px; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-container { display: flex; flex-direction: row; align-items: center; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-container .epkb-body__footer_desc { padding: 10px 20px 0 0; z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-aa__footer-container .epkb-aa__footer-buttons { display: flex; justify-content: space-between; align-items: center; width: 100%; z-index: 10; } .epkb-admin-pro-feature-ad-container .epkb-admin-pro-feature-ad-background-img { position: absolute; top: 0; left: 0; z-index: 1; height: 499px; } .epkb-admin-pro-feature-ad-container--horizontal { flex-direction: row; align-items: stretch; padding: 0; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-ad__image-container { flex-shrink: 0; width: 300px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%); overflow: hidden; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-ad__image-container .epkb-admin-pro-feature-ad-image { width: 100%; height: 100%; object-fit: cover; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-ad__content-container { flex: 1; display: flex; flex-direction: column; padding: 20px 30px; position: relative; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__footer-buttons { display: flex; justify-content: space-between; align-items: center; width: 100%; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-btn { position: static !important; margin-top: auto; align-self: flex-start; font-size: 17px !important; padding: 10px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-btn .epkb-btn-icon { font-size: 14px; display: inline-block; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-btn--primary { background: #33B303; color: #FFFFFF; border: 2px solid #33B303; transition: all 0.3s ease; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-btn--primary:hover { background: #2A9502; border-color: #2A9502; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-btn--secondary { background: linear-gradient(135deg, #F093FB 0%, #F5576C 50%, #FFD140 100%); color: #FFFFFF; border: 2px solid transparent; font-weight: 600; box-shadow: 0 4px 15px rgba(255, 107, 107, 0.5); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-btn--secondary:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(255, 107, 107, 0.7); } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__header-container { align-items: flex-start; justify-content: flex-start; padding-bottom: 10px; width: 100%; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__header-container .epkb-header__title { font-size: 24px; margin: 0 0 10px 0; line-height: 1.3; text-align: left; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__body-container { flex: 1; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__body-container .epkb-body__desc { padding: 5px 0; margin-top: 0; margin-bottom: 15px; line-height: 1.5; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__body-container .epkb-body__check-mark-list-container { font-size: 15px; margin: 0 0 20px 0 !important; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item { margin-bottom: 12px !important; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item .epkb-check-mark-list__item__icon { flex-shrink: 0; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item .epkb-check-mark-list__item__text { padding-left: 8px; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__footer-container { margin-top: auto; width: 100%; } .epkb-admin-pro-feature-ad-container--horizontal .epkb-aa__footer-container .epkb-body__footer_desc { padding: 10px 20px 0 0; } .epkb-admin-pro-feature-ad2-container { display: flex; flex-direction: column; justify-content: flex-start; background-color: #FFFFFF; min-height: 240px; box-shadow: 1px 4px 10px 0 rgba(16, 16, 16, 0.168627451); border-radius: 5px; position: relative; overflow: hidden; font-family: "Open Sans", system-ui, sans-serif; } .epkb-admin-pro-feature-ad2-container .epkb-admin-ad-icon { position: absolute; top: 0; right: 0; z-index: 10; } .epkb-admin-pro-feature-ad2-container .epkb-admin-ad-icon img { width: 105px; z-index: 10; } .epkb-admin-pro-feature-ad2-container p { margin: 0 0 10px 0; } .epkb-admin-pro-feature-ad2-container ul { list-style: disc; padding-left: 20px; z-index: 10; } .epkb-admin-pro-feature-ad2-container .epkb-aa__header-container { display: flex; background-color: #FFFFFF; justify-content: center; flex-direction: column; align-items: center; padding: 20px 0 20px 0; z-index: 999; } .epkb-admin-pro-feature-ad2-container .epkb-aa__header-container .epkb-feature-header__title h4 { font-size: 30px !important; margin: 0 !important; padding: 0 20px !important; border: none !important; line-height: 1.5; text-align: center; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container { z-index: 10; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container { display: flex; flex-wrap: wrap; justify-content: center; z-index: 10; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container { position: relative; text-align: center; width: 100%; display: none; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-previous, .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-next { position: absolute; top: 0; font-size: 70px; padding: 255px 0; display: flex; justify-content: center; transition: transform 0.3s ease, color 0.3s ease; /* Smooth transition for transform and color */ } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-previous { left: 0; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-next { right: 0; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-previous:hover, .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-next:hover { cursor: pointer; color: #2EA3F2; transform: scale(1.2); } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-img { height: 485px; padding-top: 20px; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-img img { width: 76%; display: block; margin: 0 auto; box-shadow: rgba(0, 0, 0, 0.45) -1px 1px 17px 0px; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer { width: 100%; display: flex; justify-content: center; position: relative; flex-direction: column; padding: 0 20px 20px 20px; z-index: 999; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__desc p { font-size: 18px; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container { display: flex; justify-content: center; align-content: center; gap: 30px; padding-top: 20px; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-view-demo-btn { display: inline-block; height: fit-content; background-color: #FFFFFF; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #000000; border: solid 1px #FFFFFF; background-image: linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -moz-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, left left, left top, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF)); border-radius: 5px; transition: transform 0.3s ease, color 0.3s ease; /* Smooth transition for transform and color */ text-align: center; font-size: 17px !important; border-radius: 30px !important; z-index: 10; padding: 10px 20px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; border: solid 2px #000000 !important; text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.5215686275); } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-view-demo-btn a { text-decoration: none; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-view-demo-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #E6E6E6, #FFFFFF); background-image: -o-linear-gradient(bottom, #E6E6E6, #FFFFFF); background-image: -moz-linear-gradient(bottom, #E6E6E6, #FFFFFF); background-image: -webkit-linear-gradient(bottom, #E6E6E6, #FFFFFF); background-image: -ms-linear-gradient(bottom, #E6E6E6, #FFFFFF); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E6E6), color-stop(1, #FFFFFF)); border-radius: 5px; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-view-demo-btn:focus { outline: 0; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-view-demo-btn:hover { transform: scale(1.1); } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-buy-btn { text-align: center; font-size: 19px !important; border-radius: 30px !important; z-index: 10; display: inline-block; height: fit-content; background-color: #33B303; padding: 10px; position: relative; font-family: "Open Sans", sans-serif; font-size: 12px; text-align: center; text-decoration: none; color: #FFFFFF; border: solid 1px #78B956; background-image: linear-gradient(left, #33B303, #78B956); background-image: -o-linear-gradient(left, #33B303, #78B956); background-image: -moz-linear-gradient(left, #33B303, #78B956); background-image: -webkit-linear-gradient(left, #33B303, #78B956); background-image: -ms-linear-gradient(left, #33B303, #78B956); background-image: -webkit-gradient(linear, left left, left top, color-stop(0, #33B303), color-stop(1, #78B956)); border-radius: 5px; transition: transform 0.3s ease, color 0.3s ease; /* Smooth transition for transform and color */ padding: 10px 20px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; border-width: 1px; text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.5215686275); } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-buy-btn a { text-decoration: none; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-buy-btn:hover { cursor: pointer; background-image: linear-gradient(bottom, #258102, #78B956); background-image: -o-linear-gradient(bottom, #258102, #78B956); background-image: -moz-linear-gradient(bottom, #258102, #78B956); background-image: -webkit-linear-gradient(bottom, #258102, #78B956); background-image: -ms-linear-gradient(bottom, #258102, #78B956); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #258102), color-stop(1, #78B956)); border-radius: 5px; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-buy-btn:focus { outline: 0; } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container .epkb-feature-footer .epkb-feature-footer__btn-container .epkb-buy-btn:hover { transform: scale(1.1); } .epkb-admin-pro-feature-ad2-container .epkb-aa__body-container .epkb-feature-list-container .epkb-feature-container.epkb-feature--active { display: block; } .epkb-ajax-loading-saving-icon { transition: background, box-shadow 0.3s; box-shadow: rgba(0, 139, 219, 0.24706) 0 0 60px; position: fixed; top: 50%; left: 50%; width: 100px; height: 100px; background: white; border-radius: 50px; margin: -50px 0 0 -50px; z-index: 999999; text-align: center; } .epkb-ajax-loading-saving-icon .epkb-loading-spinner { border: 3px solid #F3F3F3; border-top: 4px solid #3498DB; border-radius: 50%; width: 75px !important; height: 75px !important; animation: spin 1s linear infinite; display: inline-block; margin-top: 13px; } .epkb-ajax-loading-saving-icon .fa-check-circle { display: inline-block; font-size: 100px; color: #78B956; } /* Elements outside of ( #ekb-admin-page-wrap ) The container encapsulating all other KB Elements --------------------------------------------------------------*/ #epkb-dialog-info-icon-msg img { width: 100%; } .eckb-top-notice-message { margin: 0 20px 0 0; width: 100%; } @media (min-width: 1480px) { .eckb-top-notice-message { width: inherit; } } .eckb-top-notice-message .contents { display: block; position: relative; float: inherit; width: inherit; margin-bottom: 18px; } @media (min-width: 1480px) { .eckb-top-notice-message .contents { width: 100%; } } .eckb-top-notice-message .contents span { display: inline-block; padding: 10px; border-radius: 5px; border: solid 2px; width: 100%; box-sizing: border-box; } .eckb-top-notice-message .contents .general { background-color: #E5E5E5; border-color: #CCCCCC; } .eckb-top-notice-message .contents .success { background-color: #5CB85C; border-color: #449D44; color: #FFFFFF; } .eckb-top-notice-message .contents .warning { background-color: #F0BC71; border-color: #EBA643; color: #FFFFFF; } .eckb-top-notice-message .contents .attention { background-color: #D0D849; border-color: #BBC42A; color: #5E5E5E; } .eckb-top-notice-message .contents .error { background-color: #D9534F; border-color: #C9302C; color: #FFFFFF; } .eckb-top-notice-message .contents .primary { background-color: #2EA3F2; border-color: #0E8BDF; color: #FFFFFF; } .eckb-top-notice-message .contents h4 { margin: 0; } .eckb-top-notice-message .contents p { margin: 0; } .eckb-top-notice-message .contents ol { margin: 10px 20px; } .eckb-top-notice-message .contents a { font-weight: bold; color: #FFFFFF; } .eckb-top-notice-message .contents a:hover { cursor: pointer; } #ekb_core_top_heading { margin: 0 20px 0 2px; position: relative; /* Variations */ } @media (max-width: 782px) { #ekb_core_top_heading { margin: 0 12px 0 0; } } #ekb_core_top_heading:before, #ekb_core_top_heading:after { display: table; content: " "; } #ekb_core_top_heading:after { clear: both; } #ekb_core_top_heading .tab_navigation { float: left; width: inherit; box-sizing: border-box; margin: 20px 0 0 0; background-color: #E5E5E5; font-size: 1.31em; } @media (max-width: 782px) { #ekb_core_top_heading .tab_navigation { width: 100%; margin-top: 50px; } } #ekb_core_top_heading .tab_navigation li { float: left; margin: 0; } @media (max-width: 782px) { #ekb_core_top_heading .tab_navigation li { width: 100%; border-bottom: solid 1px #BFBFBF; } } #ekb_core_top_heading .tab_navigation li .nav_tab { padding: 16px 20px; box-sizing: border-box; display: block; color: #BBBBBB; text-decoration: none; font-weight: 500; } #ekb_core_top_heading .tab_navigation li .active { background-color: #FFFFFF; color: #555555; } #ekb_core_top_heading .tab_navigation li span { max-width: 260px; white-space: nowrap; display: block; } @media (max-width: 782px) { #ekb_core_top_heading .tab_navigation li span { width: 100%; max-width: 100%; } } #ekb_core_top_heading .drop_down_tabs { position: relative; } #ekb_core_top_heading .drop_down_tabs .more_tabs { padding: 16px 30px 16px 20px; box-sizing: border-box; display: block; color: #7D7D7D; text-decoration: none; font-weight: 500; position: relative; } #ekb_core_top_heading .drop_down_tabs .more_tabs:hover { cursor: pointer; } #ekb_core_top_heading .drop_down_tabs .more_tabs:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #7D7D7D transparent transparent transparent; position: absolute; top: 23px; right: 10px; } #ekb_core_top_heading .drop_down_tabs ul { display: none; position: absolute; width: 469px; -webkit-box-shadow: -1px 9px 17px -2px rgba(0, 0, 0, 0.53); -moz-box-shadow: -1px 9px 17px -2px rgba(0, 0, 0, 0.53); box-shadow: -1px 9px 17px -2px rgba(0, 0, 0, 0.53); background-color: #FFFFFF; max-height: 400px; overflow: auto; z-index: 99999; } @media (max-width: 782px) { #ekb_core_top_heading .drop_down_tabs ul { width: 100%; } } #ekb_core_top_heading .drop_down_tabs ul li { width: 100%; box-sizing: border-box; } #ekb_core_top_heading .drop_down_tabs ul li .nav_tab { width: 100%; box-sizing: border-box; } #ekb_core_top_heading .active-drop-down .more_tabs { background-color: #FFFFFF !important; } #ekb_core_top_heading .kb_status { font-size: 1.1em; padding: 7px; border-left: 5px solid #EEEEEE; border-radius: 3px; background-color: #FFFFFF; position: absolute; right: 0; bottom: 0; margin: 0; } @media (max-width: 782px) { #ekb_core_top_heading .kb_status { bottom: 0px; } } #ekb_core_top_heading .kb_status_success { color: #78B956; border-left-color: #78B956; } #ekb_core_top_heading .kb_status_success a { color: #78B956; } #ekb_core_top_heading .kb_status_error { color: #D95651; border-left-color: #D95651; } #ekb_core_top_heading .kb_status_error a { color: #D95651; } #ekb_core_top_heading .kb_status_warning { color: #F0BC71; border-left-color: #F0BC71; } #ekb_core_top_heading .kb_status_warning a { color: #F0BC71; } #ekb_core_top_heading .kb_status_info { color: #2EA3F2; border-left-color: #2EA3F2; } #ekb_core_top_heading .kb_status_info a { color: #2EA3F2; } #ekb_core_top_heading .warning_pulse { cursor: pointer; box-shadow: 0 0 0 rgba(204, 169, 44, 0.4); animation: warning_pulse 2s infinite; } #ekb_core_top_heading .error_pulse { cursor: pointer; box-shadow: 0 0 0 rgba(204, 44, 24, 0.4); animation: error_pulse 2s infinite; } @-webkit-keyframes warning_pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } @keyframes warning_pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } @-webkit-keyframes error_pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204, 44, 24, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } @keyframes error_pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(204, 44, 24, 0.4); box-shadow: 0 0 0 0 rgba(204, 44, 24, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } #ekb_core_top_heading + .wrap { background-color: #FFFFFF; padding: 10px 15px 10px 15px; margin-top: 0; } #ekb_core_top_heading + .wrap .wp-header-end + div:not(.epkb-notice) { display: none !important; } #ekb_core_top_heading + .wrap h1 + div { display: none !important; } #ekb_core_top_heading + .config { padding: 0; } #ekb_core_top_heading + .config .settings_container { margin-top: 0; border: none; padding-top: 35px; padding-right: 5px; padding-left: 5px; margin-right: auto; margin-left: auto; box-sizing: border-box; } @media (min-width: 1115px) { #ekb_core_top_heading + .config .settings_container { padding-right: 25px; padding-left: 25px; } } .eckb-bottom-notice-message { position: fixed; bottom: 20px; left: 160px; z-index: 99999; transition: all 0.5s ease-in-out; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; max-width: 700px; } .eckb-bottom-notice-message .contents { display: block; position: relative; font-size: 16px; } .eckb-bottom-notice-message .contents span { display: block; border: solid 1px; padding: 15px 30px 15px 30px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .eckb-bottom-notice-message .contents span p { padding: 0; margin: 0; font-size: 1em; } .eckb-bottom-notice-message .contents .general { background-color: #E5E5E5; border-color: #CCCCCC; } .eckb-bottom-notice-message .contents .success { background-color: #5CB85C; border-color: #449D44; color: #FFFFFF; } .eckb-bottom-notice-message .contents .warning { background-color: #F0BC71; border-color: #EBA643; color: #FFFFFF; } .eckb-bottom-notice-message .contents .attention { background-color: #D0D849; border-color: #BBC42A; color: #5E5E5E; } .eckb-bottom-notice-message .contents .error { background-color: #D9534F; border-color: #C9302C; color: #FFFFFF; } .eckb-bottom-notice-message .contents .primary { background-color: #2EA3F2; border-color: #0E8BDF; color: #FFFFFF; } .eckb-bottom-notice-message .epkb-close-notice { position: absolute; top: 0; right: 0; padding: 5px; opacity: 0.5; font-size: 1.5em; } .eckb-bottom-notice-message .epkb-close-notice:hover { opacity: 1; cursor: pointer; } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } #epkb-dialog-info-icon { padding: 20px; border: 3px solid #2EA3F2; border-radius: 3px; background-color: #FFFFFF; margin: 10px 20px 0 2px; } #epkb-dialog-info-icon .ui-dialog-titlebar { display: none; } #epkb-dialog-info-icon .ui-dialog-content { height: 100% !important; } #epkb-dialog-info-icon #epkb-ajax-in-progress, #epkb-dialog-info-icon #eckb-ajax-in-progress { height: 16px !important; text-align: center; overflow: inherit !important; } .epkb-plugin-info-container .nav-tab-wrapper, .epkb-add-ons-page-container .nav-tab-wrapper { margin-top: 20px; float: left; width: 100%; } .epkb-plugin-info-container .nav-tab-wrapper .nav-tab, .epkb-add-ons-page-container .nav-tab-wrapper .nav-tab { padding-right: 15px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 18px; } .epkb-plugin-info-container .nav-tab-wrapper .active, .epkb-add-ons-page-container .nav-tab-wrapper .active { border-bottom: 1px solid #F1F1F1; background: #F1F1F1; color: #000000; margin-bottom: -1px; -webkit-box-shadow: none; box-shadow: none; } .epkb-plugin-info-container .nav-tab-wrapper .active:hover, .epkb-add-ons-page-container .nav-tab-wrapper .active:hover { border-bottom: 1px solid #F1F1F1; background: #F1F1F1; color: #000000; } .epkb-plugin-info-container .nav-tab-wrapper .active:focus, .epkb-add-ons-page-container .nav-tab-wrapper .active:focus { border-bottom: 1px solid #F1F1F1; background: #F1F1F1; color: #000000; } .epkb-plugin-info-container .epkb-main-nav, .epkb-add-ons-page-container .epkb-main-nav { padding: 0; margin-bottom: 5px; width: 100%; border: none; float: left; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs { padding: 0; margin: 0; background-color: #E5E5E5; float: left; width: 100%; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs li, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs li { display: block; float: left; width: 16%; min-width: 230px; padding: 10px 0; height: 76px; text-align: center; margin: 0; } @media (max-width: 1115px) { .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs li, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs li { width: initial; min-width: initial; padding: 10px 25px; height: initial; } } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs li h2, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs li h2 { color: #BBBBBB; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs li p, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs li p { font-size: 0.9em; color: #BBBBBB; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs li:hover, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs li:hover { cursor: pointer; background-color: #DDDDDD; color: #FFFFFF; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs li:hover h2, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs li:hover h2 { color: #FFFFFF; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs li:hover p, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs li:hover p { color: #FFFFFF; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active { background-color: #FFFFFF; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active:hover, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active:hover { cursor: auto; background-color: #FFFFFF; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active:hover h2, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active:hover h2 { color: #555555; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active:hover p, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active:hover p { color: #555555; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active h2, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active h2 { color: #555555; } .epkb-plugin-info-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active p, .epkb-add-ons-page-container .epkb-main-nav .epkb-admin-pages-nav-tabs .active p { color: #555555; } @media (max-width: 1115px) { .epkb-plugin-info-container .epkb-main-nav p, .epkb-add-ons-page-container .epkb-main-nav p { display: none; } } .epkb-plugin-info-container .ekb-admin-pages-panel-container, .epkb-add-ons-page-container .ekb-admin-pages-panel-container { float: left; width: 100%; box-sizing: border-box; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav { margin-top: 20px; margin-bottom: 30px; padding: 0; width: 100%; border: none; float: left; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs { padding: 0; margin: 0; border-bottom: solid 1px #DDDDDD; float: left; width: 100%; height: 38px; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li { display: block; float: left; min-width: 168px; padding: 10px 0; text-align: center; margin: 0; } @media only screen and (max-width: 800px) { .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li { width: 100%; } } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li h2, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li h2 { margin: 0; font-size: 1.3em; color: #BFBDBD; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li p, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li p { font-size: 0.9em; color: #BFBDBD; margin-bottom: 0; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li:hover, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li:hover { cursor: pointer; background-color: #DDDDDD; color: #FFFFFF; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li:hover h2, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li:hover h2 { color: #FFFFFF; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li:hover p, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs li:hover p { color: #FFFFFF; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active { background-color: #FFFFFF; border-top: solid 1px #DDDDDD; border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active:hover, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active:hover { cursor: auto; background-color: #FFFFFF; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active:hover h2, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active:hover h2 { color: #00BFFF; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active:hover p, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active:hover p { color: #00BFFF; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active h2, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active h2 { color: #00BFFF; } .epkb-plugin-info-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active p, .epkb-add-ons-page-container .ekb-admin-pages-panel-container .sub_nav .epkb-admin-pages-nav-tabs .active p { color: #00BFFF; } .epkb-admin-dialog-box-loading { background-color: #FFFFFF; max-width: 30%; width: 300px; position: fixed; top: 30%; left: 50%; margin-left: -150px; box-shadow: 0 3px 4px 0 #000000; border: solid 4px #3B3B3B; z-index: 999; } .epkb-admin-dialog-box-loading.epkb-admin-dialog-box-loading--relative { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; display: flex; justify-content: center; align-items: center; } .epkb-admin-dialog-box-loading.epkb-admin-dialog-box-loading--relative .epkb-admin-dbl__header { position: static; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__header { padding: 20px 20px 20px 20px; text-align: center; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon { border: dashed 6px #2EA3F2; color: #2EA3F2; padding: 30px; border-radius: 100px; animation: epkb_spin 2s linear infinite; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon:before { font-size: 30px; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-text { color: #2EA3F2; font-size: 32px; font-weight: bold; margin: 0; margin-top: 30px; } .epkb-admin-dialog-box-loading .epkb-admin-dbl__body { padding: 20px; text-align: center; } .epkb-admin-dialog-box-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100; animation: edit-post__fade-in-animation 0.2s ease-out 0s; animation-fill-mode: forwards; } .epkb-admin-dialog-box-overlay.epkb-admin-dialog-box-loading--relative { position: absolute; } .epkb-dialog-pro-feature-ad-black-background { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9991; } .epkb-dialog-pro-feature-ad--active { display: block; } .epkb-dialog-pro-feature-ad--active + .epkb-dialog-pro-feature-ad-black-background { display: block; } .epkb-network-error { display: flex; align-items: center; background-color: #F9F9F9; border: 1px solid #E0E0E0; border-left: 4px solid #D9534F; padding: 20px; margin: 20px 0; width: 80%; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .epkb-network-error .epkb-network-error-icon { flex-shrink: 0; margin-right: 15px; font-size: 60px; color: #D9534F; line-height: 1; background-color: #FFE4E4; padding: 20px; border-radius: 60px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .epkb-network-error .epkb-network-error-content h2 { margin: 0 0 10px; font-size: 30px; line-height: 1.5; color: #333333; font-weight: 600; } .epkb-network-error .epkb-network-error-description { font-size: 20px; line-height: 1.6; color: #555555; } .epkb-network-error .epkb-network-error-description p { font-size: 20px; } .epkb-network-error a { color: #D9534F; text-decoration: none; border-bottom: 1px dashed #D9534F; transition: color 0.3s, border-color 0.3s; } .epkb-network-error a:hover, .epkb-network-error a:focus { color: #A94442; border-color: #A94442; } @keyframes epkb_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @media only screen and (max-width: 1300px) { .epkb-dialog-pro-feature-ad2 { width: calc(100% - 20px); margin-left: 0; left: 10px; } } /* Hide "None" option from Sidebar Navigation Type dropdowns - position controls visibility */ #article_nav_sidebar_type_left .epkb-input-container:last-child, #article_nav_sidebar_type_right .epkb-input-container:last-child { display: none !important; }
Save
Cancel