@font-face {
  font-family: "dev4press";
  src: url("data:application/font-woff2;charset=utf-8;base64, ") format("woff2"), url("data:application/font-woff;charset=utf-8;base64, ") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}
.d4p-icon {
  font: normal normal normal 14px "dev4press";
  font-size: inherit;
  text-transform: none;
  display: inline-block;
  vertical-align: text-bottom;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 > .d4p-icon, h2 > .d4p-icon, h3 > .d4p-icon, h4 > .d4p-icon, h5 > .d4p-icon, h6 > .d4p-icon {
  line-height: inherit;
  vertical-align: bottom;
}

a > .d4p-icon {
  line-height: inherit;
  vertical-align: bottom;
}

/* Icons */
.d4p-icon.d4p-ui-arrow-right {
  transform: rotate(180deg);
}

.d4p-icon.d4p-ui-arrow-up {
  transform: rotate(90deg);
}

.d4p-icon.d4p-ui-arrow-down {
  transform: rotate(270deg);
}

.d4p-icon.d4p-ui-angles-right {
  transform: rotate(180deg);
}

.d4p-icon.d4p-ui-angles-up {
  transform: rotate(90deg);
}

.d4p-icon.d4p-ui-angles-down {
  transform: rotate(270deg);
}

.d4p-icon.d4p-ui-chevron-right {
  transform: rotate(180deg);
}

.d4p-icon.d4p-ui-chevron-up {
  transform: rotate(90deg);
}

.d4p-icon.d4p-ui-chevron-down {
  transform: rotate(270deg);
}

.d4p-icon.d4p-ui-chevron-square-right {
  transform: rotate(180deg);
}

.d4p-icon.d4p-ui-chevron-square-up {
  transform: rotate(90deg);
}

.d4p-icon.d4p-ui-chevron-square-down {
  transform: rotate(270deg);
}

.d4p-icon.d4p-ui-caret-up {
  transform: rotate(180deg);
}

.d4p-icon.d4p-ui-caret-left {
  transform: rotate(90deg);
}

.d4p-icon.d4p-ui-caret-right {
  transform: rotate(270deg);
}

.d4p-icon.d4p-ui-poll-horizontal {
  transform: rotate(90deg);
}

.d4p-icon.d4p-ui-quote-right {
  transform: rotate(180deg);
}

.d4p-icon.d4p-ui-sliders-hor {
  transform: rotate(90deg);
}

.d4p-icon.d4p-ui-sliders-base-hor {
  transform: rotate(90deg);
}

.d4p-icon.d4p-brand-buymeacoffee:before {
  content: "\f101";
}

.d4p-icon.d4p-brand-classicpress:before {
  content: "\f102";
}

.d4p-icon.d4p-brand-deviantart:before {
  content: "\f103";
}

.d4p-icon.d4p-brand-facebook:before {
  content: "\f104";
}

.d4p-icon.d4p-brand-github-alt:before {
  content: "\f105";
}

.d4p-icon.d4p-brand-github:before {
  content: "\f106";
}

.d4p-icon.d4p-brand-gravityforms:before {
  content: "\f107";
}

.d4p-icon.d4p-brand-instagram:before {
  content: "\f108";
}

.d4p-icon.d4p-brand-ko-fi:before {
  content: "\f109";
}

.d4p-icon.d4p-brand-linkedin:before {
  content: "\f10a";
}

.d4p-icon.d4p-brand-reddit:before {
  content: "\f10b";
}

.d4p-icon.d4p-brand-stack-exchange:before {
  content: "\f10c";
}

.d4p-icon.d4p-brand-stack-overflow:before {
  content: "\f10d";
}

.d4p-icon.d4p-brand-twitter:before {
  content: "\f10e";
}

.d4p-icon.d4p-brand-wordpress:before {
  content: "\f10f";
}

.d4p-icon.d4p-brand-youtube:before {
  content: "\f110";
}

.d4p-icon.d4p-club-gd-bbpress-club:before {
  content: "\f111";
}

.d4p-icon.d4p-club-icon-bbpress:before {
  content: "\f111";
}

.d4p-icon.d4p-club-bbpress:before {
  content: "\f111";
}

.d4p-icon.d4p-club-icon-gd-bbpress-club:before {
  content: "\f111";
}

.d4p-icon.d4p-club-gd-dev4press-plugins:before {
  content: "\f112";
}

.d4p-icon.d4p-club-icon-dev4press:before {
  content: "\f112";
}

.d4p-icon.d4p-club-dev4press:before {
  content: "\f112";
}

.d4p-icon.d4p-club-icon-gd-dev4press-plugins:before {
  content: "\f112";
}

.d4p-icon.d4p-club-gd-rating-club:before {
  content: "\f113";
}

.d4p-icon.d4p-club-icon-rating:before {
  content: "\f113";
}

.d4p-icon.d4p-club-rating:before {
  content: "\f113";
}

.d4p-icon.d4p-club-icon-gd-rating-club:before {
  content: "\f113";
}

.d4p-icon.d4p-file-archive:before {
  content: "\f114";
}

.d4p-icon.d4p-file-blank:before {
  content: "\f115";
}

.d4p-icon.d4p-file-certificate:before {
  content: "\f116";
}

.d4p-icon.d4p-file-chart-line:before {
  content: "\f117";
}

.d4p-icon.d4p-file-check:before {
  content: "\f118";
}

.d4p-icon.d4p-file-contract:before {
  content: "\f119";
}

.d4p-icon.d4p-file-export:before {
  content: "\f11a";
}

.d4p-icon.d4p-file-import:before {
  content: "\f11b";
}

.d4p-icon.d4p-file-lock:before {
  content: "\f11c";
}

.d4p-icon.d4p-file-magnifying-glass:before {
  content: "\f11d";
}

.d4p-icon.d4p-file-pen:before {
  content: "\f11e";
}

.d4p-icon.d4p-file-shield:before {
  content: "\f11f";
}

.d4p-icon.d4p-file-signature:before {
  content: "\f120";
}

.d4p-icon.d4p-file-spreadsheet:before {
  content: "\f121";
}

.d4p-icon.d4p-file-text:before {
  content: "\f122";
}

.d4p-icon.d4p-logo-bbpress:before {
  content: "\f123";
}

.d4p-icon.d4p-logo-buddypress:before {
  content: "\f124";
}

.d4p-icon.d4p-logo-dev4press-full-fill:before {
  content: "\f125";
}

.d4p-icon.d4p-logo-dev4press-full:before {
  content: "\f126";
}

.d4p-icon.d4p-logo-dev4press:before {
  content: "\f127";
}

.d4p-icon.d4p-logo-dev4press-light:before {
  content: "\f127";
}

.d4p-icon.d4p-logo-jquery:before {
  content: "\f128";
}

.d4p-icon.d4p-logo-php:before {
  content: "\f129";
}

.d4p-icon.d4p-logo-woo:before {
  content: "\f12a";
}

.d4p-icon.d4p-plugin-archivespress:before {
  content: "\f12b";
}

.d4p-icon.d4p-plugin-breadcrumbspress:before {
  content: "\f12c";
}

.d4p-icon.d4p-plugin-coreactivity:before {
  content: "\f12d";
}

.d4p-icon.d4p-plugin-coresecurity:before {
  content: "\f12e";
}

.d4p-icon.d4p-plugin-gd-security-toolbox:before {
  content: "\f12e";
}

.d4p-icon.d4p-plugin-coreseo:before {
  content: "\f12f";
}

.d4p-icon.d4p-plugin-gd-seo-toolbox:before {
  content: "\f12f";
}

.d4p-icon.d4p-plugin-coresocial:before {
  content: "\f130";
}

.d4p-icon.d4p-plugin-debugpress:before {
  content: "\f131";
}

.d4p-icon.d4p-plugin-demopress:before {
  content: "\f132";
}

.d4p-icon.d4p-plugin-dev4press-updater:before {
  content: "\f133";
}

.d4p-icon.d4p-plugin-forummod-for-bbpress:before {
  content: "\f134";
}

.d4p-icon.d4p-plugin-gd-bbpress-attachments:before {
  content: "\f135";
}

.d4p-icon.d4p-plugin-gd-bbpress-toolbox:before {
  content: "\f136";
}

.d4p-icon.d4p-plugin-gd-bbpress-tools:before {
  content: "\f137";
}

.d4p-icon.d4p-plugin-gd-content-tools:before {
  content: "\f138";
}

.d4p-icon.d4p-plugin-gd-forum-manager:before {
  content: "\f139";
}

.d4p-icon.d4p-plugin-gd-forum-manager-for-bbpress:before {
  content: "\f139";
}

.d4p-icon.d4p-plugin-gd-forum-notices:before {
  content: "\f13a";
}

.d4p-icon.d4p-plugin-gd-forum-notices-for-bbpress:before {
  content: "\f13a";
}

.d4p-icon.d4p-plugin-gd-knowledge-base:before {
  content: "\f13b";
}

.d4p-icon.d4p-plugin-gd-mail-queue:before {
  content: "\f13c";
}

.d4p-icon.d4p-plugin-gd-members-directory:before {
  content: "\f13d";
}

.d4p-icon.d4p-plugin-gd-members-directory-for-bbpress:before {
  content: "\f13d";
}

.d4p-icon.d4p-plugin-gd-pages-navigator:before {
  content: "\f13e";
}

.d4p-icon.d4p-plugin-gd-power-search:before {
  content: "\f13f";
}

.d4p-icon.d4p-plugin-gd-power-search-for-bbpress-lite:before {
  content: "\f13f";
}

.d4p-icon.d4p-plugin-gd-power-search-for-bbpress:before {
  content: "\f13f";
}

.d4p-icon.d4p-plugin-gd-press-tools:before {
  content: "\f140";
}

.d4p-icon.d4p-plugin-gd-quantum-theme:before {
  content: "\f141";
}

.d4p-icon.d4p-plugin-gd-quantum-theme-for-bbpress:before {
  content: "\f141";
}

.d4p-icon.d4p-plugin-gd-rating-system:before {
  content: "\f142";
}

.d4p-icon.d4p-plugin-gd-rating-system-lite:before {
  content: "\f142";
}

.d4p-icon.d4p-plugin-gd-security-headers:before {
  content: "\f143";
}

.d4p-icon.d4p-plugin-gd-topic-polls:before {
  content: "\f144";
}

.d4p-icon.d4p-plugin-gd-topic-polls-lite:before {
  content: "\f144";
}

.d4p-icon.d4p-plugin-gd-topic-polls-for-bbpress:before {
  content: "\f144";
}

.d4p-icon.d4p-plugin-gd-topic-prefix:before {
  content: "\f145";
}

.d4p-icon.d4p-plugin-gd-topic-prefix-for-bbpress:before {
  content: "\f145";
}

.d4p-icon.d4p-plugin-sweeppress:before {
  content: "\f146";
}

.d4p-icon.d4p-ui-alarm:before {
  content: "\f147";
}

.d4p-icon.d4p-ui-analytics:before {
  content: "\f148";
}

.d4p-icon.d4p-ui-angles-left:before {
  content: "\f149";
}

.d4p-icon.d4p-ui-archive:before {
  content: "\f14a";
}

.d4p-icon.d4p-ui-arrow-left:before {
  content: "\f14b";
}

.d4p-icon.d4p-ui-arrows-v:before {
  content: "\f14c";
}

.d4p-icon.d4p-ui-assistive-listening-systems:before {
  content: "\f14d";
}

.d4p-icon.d4p-ui-asterisk:before {
  content: "\f14e";
}

.d4p-icon.d4p-ui-badge-check:before {
  content: "\f14f";
}

.d4p-icon.d4p-ui-badge-percent:before {
  content: "\f150";
}

.d4p-icon.d4p-ui-badge:before {
  content: "\f151";
}

.d4p-icon.d4p-ui-ban:before {
  content: "\f152";
}

.d4p-icon.d4p-ui-barcode:before {
  content: "\f153";
}

.d4p-icon.d4p-ui-bars:before {
  content: "\f154";
}

.d4p-icon.d4p-ui-bee:before {
  content: "\f155";
}

.d4p-icon.d4p-ui-bell-school:before {
  content: "\f156";
}

.d4p-icon.d4p-ui-bell:before {
  content: "\f157";
}

.d4p-icon.d4p-ui-book-spells:before {
  content: "\f158";
}

.d4p-icon.d4p-ui-book:before {
  content: "\f159";
}

.d4p-icon.d4p-ui-bookmark:before {
  content: "\f15a";
}

.d4p-icon.d4p-ui-box:before {
  content: "\f15b";
}

.d4p-icon.d4p-ui-brackets:before {
  content: "\f15c";
}

.d4p-icon.d4p-ui-briefcase:before {
  content: "\f15d";
}

.d4p-icon.d4p-ui-broom:before {
  content: "\f15e";
}

.d4p-icon.d4p-ui-browser:before {
  content: "\f15f";
}

.d4p-icon.d4p-ui-bug:before {
  content: "\f160";
}

.d4p-icon.d4p-ui-bullhorn:before {
  content: "\f161";
}

.d4p-icon.d4p-ui-cabinet:before {
  content: "\f162";
}

.d4p-icon.d4p-ui-cake-candles:before {
  content: "\f163";
}

.d4p-icon.d4p-ui-calendar-day:before {
  content: "\f164";
}

.d4p-icon.d4p-ui-calendar-pen:before {
  content: "\f165";
}

.d4p-icon.d4p-ui-calendar:before {
  content: "\f166";
}

.d4p-icon.d4p-ui-camera-movie:before {
  content: "\f167";
}

.d4p-icon.d4p-ui-camera:before {
  content: "\f168";
}

.d4p-icon.d4p-ui-cancel:before {
  content: "\f169";
}

.d4p-icon.d4p-ui-candy:before {
  content: "\f16a";
}

.d4p-icon.d4p-ui-caret-down:before {
  content: "\f16b";
}

.d4p-icon.d4p-ui-certificate:before {
  content: "\f16c";
}

.d4p-icon.d4p-ui-chart-area:before {
  content: "\f16d";
}

.d4p-icon.d4p-ui-chart-bar:before {
  content: "\f16e";
}

.d4p-icon.d4p-ui-chart-line:before {
  content: "\f16f";
}

.d4p-icon.d4p-ui-chart-network:before {
  content: "\f170";
}

.d4p-icon.d4p-ui-chart-pie:before {
  content: "\f171";
}

.d4p-icon.d4p-ui-check-square:before {
  content: "\f172";
}

.d4p-icon.d4p-ui-check:before {
  content: "\f173";
}

.d4p-icon.d4p-ui-chevron-left:before {
  content: "\f174";
}

.d4p-icon.d4p-ui-chevron-square-left:before {
  content: "\f175";
}

.d4p-icon.d4p-ui-clear:before {
  content: "\f176";
}

.d4p-icon.d4p-ui-clipboard-list:before {
  content: "\f177";
}

.d4p-icon.d4p-ui-clock:before {
  content: "\f178";
}

.d4p-icon.d4p-ui-close-square:before {
  content: "\f179";
}

.d4p-icon.d4p-ui-cloud-download:before {
  content: "\f17a";
}

.d4p-icon.d4p-ui-cloud-upload:before {
  content: "\f17b";
}

.d4p-icon.d4p-ui-cloud:before {
  content: "\f17c";
}

.d4p-icon.d4p-ui-code-rec:before {
  content: "\f17d";
}

.d4p-icon.d4p-ui-code:before {
  content: "\f17e";
}

.d4p-icon.d4p-ui-cog-slash:before {
  content: "\f17f";
}

.d4p-icon.d4p-ui-cog:before {
  content: "\f180";
}

.d4p-icon.d4p-ui-cogs:before {
  content: "\f181";
}

.d4p-icon.d4p-ui-columns:before {
  content: "\f182";
}

.d4p-icon.d4p-ui-comment-dots-check:before {
  content: "\f183";
}

.d4p-icon.d4p-ui-comment-dots-clock:before {
  content: "\f184";
}

.d4p-icon.d4p-ui-comment-dots-exclamation:before {
  content: "\f185";
}

.d4p-icon.d4p-ui-comment-dots-xmark:before {
  content: "\f186";
}

.d4p-icon.d4p-ui-comment-dots:before {
  content: "\f187";
}

.d4p-icon.d4p-ui-comment:before {
  content: "\f188";
}

.d4p-icon.d4p-ui-comments-question:before {
  content: "\f189";
}

.d4p-icon.d4p-ui-comments:before {
  content: "\f18a";
}

.d4p-icon.d4p-ui-copy:before {
  content: "\f18b";
}

.d4p-icon.d4p-ui-dashboard:before {
  content: "\f18c";
}

.d4p-icon.d4p-ui-database:before {
  content: "\f18d";
}

.d4p-icon.d4p-ui-desktop:before {
  content: "\f18e";
}

.d4p-icon.d4p-ui-dots-square:before {
  content: "\f18f";
}

.d4p-icon.d4p-ui-download:before {
  content: "\f190";
}

.d4p-icon.d4p-ui-droplet:before {
  content: "\f191";
}

.d4p-icon.d4p-ui-dumpster:before {
  content: "\f192";
}

.d4p-icon.d4p-ui-edit:before {
  content: "\f193";
}

.d4p-icon.d4p-ui-elephant:before {
  content: "\f194";
}

.d4p-icon.d4p-ui-envelope-open:before {
  content: "\f195";
}

.d4p-icon.d4p-ui-envelope:before {
  content: "\f196";
}

.d4p-icon.d4p-ui-envelopes:before {
  content: "\f197";
}

.d4p-icon.d4p-ui-eraser:before {
  content: "\f198";
}

.d4p-icon.d4p-ui-exclamation-square:before {
  content: "\f199";
}

.d4p-icon.d4p-ui-exclamation:before {
  content: "\f19a";
}

.d4p-icon.d4p-ui-external-link:before {
  content: "\f19b";
}

.d4p-icon.d4p-ui-eye-slash:before {
  content: "\f19c";
}

.d4p-icon.d4p-ui-eye:before {
  content: "\f19d";
}

.d4p-icon.d4p-ui-filter:before {
  content: "\f19e";
}

.d4p-icon.d4p-ui-filters:before {
  content: "\f19f";
}

.d4p-icon.d4p-ui-firewall:before {
  content: "\f1a0";
}

.d4p-icon.d4p-ui-flag:before {
  content: "\f1a1";
}

.d4p-icon.d4p-ui-flask:before {
  content: "\f1a2";
}

.d4p-icon.d4p-ui-folder-search:before {
  content: "\f1a3";
}

.d4p-icon.d4p-ui-folder:before {
  content: "\f1a4";
}

.d4p-icon.d4p-ui-folders:before {
  content: "\f1a5";
}

.d4p-icon.d4p-ui-friends:before {
  content: "\f1a6";
}

.d4p-icon.d4p-ui-gauge-bolt:before {
  content: "\f1a7";
}

.d4p-icon.d4p-ui-gauge-high:before {
  content: "\f1a8";
}

.d4p-icon.d4p-ui-gauge-low:before {
  content: "\f1a9";
}

.d4p-icon.d4p-ui-gauge-max:before {
  content: "\f1aa";
}

.d4p-icon.d4p-ui-gauge-min:before {
  content: "\f1ab";
}

.d4p-icon.d4p-ui-gift-card:before {
  content: "\f1ac";
}

.d4p-icon.d4p-ui-gift:before {
  content: "\f1ad";
}

.d4p-icon.d4p-ui-globe:before {
  content: "\f1ae";
}

.d4p-icon.d4p-ui-graduation-cap:before {
  content: "\f1af";
}

.d4p-icon.d4p-ui-hammer:before {
  content: "\f1b0";
}

.d4p-icon.d4p-ui-hand-pointer:before {
  content: "\f1b1";
}

.d4p-icon.d4p-ui-hashtag:before {
  content: "\f1b2";
}

.d4p-icon.d4p-ui-heart:before {
  content: "\f1b3";
}

.d4p-icon.d4p-ui-hexagon:before {
  content: "\f1b4";
}

.d4p-icon.d4p-ui-home:before {
  content: "\f1b5";
}

.d4p-icon.d4p-ui-honey:before {
  content: "\f1b6";
}

.d4p-icon.d4p-ui-hourglass:before {
  content: "\f1b7";
}

.d4p-icon.d4p-ui-icons:before {
  content: "\f1b8";
}

.d4p-icon.d4p-ui-id-card:before {
  content: "\f1b9";
}

.d4p-icon.d4p-ui-info:before {
  content: "\f1ba";
}

.d4p-icon.d4p-ui-jack-o-lantern:before {
  content: "\f1bb";
}

.d4p-icon.d4p-ui-key:before {
  content: "\f1bc";
}

.d4p-icon.d4p-ui-language:before {
  content: "\f1bd";
}

.d4p-icon.d4p-ui-layout:before {
  content: "\f1be";
}

.d4p-icon.d4p-ui-life-ring:before {
  content: "\f1bf";
}

.d4p-icon.d4p-ui-lightbulb-on:before {
  content: "\f1c0";
}

.d4p-icon.d4p-ui-lightbulb-slash:before {
  content: "\f1c1";
}

.d4p-icon.d4p-ui-lightbulb:before {
  content: "\f1c2";
}

.d4p-icon.d4p-ui-link:before {
  content: "\f1c3";
}

.d4p-icon.d4p-ui-list:before {
  content: "\f1c4";
}

.d4p-icon.d4p-ui-location-crosshairs:before {
  content: "\f1c5";
}

.d4p-icon.d4p-ui-location-dot:before {
  content: "\f1c6";
}

.d4p-icon.d4p-ui-location-map:before {
  content: "\f1c7";
}

.d4p-icon.d4p-ui-lock:before {
  content: "\f1c8";
}

.d4p-icon.d4p-ui-magic:before {
  content: "\f1c9";
}

.d4p-icon.d4p-ui-magnet:before {
  content: "\f1ca";
}

.d4p-icon.d4p-ui-mailbox:before {
  content: "\f1cb";
}

.d4p-icon.d4p-ui-memo-pad:before {
  content: "\f1cc";
}

.d4p-icon.d4p-ui-memo:before {
  content: "\f1cd";
}

.d4p-icon.d4p-ui-microchip:before {
  content: "\f1ce";
}

.d4p-icon.d4p-ui-minus-square:before {
  content: "\f1cf";
}

.d4p-icon.d4p-ui-minus:before {
  content: "\f1d0";
}

.d4p-icon.d4p-ui-mobile-phone:before {
  content: "\f1d1";
}

.d4p-icon.d4p-ui-network:before {
  content: "\f1d2";
}

.d4p-icon.d4p-ui-newspaper:before {
  content: "\f1d3";
}

.d4p-icon.d4p-ui-object-ungroup:before {
  content: "\f1d4";
}

.d4p-icon.d4p-ui-paint-brush:before {
  content: "\f1d5";
}

.d4p-icon.d4p-ui-palette:before {
  content: "\f1d6";
}

.d4p-icon.d4p-ui-paper-plane-top:before {
  content: "\f1d7";
}

.d4p-icon.d4p-ui-paper-plane:before {
  content: "\f1d8";
}

.d4p-icon.d4p-ui-paperclip:before {
  content: "\f1d9";
}

.d4p-icon.d4p-ui-paste:before {
  content: "\f1da";
}

.d4p-icon.d4p-ui-pause:before {
  content: "\f1db";
}

.d4p-icon.d4p-ui-pen-nib:before {
  content: "\f1dc";
}

.d4p-icon.d4p-ui-pencil:before {
  content: "\f1dd";
}

.d4p-icon.d4p-ui-photo:before {
  content: "\f1de";
}

.d4p-icon.d4p-ui-play:before {
  content: "\f1df";
}

.d4p-icon.d4p-ui-plug:before {
  content: "\f1e0";
}

.d4p-icon.d4p-ui-plus-square:before {
  content: "\f1e1";
}

.d4p-icon.d4p-ui-plus:before {
  content: "\f1e2";
}

.d4p-icon.d4p-ui-poll:before {
  content: "\f1e3";
}

.d4p-icon.d4p-ui-puzzle:before {
  content: "\f1e4";
}

.d4p-icon.d4p-ui-qrcode:before {
  content: "\f1e5";
}

.d4p-icon.d4p-ui-question-sqaure:before {
  content: "\f1e6";
}

.d4p-icon.d4p-ui-question:before {
  content: "\f1e7";
}

.d4p-icon.d4p-ui-quote-left:before {
  content: "\f1e8";
}

.d4p-icon.d4p-ui-rabbit:before {
  content: "\f1e9";
}

.d4p-icon.d4p-ui-radar:before {
  content: "\f1ea";
}

.d4p-icon.d4p-ui-recycle:before {
  content: "\f1eb";
}

.d4p-icon.d4p-ui-reply:before {
  content: "\f1ec";
}

.d4p-icon.d4p-ui-ribbon:before {
  content: "\f1ed";
}

.d4p-icon.d4p-ui-robot:before {
  content: "\f1ee";
}

.d4p-icon.d4p-ui-rocket:before {
  content: "\f1ef";
}

.d4p-icon.d4p-ui-rss:before {
  content: "\f1f0";
}

.d4p-icon.d4p-ui-search-plus:before {
  content: "\f1f1";
}

.d4p-icon.d4p-ui-search:before {
  content: "\f1f2";
}

.d4p-icon.d4p-ui-server:before {
  content: "\f1f3";
}

.d4p-icon.d4p-ui-share:before {
  content: "\f1f4";
}

.d4p-icon.d4p-ui-shield-check:before {
  content: "\f1f5";
}

.d4p-icon.d4p-ui-shield-slash:before {
  content: "\f1f6";
}

.d4p-icon.d4p-ui-shield:before {
  content: "\f1f7";
}

.d4p-icon.d4p-ui-shopping-bag:before {
  content: "\f1f8";
}

.d4p-icon.d4p-ui-shopping-cart:before {
  content: "\f1f9";
}

.d4p-icon.d4p-ui-shortcode:before {
  content: "\f1fa";
}

.d4p-icon.d4p-ui-sidebar:before {
  content: "\f1fb";
}

.d4p-icon.d4p-ui-signal:before {
  content: "\f1fc";
}

.d4p-icon.d4p-ui-sitemap:before {
  content: "\f1fd";
}

.d4p-icon.d4p-ui-sliders-base:before {
  content: "\f1fe";
}

.d4p-icon.d4p-ui-sliders:before {
  content: "\f1ff";
}

.d4p-icon.d4p-ui-spider:before {
  content: "\f200";
}

.d4p-icon.d4p-ui-spinner:before {
  content: "\f201";
}

.d4p-icon.d4p-ui-square-share:before {
  content: "\f202";
}

.d4p-icon.d4p-ui-star:before {
  content: "\f203";
}

.d4p-icon.d4p-ui-sun:before {
  content: "\f204";
}

.d4p-icon.d4p-ui-sync:before {
  content: "\f205";
}

.d4p-icon.d4p-ui-table:before {
  content: "\f206";
}

.d4p-icon.d4p-ui-tablet:before {
  content: "\f207";
}

.d4p-icon.d4p-ui-target:before {
  content: "\f208";
}

.d4p-icon.d4p-ui-tasks:before {
  content: "\f209";
}

.d4p-icon.d4p-ui-term:before {
  content: "\f20a";
}

.d4p-icon.d4p-ui-tag:before {
  content: "\f20a";
}

.d4p-icon.d4p-ui-terms:before {
  content: "\f20b";
}

.d4p-icon.d4p-ui-tags:before {
  content: "\f20b";
}

.d4p-icon.d4p-ui-thumbs-up:before {
  content: "\f20c";
}

.d4p-icon.d4p-ui-thumbtack:before {
  content: "\f20d";
}

.d4p-icon.d4p-ui-times:before {
  content: "\f20e";
}

.d4p-icon.d4p-ui-toggle-off:before {
  content: "\f20f";
}

.d4p-icon.d4p-ui-toggle-on:before {
  content: "\f210";
}

.d4p-icon.d4p-ui-toggle-slash:before {
  content: "\f211";
}

.d4p-icon.d4p-ui-toolbox:before {
  content: "\f212";
}

.d4p-icon.d4p-ui-tools:before {
  content: "\f213";
}

.d4p-icon.d4p-ui-traffic:before {
  content: "\f214";
}

.d4p-icon.d4p-ui-trash:before {
  content: "\f215";
}

.d4p-icon.d4p-ui-tree-christmas:before {
  content: "\f216";
}

.d4p-icon.d4p-ui-umbrella-beach:before {
  content: "\f217";
}

.d4p-icon.d4p-ui-unlock:before {
  content: "\f218";
}

.d4p-icon.d4p-ui-upload:before {
  content: "\f219";
}

.d4p-icon.d4p-ui-user-cancel:before {
  content: "\f21a";
}

.d4p-icon.d4p-ui-user-circle:before {
  content: "\f21b";
}

.d4p-icon.d4p-ui-user-exclamation:before {
  content: "\f21c";
}

.d4p-icon.d4p-ui-user-group:before {
  content: "\f21d";
}

.d4p-icon.d4p-ui-user-lock:before {
  content: "\f21e";
}

.d4p-icon.d4p-ui-user-secret:before {
  content: "\f21f";
}

.d4p-icon.d4p-ui-user-square:before {
  content: "\f220";
}

.d4p-icon.d4p-ui-user-tag:before {
  content: "\f221";
}

.d4p-icon.d4p-ui-user:before {
  content: "\f222";
}

.d4p-icon.d4p-ui-users:before {
  content: "\f223";
}

.d4p-icon.d4p-ui-video:before {
  content: "\f224";
}

.d4p-icon.d4p-ui-vote-nay:before {
  content: "\f225";
}

.d4p-icon.d4p-ui-vote-yea:before {
  content: "\f226";
}

.d4p-icon.d4p-ui-warning-octagon:before {
  content: "\f227";
}

.d4p-icon.d4p-ui-warning-triangle:before {
  content: "\f228";
}

.d4p-icon.d4p-ui-warning:before {
  content: "\f229";
}

.d4p-icon.d4p-ui-wizard:before {
  content: "\f22a";
}

.d4p-icon.d4p-ui-wrench:before {
  content: "\f22b";
}

.d4p-icon.d4p-ui-arrow-right:before {
  content: "\f14b";
}

.d4p-icon.d4p-ui-arrow-up:before {
  content: "\f14b";
}

.d4p-icon.d4p-ui-arrow-down:before {
  content: "\f14b";
}

.d4p-icon.d4p-ui-angles-right:before {
  content: "\f149";
}

.d4p-icon.d4p-ui-angles-up:before {
  content: "\f149";
}

.d4p-icon.d4p-ui-angles-down:before {
  content: "\f149";
}

.d4p-icon.d4p-ui-chevron-right:before {
  content: "\f174";
}

.d4p-icon.d4p-ui-chevron-up:before {
  content: "\f174";
}

.d4p-icon.d4p-ui-chevron-down:before {
  content: "\f174";
}

.d4p-icon.d4p-ui-chevron-square-right:before {
  content: "\f175";
}

.d4p-icon.d4p-ui-chevron-square-up:before {
  content: "\f175";
}

.d4p-icon.d4p-ui-chevron-square-down:before {
  content: "\f175";
}

.d4p-icon.d4p-ui-caret-up:before {
  content: "\f16b";
}

.d4p-icon.d4p-ui-caret-left:before {
  content: "\f16b";
}

.d4p-icon.d4p-ui-caret-right:before {
  content: "\f16b";
}

.d4p-icon.d4p-ui-poll-horizontal:before {
  content: "\f1e3";
}

.d4p-icon.d4p-ui-quote-right:before {
  content: "\f1e8";
}

.d4p-icon.d4p-ui-sliders-hor:before {
  content: "\f1ff";
}

.d4p-icon.d4p-ui-sliders-base-hor:before {
  content: "\f1fe";
}

/* Full Width */
.d4p-icon-fw {
  width: 1.28571429em;
  text-align: center;
}

/* Sizes */
.d4p-icon-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -25%;
}

.d4p-icon-2x {
  font-size: 2em;
}

.d4p-icon-3x {
  font-size: 3em;
}

.d4p-icon-4x {
  font-size: 4em;
}

.d4p-icon-5x {
  font-size: 5em;
}

.d4p-icon-6x {
  font-size: 6em;
}

.d4p-icon-7x {
  font-size: 7em;
}

.d4p-icon-8x {
  font-size: 8em;
}

.d4p-icon-9x {
  font-size: 9em;
}

.d4p-icon-10x {
  font-size: 10em;
}

/* Pull */
.d4p-icon-pull-left {
  float: left;
  margin-right: 0.3em;
}

.d4p-icon-pull-right {
  float: right;
  margin-left: 0.3em;
}

/* Rotate */
.d4p-icon-rotate-90 {
  transform: rotate(90deg);
}

.d4p-icon-rotate-45 {
  transform: rotate(45deg);
}

.d4p-icon-rotate-270 {
  transform: rotate(270deg);
}

/* Flip */
.d4p-icon-flip-horizontal {
  transform: scaleX(-1);
}

.d4p-icon-flip-vertical {
  transform: scaleY(-1);
}

.d4p-icon-flip-both,
.d4p-icon-flip-horizontal.d4p-icon-flip-vertical {
  transform: scale(-1);
}

/* Spin */
.d4p-icon-spin {
  animation: d4p-icon-spin 2s infinite linear;
}

@keyframes d4p-icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.core-grid {
  margin: 0 -1rem;
}
.core-grid .core-row {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.core-grid .core-row.reverse {
  flex-direction: row-reverse;
}
.core-grid .core-row.natural-height {
  align-items: flex-start;
}
.core-grid .core-row.flex-column {
  flex-direction: column;
}
.core-grid .core-col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 1rem;
}
.core-grid .core-col.reverse {
  flex-direction: column-reverse;
}
.core-grid .first {
  order: -1;
}
.core-grid .last {
  order: 1;
}
.core-grid .align-start {
  align-self: flex-start;
}
.core-grid .align-end {
  align-self: flex-end;
}
.core-grid .align-center {
  align-self: center;
}
.core-grid .align-baseline {
  align-self: baseline;
}
.core-grid .align-stretch {
  align-self: stretch;
}
.core-grid .core-col-xs {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 1rem;
}
.core-grid .core-col-xs-1 {
  box-sizing: border-box;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-1 {
  margin-left: 8.3333333333%;
}
.core-grid .core-col-xs-2 {
  box-sizing: border-box;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-2 {
  margin-left: 16.6666666667%;
}
.core-grid .core-col-xs-3 {
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-3 {
  margin-left: 25%;
}
.core-grid .core-col-xs-4 {
  box-sizing: border-box;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-4 {
  margin-left: 33.3333333333%;
}
.core-grid .core-col-xs-5 {
  box-sizing: border-box;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-5 {
  margin-left: 41.6666666667%;
}
.core-grid .core-col-xs-6 {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-6 {
  margin-left: 50%;
}
.core-grid .core-col-xs-7 {
  box-sizing: border-box;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-7 {
  margin-left: 58.3333333333%;
}
.core-grid .core-col-xs-8 {
  box-sizing: border-box;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-8 {
  margin-left: 66.6666666667%;
}
.core-grid .core-col-xs-9 {
  box-sizing: border-box;
  flex-basis: 75%;
  max-width: 75%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-9 {
  margin-left: 75%;
}
.core-grid .core-col-xs-10 {
  box-sizing: border-box;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-10 {
  margin-left: 83.3333333333%;
}
.core-grid .core-col-xs-11 {
  box-sizing: border-box;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-11 {
  margin-left: 91.6666666667%;
}
.core-grid .core-col-xs-12 {
  box-sizing: border-box;
  flex-basis: 100%;
  max-width: 100%;
  padding: 1rem;
}
.core-grid .core-col-xs-offset-12 {
  margin-left: 100%;
}
.core-grid .core-row.start-xs {
  justify-content: flex-start;
}
.core-grid .core-row.center-xs {
  justify-content: center;
}
.core-grid .core-row.end-xs {
  justify-content: flex-end;
}
.core-grid .core-row.top-xs {
  align-items: flex-start;
}
.core-grid .core-row.middle-xs {
  align-items: center;
}
.core-grid .core-row.bottom-xs {
  align-items: flex-end;
}
.core-grid .core-row.around-xs {
  justify-content: space-around;
}
.core-grid .core-row.between-xs {
  justify-content: space-between;
}
.core-grid .first-xs {
  order: -1;
}
.core-grid .last-xs {
  order: 1;
}
@media only screen and (min-width: 480px) {
  .core-grid .core-col-sm {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .core-grid .core-col-sm-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .core-grid .core-col-sm-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-3 {
    margin-left: 25%;
  }
  .core-grid .core-col-sm-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .core-grid .core-col-sm-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .core-grid .core-col-sm-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-6 {
    margin-left: 50%;
  }
  .core-grid .core-col-sm-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .core-grid .core-col-sm-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .core-grid .core-col-sm-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-9 {
    margin-left: 75%;
  }
  .core-grid .core-col-sm-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .core-grid .core-col-sm-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .core-grid .core-col-sm-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 1rem;
  }
  .core-grid .core-col-sm-offset-12 {
    margin-left: 100%;
  }
  .core-grid .core-row.start-sm {
    justify-content: flex-start;
  }
  .core-grid .core-row.center-sm {
    justify-content: center;
  }
  .core-grid .core-row.end-sm {
    justify-content: flex-end;
  }
  .core-grid .core-row.top-sm {
    align-items: flex-start;
  }
  .core-grid .core-row.middle-sm {
    align-items: center;
  }
  .core-grid .core-row.bottom-sm {
    align-items: flex-end;
  }
  .core-grid .core-row.around-sm {
    justify-content: space-around;
  }
  .core-grid .core-row.between-sm {
    justify-content: space-between;
  }
  .core-grid .first-sm {
    order: -1;
  }
  .core-grid .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 600px) {
  .core-grid .core-col-md {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1rem;
  }
  .core-grid .core-col-md-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .core-grid .core-col-md-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .core-grid .core-col-md-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-3 {
    margin-left: 25%;
  }
  .core-grid .core-col-md-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .core-grid .core-col-md-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .core-grid .core-col-md-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-6 {
    margin-left: 50%;
  }
  .core-grid .core-col-md-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .core-grid .core-col-md-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .core-grid .core-col-md-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-9 {
    margin-left: 75%;
  }
  .core-grid .core-col-md-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .core-grid .core-col-md-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .core-grid .core-col-md-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 1rem;
  }
  .core-grid .core-col-md-offset-12 {
    margin-left: 100%;
  }
  .core-grid .core-row.start-md {
    justify-content: flex-start;
  }
  .core-grid .core-row.center-md {
    justify-content: center;
  }
  .core-grid .core-row.end-md {
    justify-content: flex-end;
  }
  .core-grid .core-row.top-md {
    align-items: flex-start;
  }
  .core-grid .core-row.middle-md {
    align-items: center;
  }
  .core-grid .core-row.bottom-md {
    align-items: flex-end;
  }
  .core-grid .core-row.around-md {
    justify-content: space-around;
  }
  .core-grid .core-row.between-md {
    justify-content: space-between;
  }
  .core-grid .first-md {
    order: -1;
  }
  .core-grid .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 780px) {
  .core-grid .core-col-lg {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .core-grid .core-col-lg-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .core-grid .core-col-lg-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-3 {
    margin-left: 25%;
  }
  .core-grid .core-col-lg-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .core-grid .core-col-lg-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .core-grid .core-col-lg-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-6 {
    margin-left: 50%;
  }
  .core-grid .core-col-lg-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .core-grid .core-col-lg-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .core-grid .core-col-lg-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-9 {
    margin-left: 75%;
  }
  .core-grid .core-col-lg-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .core-grid .core-col-lg-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .core-grid .core-col-lg-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 1rem;
  }
  .core-grid .core-col-lg-offset-12 {
    margin-left: 100%;
  }
  .core-grid .core-row.start-lg {
    justify-content: flex-start;
  }
  .core-grid .core-row.center-lg {
    justify-content: center;
  }
  .core-grid .core-row.end-lg {
    justify-content: flex-end;
  }
  .core-grid .core-row.top-lg {
    align-items: flex-start;
  }
  .core-grid .core-row.middle-lg {
    align-items: center;
  }
  .core-grid .core-row.bottom-lg {
    align-items: flex-end;
  }
  .core-grid .core-row.around-lg {
    justify-content: space-around;
  }
  .core-grid .core-row.between-lg {
    justify-content: space-between;
  }
  .core-grid .first-lg {
    order: -1;
  }
  .core-grid .last-lg {
    order: 1;
  }
}
@media only screen and (min-width: 960px) {
  .core-grid .core-col-xl {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .core-grid .core-col-xl-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .core-grid .core-col-xl-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-3 {
    margin-left: 25%;
  }
  .core-grid .core-col-xl-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .core-grid .core-col-xl-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .core-grid .core-col-xl-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-6 {
    margin-left: 50%;
  }
  .core-grid .core-col-xl-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .core-grid .core-col-xl-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .core-grid .core-col-xl-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-9 {
    margin-left: 75%;
  }
  .core-grid .core-col-xl-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .core-grid .core-col-xl-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .core-grid .core-col-xl-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 1rem;
  }
  .core-grid .core-col-xl-offset-12 {
    margin-left: 100%;
  }
  .core-grid .core-row.start-xl {
    justify-content: flex-start;
  }
  .core-grid .core-row.center-xl {
    justify-content: center;
  }
  .core-grid .core-row.end-xl {
    justify-content: flex-end;
  }
  .core-grid .core-row.top-xl {
    align-items: flex-start;
  }
  .core-grid .core-row.middle-xl {
    align-items: center;
  }
  .core-grid .core-row.bottom-xl {
    align-items: flex-end;
  }
  .core-grid .core-row.around-xl {
    justify-content: space-around;
  }
  .core-grid .core-row.between-xl {
    justify-content: space-between;
  }
  .core-grid .first-xl {
    order: -1;
  }
  .core-grid .last-xl {
    order: 1;
  }
}
.core-grid .core-col-gutter-lr {
  padding: 0 1rem;
}
.core-grid .core-col-no-gutter {
  padding: 0;
}
.core-grid .show {
  display: block !important;
}
.core-grid .core-row.show {
  display: flex !important;
}
.core-grid .hide {
  display: none !important;
}
.core-grid .show-xs {
  display: block !important;
}
.core-grid .core-row.show-xs {
  display: flex !important;
}
.core-grid .hide-xs {
  display: none !important;
}
@media only screen and (max-width: 479px) {
  .core-grid .show-xs-only {
    display: block !important;
  }
  .core-grid .core-row.show-xs-only {
    display: flex !important;
  }
  .core-grid .hide-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) {
  .core-grid .show-sm {
    display: block !important;
  }
  .core-grid .core-row.show-sm {
    display: flex !important;
  }
  .core-grid .hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  .core-grid .show-sm-only {
    display: block !important;
  }
  .core-grid .core-row.show-sm-only {
    display: flex !important;
  }
  .core-grid .hide-sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) {
  .core-grid .show-md {
    display: block !important;
  }
  .core-grid .core-row.show-md {
    display: flex !important;
  }
  .core-grid .hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 779px) {
  .core-grid .show-md-only {
    display: block !important;
  }
  .core-grid .core-row.show-md-only {
    display: flex !important;
  }
  .core-grid .hide-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 780px) {
  .core-grid .show-lg {
    display: block !important;
  }
  .core-grid .core-row.show-lg {
    display: flex !important;
  }
  .core-grid .hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 780px) and (max-width: 959px) {
  .core-grid .show-lg-only {
    display: block !important;
  }
  .core-grid .core-row.show-lg-only {
    display: flex !important;
  }
  .core-grid .hide-lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 960px) {
  .core-grid .show-xl {
    display: block !important;
  }
  .core-grid .core-row.show-xl {
    display: flex !important;
  }
  .core-grid .hide-xl {
    display: none !important;
  }
}

:root {
  --d4p-layout-main-border-radius: 5px;
  --d4p-layout-badge-border-radius: 2px;
  --d4p-color-layout-border: #888;
  --d4p-color-layout-accent: #004185;
  --d4p-color-main-border: #BBB;
  --d4p-color-main-background: #FFF;
  --d4p-color-main-text: #333;
  --d4p-color-sidebar-background: #F0F0F0;
  --d4p-color-sidebar-text: #333;
  --d4p-color-section-background: #F4F4F4;
  --d4p-color-section-text: #111;
  --d4p-color-header-background: #E4E4E4;
  --d4p-color-header-text: #000;
  --d4p-color-sidebar-icon-background: #F4F4F4;
  --d4p-color-sidebar-icon-text: #004185;
  --d4p-color-feature-active-background: #E7FFEC;
  --d4p-color-feature-active-text: #00A32A;
  --d4p-color-feature-beta-background: #FDE7FF;
  --d4p-color-feature-beta-text: #A30093;
  --d4p-color-button-active-background: #00A32A;
  --d4p-color-button-inactive-background: #A32A00;
}

.d4p-clearfix:before, .d4p-clearfix:after {
  content: " ";
  display: table;
}

.d4p-clearfix:after {
  clear: both;
}

.d4p-sr-only,
.d4p-accessibility-show-for-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.d4p-break-hypen {
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.d4p-setting-image .d4plib-button-inner {
  margin: 0 5px 0 0;
}

.d4plib-selected-image {
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  border-top: 1px solid #DDD;
  max-width: 518px;
  display: block;
}
.d4plib-selected-image .d4plib-image-name {
  font-weight: bold;
  display: block;
}
.d4plib-selected-image img {
  height: auto;
  margin: 5px 0 0;
  max-width: 100%;
  display: none;
}

.d4plib-images-image {
  line-height: 22px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #DDD;
}

.d4p-setting-images .d4plib-images-image:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.d4plib-images-image img {
  display: none;
}

.d4plib-images-image .d4plib-image-name {
  display: inline;
}

:root {
  --d4p-layout-main-border-radius: 5px;
  --d4p-layout-badge-border-radius: 2px;
  --d4p-color-layout-border: #888;
  --d4p-color-layout-accent: #004185;
  --d4p-color-main-border: #BBB;
  --d4p-color-main-background: #FFF;
  --d4p-color-main-text: #333;
  --d4p-color-sidebar-background: #F0F0F0;
  --d4p-color-sidebar-text: #333;
  --d4p-color-section-background: #F4F4F4;
  --d4p-color-section-text: #111;
  --d4p-color-header-background: #E4E4E4;
  --d4p-color-header-text: #000;
  --d4p-color-sidebar-icon-background: #F4F4F4;
  --d4p-color-sidebar-icon-text: #004185;
  --d4p-color-feature-active-background: #E7FFEC;
  --d4p-color-feature-active-text: #00A32A;
  --d4p-color-feature-beta-background: #FDE7FF;
  --d4p-color-feature-beta-text: #A30093;
  --d4p-color-button-active-background: #00A32A;
  --d4p-color-button-inactive-background: #A32A00;
}

.d4p-wrap,
.d4p-wrap * {
  box-sizing: border-box;
}

.d4p-wrap {
  margin: 0 1em 0 0;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .d4p-wrap {
    margin-left: calc(1em - 10px);
  }
}
.d4p-wrap > .notice {
  margin: 40px 0 0 0;
}
.d4p-wrap .d4p-notice-info {
  border-left: 4px solid var(--d4p-color-layout-accent);
  background: var(--d4p-color-main-background);
  padding: 12px;
  margin: 40px 0 0 0;
}
.d4p-wrap .d4p-notice-info blockquote {
  border-left: 2px solid var(--d4p-color-layout-border);
  margin: 15px 0;
  padding-left: 5px;
  font-style: italic;
}
.d4p-wrap a,
.d4p-wrap :focus {
  box-shadow: none;
}
.d4p-wrap .d4p-message .notice {
  margin: 0;
  box-shadow: none;
  border-top: 0;
  padding: 15px;
  font-size: 14px;
}
.d4p-wrap .d4p-message .notice .notice-dismiss {
  padding: 14px;
}
.d4p-wrap .d4p-header {
  border-bottom: 1px solid var(--d4p-color-layout-border);
  margin: 36px 0 0;
  padding: 0 0 1.5em;
  display: flex;
}
.d4p-wrap .d4p-header .d4p-plugin {
  flex-shrink: 1;
  font-weight: 500;
  font-size: 20px;
  line-height: 42px;
  letter-spacing: -1px;
  white-space: nowrap;
}
.d4p-wrap .d4p-header .d4p-navigator {
  flex: 1 1 100%;
}
.d4p-wrap .d4p-header .d4p-navigator a {
  color: var(--d4p-color-layout-accent);
  text-decoration: none;
}
.d4p-wrap .d4p-header .d4p-navigator > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  column-gap: 3em;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li {
  list-style: none;
  margin: 0;
  display: block;
  width: 250px;
  padding: 0.5em 0.8em;
  line-height: 1.7;
  font-size: 15px;
  border: 1px solid var(--d4p-color-main-border);
  border-radius: var(--d4p-layout-main-border-radius);
  background-color: var(--d4p-color-main-background);
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button {
  position: relative;
  flex-shrink: 1;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
  display: block;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button > a i.d4p-icon {
  vertical-align: bottom;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button ul {
  border: 1px solid var(--d4p-color-main-border);
  border-radius: var(--d4p-layout-main-border-radius);
  background-color: var(--d4p-color-main-background);
  display: none;
  font-size: 15px;
  line-height: 2;
  padding: 5px 0;
  position: absolute;
  top: 40px;
  left: 0;
  width: 250px;
  z-index: 10000;
  max-height: 372px;
  overflow: auto;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button ul li {
  margin: 0;
  padding: 0;
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  .d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button ul {
    width: 100%;
  }
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button ul a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
  display: block;
  padding: 0 10px;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button ul a:hover {
  background: var(--d4p-color-layout-accent);
  color: #FFF;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button ul .d4p-features-mark {
  float: right;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button ul .d4p-nav-current {
  background: var(--d4p-color-main-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
  display: block;
  padding: 0 10px;
  color: #FFF;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-nav-button ul .d4p-nav-current i.d4p-icon {
  line-height: inherit;
  vertical-align: bottom;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-header-special-button {
  display: flex;
  align-items: center;
  column-gap: 2em;
  row-gap: 0.5em;
  width: auto;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-header-special-button .d4p-nav-button-inner {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-header-special-button .d4p-nav-button-inner span {
  font-family: monospace;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-header-special-button .d4p-nav-button-inner i {
  color: var(--d4p-color-layout-accent);
}
@media screen and (max-width: 639px) {
  .d4p-wrap .d4p-header .d4p-navigator > ul {
    flex-wrap: wrap;
    gap: 1em;
  }
  .d4p-wrap .d4p-header .d4p-navigator > ul > li {
    width: calc(50% - 0.5em);
  }
  .d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-header-special-button {
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (max-width: 399px) {
  .d4p-wrap .d4p-header .d4p-navigator > ul > li {
    width: 100%;
  }
  .d4p-wrap .d4p-header .d4p-navigator > ul > li.d4p-header-special-button {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .d4p-wrap .d4p-header {
    margin-top: 64px;
  }
  .d4p-wrap .d4p-header .d4p-navigator {
    width: 100%;
    margin-top: -15px;
  }
}
@media screen and (max-width: 1024px) {
  .d4p-wrap .d4p-header .d4p-plugin {
    display: none;
  }
}
.d4p-wrap.d4p-with-sidebar .d4p-content-wrapper {
  display: flex;
}
.d4p-wrap.d4p-with-sidebar .d4p-content-wrapper .d4p-sidebar {
  padding: 1.5em 1.5em 1.5em 0;
  flex: 1 0 270px;
}
.d4p-wrap.d4p-with-sidebar .d4p-content-wrapper .d4p-content {
  border-left: 1px solid var(--d4p-color-layout-border);
  padding: 1.5em 0 1.5em 1.5em;
  flex: 1 1 100%;
}
@media screen and (max-width: 640px) {
  .d4p-wrap.d4p-with-sidebar .d4p-content-wrapper {
    flex-direction: column;
  }
  .d4p-wrap.d4p-with-sidebar .d4p-content-wrapper .d4p-sidebar {
    flex-basis: 100%;
    padding: 2em 0 0;
  }
  .d4p-wrap.d4p-with-sidebar .d4p-content-wrapper .d4p-content {
    border-top: 1px solid var(--d4p-color-layout-border);
    margin: 2em 0 0;
    padding: 2em 0;
    border-left: 0;
  }
}
.d4p-wrap.d4p-with-cards .d4p-content-wrapper .d4p-content {
  padding: 0.5em 0 1.5em 0.5em;
}
@media screen and (max-width: 640px) {
  .d4p-wrap.d4p-with-cards .d4p-content-wrapper .d4p-content {
    padding: 1em 0 1em;
  }
}
.d4p-wrap.d4p-full-width .d4p-content-wrapper {
  padding: 1.5em 0 0;
}
.d4p-wrap.d4p-full-width .d4p-content-wrapper .d4p-content {
  min-height: 320px;
}
.d4p-wrap .d4p-sidebar .d4p-return-to-top {
  border-top: 1px dotted #BBB;
  text-align: right;
  margin: 1em 0 0;
  padding: 0.5em 0 0;
  text-transform: lowercase;
}
@media screen and (max-width: 640px) {
  .d4p-wrap .d4p-sidebar .d4p-return-to-top {
    display: none;
  }
}
.d4p-wrap .d4p-sidebar .d4p-panel-title {
  background: var(--d4p-color-main-background);
  border: 1px solid var(--d4p-color-main-border);
  border-radius: var(--d4p-layout-main-border-radius);
  margin: 0 0 2em;
  padding: 2em;
  text-align: center;
}
.d4p-wrap .d4p-sidebar .d4p-panel-title > ._icon {
  background-color: var(--d4p-color-sidebar-icon-background);
  border-radius: var(--d4p-layout-main-border-radius);
  padding: 1em;
  display: inline-block;
  line-height: 1;
}
.d4p-wrap .d4p-sidebar .d4p-panel-title > ._icon i {
  color: var(--d4p-color-sidebar-icon-text);
  font-size: 48px;
}
.d4p-wrap .d4p-sidebar .d4p-panel-title ._beta {
  margin: 1em 0 0;
  padding: 0.5em;
  background-color: var(--d4p-color-sidebar-icon-background);
  border: 1px solid var(--d4p-color-feature-beta-text);
  color: var(--d4p-color-feature-beta-text);
  border-radius: var(--d4p-layout-main-border-radius);
  font-size: 1.1em;
  line-height: 1.6;
}
.d4p-wrap .d4p-sidebar .d4p-panel-title ._beta i {
  font-size: 1.1em;
  margin-right: 0.2em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-title h3 {
  font-size: 28px;
  word-break: keep-all;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1;
  margin: 0.5em 0 0;
  padding: 0;
  text-transform: uppercase;
}
.d4p-wrap .d4p-sidebar .d4p-panel-title h4 {
  background-color: var(--d4p-color-sidebar-icon-background);
  border-radius: var(--d4p-layout-main-border-radius);
  margin: 1em 0 0;
  padding: 0.5em;
  font-size: 1.2em;
  line-height: 1.5;
  font-weight: 300;
}
.d4p-wrap .d4p-sidebar .d4p-panel-title ._info {
  border-top: 1px solid var(--d4p-color-main-border);
  color: var(--d4p-color-main-text);
  background: var(--d4p-color-sidebar-background);
  border-radius: 0 0 var(--d4p-layout-main-border-radius) var(--d4p-layout-main-border-radius);
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
  margin: 2em -2em -2em;
  padding: 1em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-title ._info ._kb {
  margin: 1em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid var(--d4p-color-main-border);
}
.d4p-wrap .d4p-sidebar .d4p-panel-title ._info ._kb a {
  text-decoration: none;
  background-color: var(--d4p-color-sidebar-icon-text);
  color: #FFF;
  padding: 2px 8px 4px;
  border-radius: var(--d4p-layout-badge-border-radius);
}
.d4p-wrap .d4p-sidebar .d4p-panel-links {
  background: var(--d4p-color-main-background);
  border: 1px solid var(--d4p-color-main-border);
  border-radius: var(--d4p-layout-main-border-radius);
  margin: 0 0 2em;
  padding: 1.5em;
  text-align: center;
}
.d4p-wrap .d4p-sidebar .d4p-panel-links p {
  margin: 0 0 1.5em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-links .d4p-buttons-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-mark {
  margin: 2em 0 0;
}
.d4p-wrap .d4p-sidebar .d4p-panel-mark input {
  padding: 0.3em 0.8em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-mark p {
  text-align: center;
  margin: 0 0 5px;
}
.d4p-wrap .d4p-sidebar .d4p-panel-mark button {
  background: none;
  outline: none;
  border: none;
  position: absolute;
  padding: 0;
  margin: 0;
  right: 12px;
  bottom: 12px;
  color: #111;
  cursor: pointer;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control,
.d4p-wrap .d4p-sidebar .d4p-panel-buttons {
  margin: 2em 0 0;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .button-secondary,
.d4p-wrap .d4p-sidebar .d4p-panel-control .button-primary,
.d4p-wrap .d4p-sidebar .d4p-panel-buttons .button-secondary,
.d4p-wrap .d4p-sidebar .d4p-panel-buttons .button-primary {
  border-radius: var(--d4p-layout-main-border-radius);
  width: 100%;
  font-weight: 300;
  text-align: center;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .button-primary,
.d4p-wrap .d4p-sidebar .d4p-panel-buttons .button-primary {
  font-size: 1.4em;
  line-height: 2.5em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .button-secondary,
.d4p-wrap .d4p-sidebar .d4p-panel-buttons .button-secondary {
  font-size: 1.3em;
  line-height: 2.4em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-feature-more-ctrl {
  font-size: 1.1em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-feature-more-ctrl-options,
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-features-bulk-ctrl-options {
  border-radius: var(--d4p-layout-main-border-radius);
  background: var(--d4p-color-main-background);
  color: var(--d4p-color-main-text);
  padding: 1em;
  margin: 2em 0 0;
  text-align: center;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-feature-more-ctrl-options p,
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-features-bulk-ctrl-options p {
  margin: 0 0 0.5em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-feature-more-ctrl-options a.button-primary,
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-features-bulk-ctrl-options a.button-primary {
  font-size: 1em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-feature-more-ctrl-options div,
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-features-bulk-ctrl-options div {
  display: flex;
  margin: 0 -0.5em;
}
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-feature-more-ctrl-options div button,
.d4p-wrap .d4p-sidebar .d4p-panel-control .d4p-features-bulk-ctrl-options div button {
  margin: 0.5em;
  font-size: 1em;
  line-height: 1.5;
}
.d4p-wrap .d4p-content .d4p-accessibility-button {
  border-top: 1px solid var(--d4p-color-layout-border);
  margin: 2em 0 0;
  padding: 2em 0;
  max-width: 920px;
  text-align: center;
  clear: both;
}
.d4p-wrap .d4p-content .d4p-accessibility-button .button-primary {
  min-width: 160px;
}

.d4p-group {
  background: var(--d4p-color-main-background);
  border: 1px solid var(--d4p-color-main-border);
  color: var(--d4p-color-main-text);
  border-radius: var(--d4p-layout-main-border-radius);
  margin: 0 0 2em;
  text-align: center;
  max-width: 955px;
  width: 100%;
}
.d4p-group h3 {
  margin: 0;
  background: #E4E4E4;
  color: #000;
  border-bottom: 1px solid #BBB;
  text-align: left;
  padding: 0.75em 1em;
  line-height: 1.4;
  font-size: 1.4em;
  font-weight: 400;
  vertical-align: top;
  border-radius: var(--d4p-layout-main-border-radius) var(--d4p-layout-main-border-radius) 0 0;
}
.d4p-group h3 i {
  float: right;
  cursor: pointer;
}
.d4p-group h3 textarea {
  height: 160px;
}
.d4p-group h3 .d4p-kb-group {
  float: right;
  background: #C00;
  color: #FFF;
  padding: 2px 8px;
  border-radius: var(--d4p-layout-badge-border-radius);
  text-decoration: none;
  font-size: 14px;
}
.d4p-group h3 .d4p-toggle-control-wrapper input {
  display: none;
}
.d4p-group h3 .d4p-toggle-control-wrapper button {
  border: 0;
  padding: 0;
  background: 0 0;
  vertical-align: top;
  cursor: pointer;
  font-size: 1.4em;
  margin: 0 0.5em 0 0;
}
.d4p-group h3 .d4p-toggle-control-wrapper button i.d4p-ui-toggle-on {
  color: green;
}
.d4p-group h3 .d4p-toggle-control-wrapper button i.d4p-ui-toggle-off {
  color: red;
}
.d4p-group.d4p-group-tools label {
  display: block;
  line-height: 1.8;
}
.d4p-group.d4p-hidden-group {
  display: none;
}
.d4p-group .d4p-group-inner {
  text-align: left;
  font-size: 15px;
  line-height: 1.7;
}
.d4p-group .d4p-group-inner h4.d4p-bar-title {
  margin: 0 0 1em;
  padding: 0.2em 0.8em;
  font-size: 1.2em;
  background: #E4E4E4;
}
.d4p-group .d4p-group-inner p {
  font-size: 1em;
  line-height: 1.7;
}
.d4p-group .d4p-group-inner ul {
  list-style: none;
  margin: 0;
}
.d4p-group .d4p-group-inner ul li {
  margin: 3px 0;
}
.d4p-group .d4p-group-inner ul.d4p-with-bullets {
  list-style: outside disc;
  margin-left: 20px;
}
.d4p-group .d4p-group-inner ul.d4p-with-bullets li {
  list-style: inherit;
}
.d4p-group .d4p-group-inner .d4p-group-notice {
  padding: 1em;
  margin: 0;
  font-size: 1.1em;
  font-weight: 500;
  border: none;
  border-bottom: 1px solid #DDD;
  background-color: #E9F5FF;
  color: #003252;
}
.d4p-group .d4p-group-inner .d4p-group-notice.d4p-notice-warning {
  background-color: #FFE5E5;
  color: #4B0000;
}
.d4p-group .d4p-group-inner .d4p-card-badge {
  border-radius: var(--d4p-layout-badge-border-radius);
  color: #FFF;
  padding: 1px 10px 3px 8px;
  line-height: 1.5;
}
.d4p-group .d4p-group-inner .d4p-card-badge .d4p-icon {
  font-size: 90%;
  vertical-align: top;
  margin: 6px 6px 0 0;
}
.d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-green, .d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-ok {
  background: #090;
}
.d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-red, .d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-error {
  background: #900;
}
.d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-purple, .d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-maintenance {
  background: #813E99;
}
.d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-blue, .d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-upgrade {
  background: #0A63A5;
}
.d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-orange, .d4p-group .d4p-group-inner .d4p-card-badge.d4p-badge-notice {
  background: #FC0;
  color: #900;
}
.d4p-group .d4p-group-inner .d4p-group-elements {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.75em;
  margin: 0 -1.5em 1.5em;
}
.d4p-group .d4p-group-inner .d4p-group-elements > div {
  flex-basis: 50%;
  padding: 0 1.5em;
  display: flex;
  justify-content: space-between;
}
.d4p-group .d4p-group-inner .d4p-group-elements > div.d4p-group-element-full {
  flex-basis: 100%;
  border-bottom: 1px solid #DDD;
  padding-bottom: 0.75em;
}
.d4p-group .d4p-group-inner .d4p-group-elements > div.d4p-group-element-wide {
  flex-basis: 100%;
}
.d4p-group .d4p-group-inner .d4p-group-elements > div.d4p-group-element-last {
  flex-basis: 100%;
  border-top: 1px solid #DDD;
  padding-top: 0.75em;
}
@media screen and (max-width: 768px) {
  .d4p-group .d4p-group-inner .d4p-group-elements > div {
    flex-basis: 100%;
  }
}
.d4p-group .d4p-group-inner .d4p-group-elements:last-child {
  margin-bottom: 0;
}
.d4p-group .d4p-group-inner .d4p-group-elements.d4p-elements-next {
  border-top: 1px solid #DDD;
  padding-top: 1em;
}
.d4p-group.d4p-group-with-toggle .d4p-group-inner .d4p-settings-off {
  display: none;
  padding: 1.5em;
}
.d4p-group.d4p-group-with-toggle .d4p-group-inner .d4p-settings-off p:first-child {
  margin-top: 0;
}
.d4p-group.d4p-group-with-toggle .d4p-group-inner .d4p-settings-off p:last-child {
  margin-bottom: 0;
}
.d4p-group.d4p-group-with-toggle.d4p-group-toggle-off .d4p-group-inner .d4p-settings-section,
.d4p-group.d4p-group-with-toggle.d4p-group-toggle-off .d4p-group-inner .d4p-group-notice {
  display: none;
}
.d4p-group.d4p-group-with-toggle.d4p-group-toggle-off .d4p-group-inner .d4p-settings-off {
  display: block;
}
.d4p-group:not(.d4p-group-with-settings) .d4p-group-inner {
  padding: 1.5em;
}
.d4p-group:not(.d4p-group-with-settings) .d4p-group-inner > *:first-child {
  margin-top: 0;
}
.d4p-group:not(.d4p-group-with-settings) .d4p-group-inner > *:last-child {
  margin-bottom: 0;
}
.d4p-group.d4p-group-with-tabs .d4p-header-tabs {
  margin: 0;
  background: #E4E4E4;
  color: #000;
  border-bottom: 1px solid #BBB;
  padding: 0.4em 1em 0.4em;
  text-align: left;
  line-height: 1.6;
  font-size: 1.4em;
  font-weight: 400;
  border-radius: var(--d4p-layout-main-border-radius) var(--d4p-layout-main-border-radius) 0 0;
  box-sizing: border-box;
}
.d4p-group.d4p-group-with-tabs .d4p-header-tabs div[role=tablist] button[role=tab] {
  padding: 0.3em 1em 0.4em;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: var(--d4p-layout-main-border-radius);
}
.d4p-group.d4p-group-with-tabs .d4p-header-tabs div[role=tablist] button[role=tab][aria-selected=true] {
  border: 1px solid var(--d4p-color-main-border);
  background-color: #FFF;
}
.d4p-group.d4p-group-with-tabs .d4p-group-inner .wp-tab-panel {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}

.d4p-group-error {
  border-color: #D00;
}
.d4p-group-error h3 {
  background: #D00;
  color: #FFF;
}
.d4p-group-error .d4p-group-inner {
  text-align: left;
}
.d4p-group-error .d4p-group-inner p {
  margin-top: 0;
  font-weight: bold;
}

.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-dashboard-badge {
  padding: 2em 1.5em;
  text-align: center;
  border-radius: var(--d4p-layout-main-border-radius);
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-dashboard-badge * {
  color: #FFF;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-dashboard-badge h3 {
  word-break: keep-all;
  font-weight: 300;
  letter-spacing: -1px;
  margin: 0.5em 0 0;
  padding: 0;
  text-transform: uppercase;
  line-height: 1.1;
  font-size: 32px;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-dashboard-badge ._version-wrapper {
  margin: 1.6em -1.1em -1.2em;
  padding: 1em;
  border-top: 1px solid var(--d4p-color-main-border);
  font-size: 1.3em;
  text-align: center;
  font-weight: 300;
  display: flex;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-dashboard-badge ._version-wrapper > span {
  display: block;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-dashboard-badge ._version-wrapper ._edition {
  font-weight: bold;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-dashboard-badge ._version-wrapper ._version {
  text-align: right;
  flex-grow: 1;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group {
  margin: 1em 0 0;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group.buy-me-a-coffee {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.2em;
  justify-content: center;
  column-gap: 1em;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group.buy-me-a-coffee a {
  display: block;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group.buy-me-a-coffee a img {
  width: 100%;
  max-width: 250px;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group a i {
  font-size: 1.3em;
  width: 1.3em;
  text-align: center;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group a span {
  font-size: 120%;
  font-weight: bold;
  vertical-align: top;
}
.d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group:not(.buy-me-a-coffee) {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media screen and (min-width: 400px) and (max-width: 640px) {
  .d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group:not(.buy-me-a-coffee) {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .d4p-wrap.d4p-panel-dashboard .d4p-sidebar .d4p-links-group:not(.buy-me-a-coffee) a {
    display: block;
    flex: 1 1 calc(50% - 0.5em);
  }
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-cards-wrapper {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-cards-wrapper .d4p-group.d4p-dashboard-card {
  flex: 0 1 calc(50% - 2em);
  margin: 1em;
  position: relative;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-cards-wrapper .d4p-group.d4p-card-double {
  flex: 1 0 100%;
  max-width: calc(100% - 2em);
}
@media screen and (max-width: 1200px) {
  .d4p-wrap.d4p-with-cards .d4p-content .d4p-cards-wrapper {
    flex-direction: column;
  }
  .d4p-wrap.d4p-with-cards .d4p-content .d4p-cards-wrapper .d4p-group.d4p-dashboard-card {
    max-width: calc(100% - 2em);
  }
}
@media screen and (max-width: 640px) {
  .d4p-wrap.d4p-with-cards .d4p-content .d4p-cards-wrapper .d4p-group.d4p-dashboard-card {
    margin: 1em 0;
    max-width: 100%;
  }
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card {
  display: block;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card.d4p-card-double .d4p-group-inner {
  font-size: 105%;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner {
  padding: 15px;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner h4 {
  margin: 0 0 0.75em;
  font-size: 1.15em;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner hr {
  margin: 0.75em 0;
  border: 0;
  border-top: 1px solid #DDD;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul {
  list-style: none;
  margin: 0;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul li {
  margin: 3px 0;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul.d4p-with-bullets {
  list-style: outside disc;
  margin-left: 1em;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul.d4p-with-bullets li {
  list-style: inherit;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card.d4p-dashboard-status .d4p-group-header,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card.d4p-dashboard-status .d4p-group-inner {
  display: flex;
  gap: 0.5em;
  flex-direction: column;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card.d4p-dashboard-status .d4p-group-header > div,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card.d4p-dashboard-status .d4p-group-inner > div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card.d4p-dashboard-status .d4p-group-header > div .d4p-status-message,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card.d4p-dashboard-status .d4p-group-inner > div .d4p-status-message {
  flex-grow: 1;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer {
  position: absolute;
  border-top: 1px solid #DDD;
  background: #F8F8F8;
  padding: 1em;
  text-align: left;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 var(--d4p-layout-main-border-radius) var(--d4p-layout-main-border-radius);
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer a {
  margin-right: 0.5em;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header {
  border-bottom: 1px solid #DDD;
  padding: 1em;
  background: #F2F2F2;
  text-align: left;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header ul,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  column-gap: 1em;
  row-gap: 0.25em;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul li,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header ul li,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.7;
  font-size: 1em;
  flex: 1 1 calc(50% - 0.5em);
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul li a,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header ul li a,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer ul li a {
  text-decoration: none;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul li a i,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header ul li a i,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer ul li a i {
  color: #555;
  font-size: 105%;
  margin-right: 3px;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul li a strong,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header ul li a strong,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer ul li a strong {
  font-weight: 700;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul li .d4p-card-badge,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header ul li .d4p-card-badge,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer ul li .d4p-card-badge {
  margin-top: 2px;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul.d4p-full-width,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header ul.d4p-full-width,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer ul.d4p-full-width {
  flex-direction: column;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-inner ul.d4p-full-width li,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-header ul.d4p-full-width li,
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-group-footer ul.d4p-full-width li {
  width: 100%;
  padding: 0;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-status-message {
  font-weight: 500;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-dashboard-status-row {
  display: flex;
  gap: 0.75em;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 0.5em 0;
  font-size: 15px;
  line-height: 24px;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-dashboard-status-row button {
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-dashboard-status-row .d4p-type-toggle {
  flex-shrink: 1;
  font-size: 22px;
  line-height: 1;
  vertical-align: top;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-dashboard-status-row .d4p-type-toggle i {
  vertical-align: top;
  font-size: 1.2em;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-dashboard-status-row .d4p-type-toggle.d4p-type-status-enabled {
  color: #3B7D33;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-dashboard-status-row .d4p-type-toggle.d4p-type-status-disabled {
  color: #D05757;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-dashboard-status-row div {
  flex-grow: 1;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card .d4p-dashboard-status-row div em {
  display: block;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card:not(.d4p-dashboard-card-no-footer) .d4p-group-header + .d4p-group-inner {
  margin-bottom: 3.75em;
}
.d4p-wrap.d4p-with-cards .d4p-content .d4p-group.d4p-dashboard-card.d4p-card-double .d4p-group-footer {
  position: relative;
}

.d4p-status-inline-help {
  display: inline-block;
  border-radius: 50%;
  background: var(--d4p-color-main-text);
  color: #FFF;
  font-size: 10px;
  width: 18px;
  text-align: center;
  height: 18px;
  line-height: 16px;
  vertical-align: text-bottom;
  cursor: help;
}

.d4p-wrap.d4p-with-table ul.subsubsub {
  margin: 0;
}
.d4p-wrap.d4p-with-table .search-box {
  margin: 0 0 1em;
}
.d4p-wrap.d4p-with-table .tablenav {
  height: auto;
  margin: 1em 0;
  padding: 0;
}
.d4p-wrap.d4p-with-table .tablenav .tablenav-pages {
  margin-bottom: 0;
}
.d4p-wrap.d4p-with-table .tablenav.top {
  display: flex;
  column-gap: 1em;
  row-gap: 2em;
  align-items: center;
  flex-wrap: wrap;
}
.d4p-wrap.d4p-with-table .tablenav.top > div {
  float: none;
  padding: 0;
  margin: 0;
}
.d4p-wrap.d4p-with-table .tablenav.top .actions {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}
.d4p-wrap.d4p-with-table .tablenav.top .actions * {
  margin: 0;
}
.d4p-wrap.d4p-with-table .tablenav.top .actions:not(.bulkactions) {
  flex-grow: 1;
}
.d4p-wrap.d4p-with-table .tablenav.top .clear {
  display: none;
}
@media screen and (max-width: 782px) {
  .d4p-wrap.d4p-with-table .tablenav.top .actions {
    flex-grow: 1;
    justify-content: center;
  }
}

.d4p-grid-hide-bulkactions .actions.bulkactions {
  display: none;
}

.d4p-grid-alternative-view-search {
  display: flex;
  column-gap: 2em;
  row-gap: 0.5em;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.d4p-grid-alternative-view-search .subsubsub {
  flex-grow: 1;
}
.d4p-grid-alternative-view-search > * {
  float: none !important;
  margin: 0 !important;
}
.d4p-grid-alternative-view-search p.search-box input {
  margin-bottom: 0;
}

.d4p-wrap .d4p-setup-wrapper {
  display: flex;
}
.d4p-wrap .d4p-setup-wrapper .d4p-update-info {
  flex: 1 1 100%;
  padding-right: 2em;
}
.d4p-wrap .d4p-setup-wrapper .d4p-update-info .d4p-install-block {
  margin: 0 0 15px;
  font-size: 1em;
  line-height: 1.5;
}
.d4p-wrap .d4p-setup-wrapper .d4p-update-info .d4p-install-block h4 {
  margin: 0 0 10px;
  font-size: 1.3em;
}
.d4p-wrap .d4p-setup-wrapper .d4p-update-info .d4p-install-block h5 {
  margin: 10px 0;
  font-size: 1.15em;
}
.d4p-wrap .d4p-setup-wrapper .d4p-update-info .d4p-install-confirm {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #777;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend {
  flex: 1 0 350px;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend > div {
  background-color: #333;
  border-radius: 5px;
  border: 2px solid #111;
  color: #FFF;
  padding: 0;
  margin-bottom: 1em;
  width: 100%;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend a,
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend a:hover {
  color: #FFF;
  text-decoration: none;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend h5 {
  background-color: #666;
  color: #FFF;
  padding: 1em 1em;
  margin: 0 0 1.5em;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-radius: 5px;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend h6 {
  font-size: 18px;
  margin: 0;
  line-height: 1.5;
  padding: 0.5em 1em;
  text-align: center;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-inner {
  margin: 1em;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-inner em {
  line-height: 18px;
  font-size: 12px;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-thumb {
  float: left;
  margin: 0 1em 1em 0;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-thumb img {
  width: 92px;
  height: 92px;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-thumb i {
  font-size: 90px;
  width: 116px;
  height: 96px;
  display: block;
  line-height: 1;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-links {
  clear: both;
  margin: 1em 0 0;
  padding: 1em 0 0;
  border-top: 1px solid #F8F8F8;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-links a {
  margin: 0 1%;
  width: 31.33%;
  text-align: center;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-links a.button-secondary {
  color: #111;
  box-shadow: none;
}
.d4p-wrap .d4p-setup-wrapper #dev4press-recommend .dev4press-plugin-links a.dev4press-buynow {
  background: #BA0000;
  box-shadow: none;
  border-color: #F0F0F0;
  text-shadow: 0 -1px 1px #900, 1px 0 1px #900, 0 1px 1px #900, -1px 0 1px #900;
}
@media screen and (max-width: 1200px) {
  .d4p-wrap .d4p-setup-wrapper {
    flex-direction: column;
  }
  .d4p-wrap .d4p-setup-wrapper .d4p-update-info {
    padding-right: 0;
  }
}

.d4p-group-updater .d4p-install-block {
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #DDD;
  font-size: 1.15em;
  line-height: 1.6;
}
.d4p-group-updater .d4p-install-block h4 {
  margin: 0 0 10px;
}
.d4p-group-updater .d4p-install-block h5 {
  margin: 10px 0;
}
.d4p-group-updater .d4p-install-block:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.d4p-dialog.d4p-dialog-hidex .ui-dialog-titlebar button {
  display: none;
}
.d4p-dialog .ui-dialog-buttonset .ui-button i.d4p-icon {
  font-size: 115%;
}

.d4p-group-inner .d4p-setting-code > .CodeMirror {
  border: 1px solid #DDD;
}

.d4p-field-unit {
  margin-left: 8px;
}

.d4plib-button-action {
  margin: 0 5px 0 0 !important;
  height: 22px !important;
  line-height: 20px !important;
  padding: 0 6px 1px !important;
}

.d4p-group-divider {
  margin: 10px 0 15px;
  float: left;
  text-align: center;
  max-width: 920px;
  width: 100%;
  clear: both;
  font-size: 2em;
  overflow: auto;
  line-height: normal;
  padding: 5px 0 0;
  border-top: 2px solid #DDD;
}

.d4p-settings-section h4 {
  padding: 0.75em 0.75em 0.75em 1.5em;
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #DDD;
  background-color: #EEE;
  color: #111;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 1px;
}
.d4p-settings-section h4 span {
  font-size: 1.2em;
}
.d4p-settings-section:first-child h4 {
  border-top: 0;
}
.d4p-settings-section.d4p-switch-section-is-hidden {
  display: none;
}
.d4p-settings-section .d4p-settings-table {
  margin: 0;
}
.d4p-settings-section .d4p-settings-table > tbody > tr > th,
.d4p-settings-section .d4p-settings-table > tbody > tr > td {
  border-bottom: 1px solid var(--d4p-color-main-border);
  text-align: left;
  vertical-align: top;
  line-height: 1.8;
}
.d4p-settings-section .d4p-settings-table > tbody > tr > th {
  width: 30%;
  padding: 1.5em;
  font-size: 1em;
}
.d4p-settings-section .d4p-settings-table > tbody > tr > th span {
  font-size: 1.2em;
  font-weight: 400;
}
.d4p-settings-section .d4p-settings-table > tbody > tr > td {
  padding: 1.5em 1.5em 1.5em 0;
}
.d4p-settings-section .d4p-settings-table > tbody > tr.d4p-switch-option-is-hidden {
  display: none;
}
.d4p-settings-section .d4p-settings-table > tbody > tr:last-child > th,
.d4p-settings-section .d4p-settings-table > tbody > tr:last-child > td {
  border-bottom: 0;
}
@media screen and (max-width: 840px) {
  .d4p-settings-section .d4p-settings-table > tbody > tr > th,
  .d4p-settings-section .d4p-settings-table > tbody > tr > td {
    width: 100%;
    padding: 1.5em;
    display: block;
  }
  .d4p-settings-section .d4p-settings-table > tbody > tr > th {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper {
  position: relative;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-field-clear-button {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  line-height: 1;
  font-size: 1.2em;
  cursor: default;
  border: 0;
  padding: 4px;
  background: transparent;
  opacity: 0.1;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-field-clear-button.__active {
  opacity: 0.9;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-field-clear-button {
    top: 0.3em;
  }
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper label {
  line-height: 1.8;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=datetime-local],
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=datetime],
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=number],
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=text],
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=url],
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=email],
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=password] {
  border-radius: var(--d4p-layout-main-border-radius);
  padding: 0.3em 0.8em;
  width: 100%;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=time],
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=month],
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=number] {
  width: 40%;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper textarea {
  min-height: 100px;
  height: 160px;
  resize: vertical;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper select {
  border-radius: var(--d4p-layout-main-border-radius);
  padding: 0.3em 2em 0.3em 0.8em;
  max-width: 100%;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-buttons-wrapper {
  margin: 1em 0 0;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-buttons-wrapper > * {
  margin-right: 0.5em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper {
  margin: 1em 0 0;
  border: 1px solid #DDD;
  border-radius: var(--d4p-layout-main-border-radius);
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper .d4p-more-title {
  background: #E4E4E4;
  padding: 0.5em;
  font-weight: 500;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper .d4p-more-title i {
  cursor: pointer;
  font-size: 1.3em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper .d4p-more-title button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper .d4p-more-content {
  display: none;
  padding: 1em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper .d4p-more-content p {
  margin: 0 0 1em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper .d4p-more-content p:last-child {
  margin: 0;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper .d4p-more-content ul {
  list-style: disc outside;
  margin: 0 0 0 1.5em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper.__is-open i {
  transform: rotate(90deg);
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-more-wrapper.__is-open .d4p-more-content {
  display: block;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-content-wrapper {
  border: 1px solid #DDD;
  padding: 0.5em 1em;
  max-height: 160px;
  overflow: auto;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-content-wrapper .d4p-wrapper-hierarchy {
  margin: 0;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-content-wrapper .d4p-wrapper-hierarchy li {
  margin: 0.3em 0;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-content-wrapper .d4p-wrapper-hierarchy ul.children {
  margin-left: 1em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-description {
  margin: 1em 0 0 0;
  padding: 0;
  display: block;
  font-size: 1em;
  font-style: italic;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-color .wp-picker-input-wrap input[type=text] {
  width: 5rem;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-color .wp-picker-input-wrap input[type=button] {
  line-height: 3.1em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-color .wp-color-result {
  padding-left: 4em;
  margin: 0 1em 0 0;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-range_integer input, .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-range_absint input, .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-x_by_y input {
  width: 25%;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-checkboxes label, .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-checkboxes_group label, .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-radios label {
  display: block;
  margin: 0 0 4px;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-checkboxes_group .d4p-group-title {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 2;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_raw ol, .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_text ol {
  list-style: none;
  margin: 0 0 0.5em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_raw .exp-text-element, .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_text .exp-text-element {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  column-gap: 1em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_raw .exp-text-element button, .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_text .exp-text-element button {
  line-height: 2;
  padding: 0.3em 1em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_raw .exp-text-element button i, .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_text .exp-text-element button i {
  vertical-align: top;
  font-size: 1.4em;
  margin-top: 0.25em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-css_size input[type=number] {
  width: 80px;
  vertical-align: top;
  margin-right: 0.5em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-css_size select {
  width: 80px;
  vertical-align: top;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-normal .d4p-expandable-pairs-inside .d4p-element-pair-single {
  border: 1px solid #CCC;
  padding: 10px;
  margin: 0 0 10px;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-normal .d4p-expandable-pairs-inside .d4p-element-pair-single a {
  font-size: 0.9em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-normal .d4p-expandable-pairs-inside .d4p-element-pair-single input {
  margin: 0 0 5px;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-inline .d4p-expandable-pairs-inside {
  margin: 0 0 1em;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-inline .d4p-expandable-pairs-inside .d4p-element-pair-single {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-inline .d4p-expandable-pairs-inside .d4p-element-pair-single:first-child {
  border-bottom: 3px solid #DDD;
  font-weight: bold;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-inline .d4p-expandable-pairs-inside .d4p-element-pair-single > div {
  flex-grow: 1;
  flex-basis: calc((100% - 36px) / 2);
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-inline .d4p-expandable-pairs-inside .d4p-element-pair-single > span {
  flex-shrink: 1;
  min-width: 36px;
  display: block;
}
.d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-expandable_pairs .d4p-expandable-pairs-layout-inline .d4p-expandable-pairs-inside .d4p-element-pair-single > span a {
  display: block;
  padding: 4px 12px;
  text-align: center;
}
@media screen and (max-width: 840px) {
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=time],
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=month],
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=number] {
    width: 60%;
  }
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper .d4p-check-uncheck {
    font-size: 1.1em;
  }
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-css_size input[type=number] {
    width: 50%;
  }
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-css_size select {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-color .wp-picker-input-wrap input[type=button] {
    line-height: 2.8em;
  }
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-color .wp-color-result {
    line-height: 2.8em;
  }
}
@media screen and (max-width: 480px) {
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=time],
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=month],
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper input[type=number] {
    width: 100%;
  }
  .d4p-settings-section .d4p-settings-table .d4p-setting-wrapper.d4p-setting-css_size input[type=number] {
    width: 50%;
  }
}
.d4p-settings-section .d4p-settings-table .d4p-settings-item-error th {
  border-left: 3px solid #D00 !important;
  padding: 10px !important;
  background-color: #FFEBEB;
}
.d4p-settings-section .d4p-settings-table .d4p-settings-item-error td {
  padding: 10px 10px 10px 0 !important;
  background-color: #FFEBEB;
}

details.d4p-section-details {
  margin: 10px 0 0;
  border: 1px solid #DDD;
}
details.d4p-section-details summary {
  background-color: #DDD;
  padding: 5px;
  color: #222;
  cursor: pointer;
}
details.d4p-section-details > div {
  padding: 10px;
  overflow: auto;
  height: 160px;
}
details.d4p-section-details > div .form-table {
  margin: 0;
}
details.d4p-section-details > div .form-table > tbody > tr > * {
  line-height: 22px;
  width: auto;
  padding: 2px 0;
}
details.d4p-section-details > div .form-table code {
  font-style: normal;
}

.dev4press-info-default-value {
  background-color: #EEE;
  font-family: monospace;
  color: #111;
  display: inline-block;
  padding: 1px 7px;
}

.d4p-group-separator {
  margin: 0;
  float: left;
  text-align: left;
  max-width: 920px;
  width: 100%;
  clear: both;
  overflow: auto;
}
.d4p-group-separator h3 {
  border-bottom: 2px solid #CCC;
  text-transform: uppercase;
  margin: 0 0 30px;
  font-size: 22px;
  line-height: 24px;
}
.d4p-group-separator h3 > span {
  padding: 0 15px 2px;
  position: relative;
  top: 12px;
  background: #CCC;
  color: #111;
  font-weight: bold;
  margin: 0 0 0 30px;
}

.d4p-feature-group-break {
  margin: 0 0 2em;
  padding: 0;
  border-bottom: 1px solid #555;
}
.d4p-feature-group-break h3 {
  border-radius: var(--d4p-layout-main-border-radius) var(--d4p-layout-main-border-radius) 0 0;
  background-color: #555;
  color: #FFF;
  display: inline-block;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 1px;
  margin: 0;
  padding: 0.4em 1.2em;
}
.d4p-feature-group-break h3 i {
  margin: 0 7px 0 0;
  font-size: 16px;
}

.d4p-feature-break {
  margin: 0 0 2em;
  padding: 0;
}
.d4p-feature-break h2 {
  border-radius: var(--d4p-layout-main-border-radius) var(--d4p-layout-main-border-radius) 0 0;
  background-color: #555;
  color: #FFF;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 1px;
  margin: 0;
  padding: 0.5em 1em;
}
.d4p-feature-break h2 i {
  margin: 0 7px 0 0;
  font-size: 18px;
}
.d4p-feature-break .d4p-feature-break-info {
  border-top: 2px solid #555;
}
.d4p-feature-break .d4p-feature-break-info div {
  font-size: 1.2em;
  padding: 0.5em 1em;
  background: #DDD;
}

.d4p-panel-features-counts {
  background: var(--d4p-color-main-background);
  border: 1px solid var(--d4p-color-main-border);
  border-radius: var(--d4p-layout-main-border-radius);
  margin: 0 0 2em;
  padding: 1em;
  line-height: 1.8;
}
.d4p-panel-features-counts div span {
  float: right;
  font-weight: bold;
}

.d4p-features-filter {
  margin: 0 0 1em;
  padding: 1em;
  border-radius: var(--d4p-layout-main-border-radius);
  border: 1px solid var(--d4p-color-main-border);
  color: var(--d4p-color-main-text);
  background: var(--d4p-color-main-background);
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.d4p-features-filter .d4p-features-filter-buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1em;
}
.d4p-features-filter .d4p-features-filter-buttons button {
  border: none;
  padding: 0.5em 1em;
  cursor: pointer;
  border-radius: var(--d4p-layout-main-border-radius);
}
.d4p-features-filter .d4p-features-filter-buttons button.is-selected {
  font-weight: bold;
  color: var(--d4p-color-feature-active-text);
  border: 1px solid var(--d4p-color-feature-active-text);
  background-color: var(--d4p-color-feature-active-background);
}
.d4p-features-filter .d4p-features-filter-search {
  position: relative;
}
.d4p-features-filter .d4p-features-filter-search input {
  border: 1px solid var(--d4p-color-main-border);
  padding: 0.2em 1em;
  border-radius: var(--d4p-layout-main-border-radius);
}
.d4p-features-filter .d4p-features-filter-search i {
  margin: 0.85em 0 0 -1.5em;
  vertical-align: top;
  color: var(--d4p-color-feature-active-text);
  cursor: pointer;
}
.d4p-features-filter .d4p-features-filter-search.is-active input {
  border-color: var(--d4p-color-feature-active-text);
}
.d4p-features-filter .d4p-features-filter-search:not(.is-active) i {
  display: none;
}

.d4p-features-wrapper {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.75;
  margin: -1em;
}
.d4p-features-wrapper .d4p-feature-box {
  flex: 0 0 300px;
  background: #FFF;
  border: 1px solid #BBB;
  border-radius: var(--d4p-layout-main-border-radius);
  margin: 1em;
  padding: 0;
  float: left;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
}
.d4p-features-wrapper .d4p-feature-box.hide-feature {
  display: none;
}
@media screen and (max-width: 640px) {
  .d4p-features-wrapper .d4p-feature-box {
    flex-basis: calc(50% - 2em);
  }
}
@media screen and (max-width: 440px) {
  .d4p-features-wrapper .d4p-feature-box {
    flex-basis: calc(100% - 2em);
  }
}
.d4p-features-wrapper .d4p-feature-box ._info {
  padding: 2em 1.5em;
  text-align: center;
  flex: 1 1 100%;
}
.d4p-features-wrapper .d4p-feature-box ._info ._icon {
  line-height: 1;
  background-color: #F2F2F2;
  padding: 1em;
  display: inline-block;
  border-radius: var(--d4p-layout-main-border-radius);
}
.d4p-features-wrapper .d4p-feature-box ._info ._icon i {
  font-size: 2em;
  color: #555;
}
.d4p-features-wrapper .d4p-feature-box ._info ._title {
  border-radius: var(--d4p-layout-main-border-radius);
  font-size: 1.5em;
  font-weight: 400;
  padding: 0.2em;
  margin: 0.3em 0;
}
.d4p-features-wrapper .d4p-feature-box ._info ._description {
  border-radius: var(--d4p-layout-main-border-radius);
  font-size: 1em;
  font-weight: 400;
  padding: 0.5em;
  margin: 0;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl {
  border-radius: 0 0 var(--d4p-layout-main-border-radius) var(--d4p-layout-main-border-radius);
  border-top: 1px solid var(--d4p-color-main-border);
  background: var(--d4p-color-section-background);
  color: var(--d4p-color-section-text);
  padding: 1em;
  display: flex;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._open {
  flex: 1 1 100%;
  text-align: center;
  position: relative;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._activation {
  flex: 1 1 100%;
  text-align: left;
  position: relative;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._activation input[type=checkbox] {
  height: 24px;
  width: 32px;
  opacity: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._activation input[type=checkbox] + label {
  display: block;
  position: relative;
  line-height: 1;
  vertical-align: top;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._activation input[type=checkbox] + label:before {
  font-family: "dev4press";
  display: inline-block;
  content: "\f20f";
  font-size: 2em;
  line-height: 1;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._activation input[type=checkbox]:checked + label:before {
  content: "\f210";
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._activation i {
  font-size: 2em;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._scope span,
.d4p-features-wrapper .d4p-feature-box ._ctrl ._scope a,
.d4p-features-wrapper .d4p-feature-box ._ctrl ._settings span,
.d4p-features-wrapper .d4p-feature-box ._ctrl ._settings a {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 2em;
  line-height: 1;
  vertical-align: top;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._scope span i,
.d4p-features-wrapper .d4p-feature-box ._ctrl ._scope a i,
.d4p-features-wrapper .d4p-feature-box ._ctrl ._settings span i,
.d4p-features-wrapper .d4p-feature-box ._ctrl ._settings a i {
  vertical-align: bottom;
  color: #111;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._scope span i.d4p-ui-cog-slash,
.d4p-features-wrapper .d4p-feature-box ._ctrl ._settings span i.d4p-ui-cog-slash {
  opacity: 0.5;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._scope {
  padding-left: 1em;
}
.d4p-features-wrapper .d4p-feature-box ._ctrl ._scope span {
  cursor: help;
}
.d4p-features-wrapper .d4p-feature-box._is-always-on ._ctrl ._settings {
  flex: 1 1 100%;
  text-align: right;
}
.d4p-features-wrapper .d4p-feature-box._is-hidden {
  opacity: 0.5;
}
.d4p-features-wrapper .d4p-feature-box._is-active {
  border-color: var(--d4p-color-feature-active-text);
}
.d4p-features-wrapper .d4p-feature-box._is-active ._ctrl {
  border-color: var(--d4p-color-feature-active-text);
  background-color: var(--d4p-color-feature-active-background);
}
.d4p-features-wrapper .d4p-feature-box._is-active ._info ._icon {
  background-color: var(--d4p-color-feature-active-background);
}
.d4p-features-wrapper .d4p-feature-box._is-active ._info ._icon i {
  color: var(--d4p-color-feature-active-text);
}
.d4p-features-wrapper .d4p-feature-box._is-active ._ctrl ._activation label:before {
  color: var(--d4p-color-feature-active-text);
}
.d4p-features-wrapper .d4p-feature-box._is-active ._ctrl ._scope i,
.d4p-features-wrapper .d4p-feature-box._is-active ._ctrl ._settings i {
  color: var(--d4p-color-feature-active-text);
}
.d4p-features-wrapper .d4p-feature-box._is-beta._is-active {
  border-color: var(--d4p-color-feature-beta-text);
}
.d4p-features-wrapper .d4p-feature-box._is-beta._is-active ._ctrl {
  border-color: var(--d4p-color-feature-beta-text);
  background-color: var(--d4p-color-feature-beta-background);
}
.d4p-features-wrapper .d4p-feature-box._is-beta._is-active ._info ._icon {
  background-color: var(--d4p-color-feature-beta-background);
}
.d4p-features-wrapper .d4p-feature-box._is-beta._is-active ._info ._icon i {
  color: var(--d4p-color-feature-beta-text);
}
.d4p-features-wrapper .d4p-feature-box._is-beta._is-active ._ctrl ._activation label:before {
  color: var(--d4p-color-feature-beta-text);
}
.d4p-features-wrapper .d4p-feature-box._is-beta._is-active ._ctrl ._scope i,
.d4p-features-wrapper .d4p-feature-box._is-beta._is-active ._ctrl ._settings i {
  color: var(--d4p-color-feature-beta-text);
}
.d4p-features-wrapper .d4p-feature-box.search-result.search-result-title ._title {
  background-color: #F2F2F2;
}
.d4p-features-wrapper .d4p-feature-box.search-result.search-result-description ._description {
  background-color: #F2F2F2;
}
.d4p-features-wrapper .d4p-feature-box.search-result._is-active.search-result-title ._title {
  background-color: var(--d4p-color-feature-active-background);
}
.d4p-features-wrapper .d4p-feature-box.search-result._is-active.search-result-description ._description {
  background-color: var(--d4p-color-feature-active-background);
}
.d4p-features-wrapper .d4p-feature-box.search-result._is-beta._is-active.search-result-title ._title {
  background-color: var(--d4p-color-feature-beta-background);
}
.d4p-features-wrapper .d4p-feature-box.search-result._is-beta._is-active.search-result-description ._description {
  background-color: var(--d4p-color-feature-beta-background);
}
.d4p-features-wrapper .d4p-feature-break {
  flex: 1 0 calc(100% - 2em);
  margin: 1em;
  padding: 0;
}

.d4p-feature-status-badge {
  border-radius: var(--d4p-layout-main-border-radius);
  display: inline-block;
  padding: 0.5em 1em;
  color: #FFF;
  font-size: 1.1em;
  letter-spacing: 2px;
  font-weight: 500;
}
.d4p-feature-status-badge.__is-active {
  background: var(--d4p-color-button-active-background);
}
.d4p-feature-status-badge.__is-inactive {
  background: var(--d4p-color-button-inactive-background);
}

.d4p-setting-checkboxes.d4p-setting-checkboxes-hierarchy .d4p-inside-wrapper {
  max-height: 250px;
  padding: 5px 0;
  overflow: auto;
  margin: 0;
  line-height: 1.5;
}
.d4p-setting-checkboxes.d4p-setting-checkboxes-hierarchy .d4p-inside-wrapper li {
  margin: 0;
}
.d4p-setting-checkboxes.d4p-setting-checkboxes-hierarchy .d4p-inside-wrapper ul.children {
  margin-left: 12px;
}
.d4p-setting-checkboxes .d4p-check-uncheck {
  font-size: 0.9em;
  padding: 0 0 5px;
  margin: 0 0 5px;
  border-bottom: 1px dotted #CCC;
}
.d4p-setting-checkboxes .d4p-check-uncheck a {
  text-decoration: none;
}
.d4p-setting-checkboxes .d4p-check-uncheck a.d4p-check-all {
  margin-right: 10px;
}
.d4p-setting-checkboxes .d4p-check-uncheck a i {
  vertical-align: -2px;
}
.d4p-setting-checkboxes.d4p-columns-two .d4p-inside-wrapper, .d4p-setting-checkboxes.d4p-columns-three .d4p-inside-wrapper, .d4p-setting-checkboxes.d4p-columns-four .d4p-inside-wrapper, .d4p-setting-checkboxes.d4p-columns-five .d4p-inside-wrapper {
  column-gap: 2em;
  column-rule: 1px solid #DDD;
}
.d4p-setting-checkboxes.d4p-columns-two .d4p-inside-wrapper {
  column-count: 2;
}
.d4p-setting-checkboxes.d4p-columns-three .d4p-inside-wrapper {
  column-count: 3;
}
.d4p-setting-checkboxes.d4p-columns-four .d4p-inside-wrapper {
  column-count: 4;
}
.d4p-setting-checkboxes.d4p-columns-five .d4p-inside-wrapper {
  column-count: 5;
}
@media screen and (max-width: 768px) {
  .d4p-setting-checkboxes label {
    font-size: 16px;
  }
  .d4p-setting-checkboxes.d4p-columns-three .d4p-inside-wrapper, .d4p-setting-checkboxes.d4p-columns-four .d4p-inside-wrapper, .d4p-setting-checkboxes.d4p-columns-five .d4p-inside-wrapper {
    column-count: 2;
  }
}
@media screen and (max-width: 479px) {
  .d4p-setting-checkboxes.d4p-columns-two .d4p-inside-wrapper, .d4p-setting-checkboxes.d4p-columns-three .d4p-inside-wrapper, .d4p-setting-checkboxes.d4p-columns-four .d4p-inside-wrapper, .d4p-setting-checkboxes.d4p-columns-five .d4p-inside-wrapper {
    column-count: 1;
  }
}

.d4p-background-job-messages-wrapper .d4p-background-job-messages {
  font-family: monospace;
  font-size: 0.9em;
  max-height: 415px;
  overflow: auto;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul li.__message {
  display: flex;
  padding: 0.25em 0.5em;
  gap: 0.5em;
  align-items: center;
  justify-content: flex-start;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul li.__message > span {
  display: block;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul li.__message .__icon {
  background: #FFF;
  border-radius: 5px;
  padding: 0.1em 0.3em;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul li.__message.__message-info {
  background-color: #EBFFEF;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul li.__message.__message-activity {
  background-color: #DFE7FF;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul li.__message.__message-warning {
  background-color: #FFF1DD;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul li.__message.__message-error {
  background-color: #FFEBEB;
}
.d4p-background-job-messages-wrapper .d4p-background-job-messages ul li.__message.__message-system {
  background-color: #F8FFD2;
}
.d4p-background-job-messages-wrapper .d4p-background-job-loader {
  padding: 1em 0 0;
  display: none;
}
