<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
  --fwd-color-white-fixed: #FFFFFF;
  --fwd-color-white: #FFFFFF;
  --fwd-color-black: #333333;
  --fwd-color-gray-50: #F9FAFB;
  --fwd-color-gray-100: #F4F5F6;
  --fwd-color-gray-200: #E1E1E1;
  --fwd-color-gray-300: #CFCFCF;
  --fwd-color-gray-400: #B1B1B1;
  --fwd-color-gray-500: #9E9E9E;
  --fwd-color-gray-600: #7E7E7E;
  --fwd-color-gray-700: #626262;
  --fwd-color-gray-800: #515151;
  --fwd-color-gray-900: #3B3B3B;
  --fwd-color-red-100: #FFF5F5;
  --fwd-color-red-200: #FED7D7;
  --fwd-color-red-300: #FEB2B2;
  --fwd-color-red-400: #FC8181;
  --fwd-color-red-500: #F56565;
  --fwd-color-red-600: #E53E3E;
  --fwd-color-red-700: #C53030;
  --fwd-color-red-800: #9B2C2C;
  --fwd-color-red-900: #742A2A;
  --fwd-color-orange-100: #FFFAF0;
  --fwd-color-orange-200: #FEEBC8;
  --fwd-color-orange-300: #FBD38D;
  --fwd-color-orange-400: #F6AD55;
  --fwd-color-orange-500: #ED8936;
  --fwd-color-orange-600: #DD6B20;
  --fwd-color-orange-700: #C05621;
  --fwd-color-orange-800: #9C4221;
  --fwd-color-orange-900: #7B341E;
  --fwd-color-yellow-100: #FFFFF0;
  --fwd-color-yellow-200: #FEFCBF;
  --fwd-color-yellow-300: #FAF089;
  --fwd-color-yellow-400: #F6E05E;
  --fwd-color-yellow-500: #ECC94B;
  --fwd-color-yellow-600: #D69E2E;
  --fwd-color-yellow-700: #B7791F;
  --fwd-color-yellow-800: #975A16;
  --fwd-color-yellow-900: #744210;
  --fwd-color-green-100: #F0FFF4;
  --fwd-color-green-200: #C6F6D5;
  --fwd-color-green-300: #9AE6B4;
  --fwd-color-green-400: #2cab00;
  --fwd-color-green-500: #48BB78;
  --fwd-color-green-600: #38A169;
  --fwd-color-green-700: #2F855A;
  --fwd-color-green-800: #276749;
  --fwd-color-green-900: #22543D;
  --fwd-color-blue-100: #EBF8FF;
  --fwd-color-blue-200: #BEE3F8;
  --fwd-color-blue-300: #90CDF4;
  --fwd-color-blue-400: #63B3ED;
  --fwd-color-blue-500: #4299E1;
  --fwd-color-blue-600: #3182CE;
  --fwd-color-blue-700: #2B6CB0;
  --fwd-color-blue-800: #2C5282;
  --fwd-color-blue-900: #2A4365;
  --fwd-color-teal-100: #E6FFFA;
  --fwd-color-teal-200: #B2F5EA;
  --fwd-color-teal-300: #81E6D9;
  --fwd-color-teal-400: #4FD1C5;
  --fwd-color-teal-500: #38B2AC;
  --fwd-color-teal-600: #319795;
  --fwd-color-teal-700: #2C7A7B;
  --fwd-color-teal-800: #285E61;
  --fwd-color-teal-900: #234E52;
}
.jrPatternBanknote {
  background: var(--fwd-color-blue-200);
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%234299E1' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.jrPatternZigzag {
  background: var(--fwd-color-blue-200);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%234299E1' fill-opacity='0.4'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.jrPatternPolka {
  background: var(--fwd-color-blue-200);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%234299E1' fill-opacity='0.4' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}
.fwd-text-white {
  color: var(--fwd-color-white) !important;
}
.fwd-text-black {
  color: var(--fwd-color-black) !important;
}
.hover\:fwd-text-gray-100:hover,
.fwd-text-gray-100 {
  color: var(--fwd-color-gray-100) !important;
}
.hover\:fwd-text-gray-200:hover,
.fwd-text-gray-200 {
  color: var(--fwd-color-gray-200) !important;
}
.hover\:fwd-text-gray-300:hover,
.fwd-text-gray-300 {
  color: var(--fwd-color-gray-300) !important;
}
.hover\:fwd-text-gray-400:hover,
.fwd-text-gray-400 {
  color: var(--fwd-color-gray-400) !important;
}
.hover\:fwd-text-gray-500:hover,
.fwd-text-gray-500 {
  color: var(--fwd-color-gray-500) !important;
}
.hover\:fwd-text-gray-600:hover,
.fwd-text-gray-600 {
  color: var(--fwd-color-gray-600) !important;
}
.hover\:fwd-text-gray-700:hover,
.fwd-text-gray-700 {
  color: var(--fwd-color-gray-700) !important;
}
.hover\:fwd-text-gray-800:hover,
.fwd-text-gray-800 {
  color: var(--fwd-color-gray-800) !important;
}
.hover\:fwd-text-gray-900:hover,
.fwd-text-gray-900 {
  color: var(--fwd-color-gray-900) !important;
}
.hover\:fwd-text-red-100:hover,
.fwd-text-red-100 {
  color: var(--fwd-color-red-100) !important;
}
.hover\:fwd-text-red-200:hover,
.fwd-text-red-200 {
  color: var(--fwd-color-red-200) !important;
}
.hover\:fwd-text-red-300:hover,
.fwd-text-red-300 {
  color: var(--fwd-color-red-300) !important;
}
.hover\:fwd-text-red-400:hover,
.fwd-text-red-400 {
  color: var(--fwd-color-red-400) !important;
}
.hover\:fwd-text-red-500:hover,
.fwd-text-red-500 {
  color: var(--fwd-color-red-500) !important;
}
.hover\:fwd-text-red-600:hover,
.fwd-text-red-600 {
  color: var(--fwd-color-red-600) !important;
}
.hover\:fwd-text-red-700:hover,
.fwd-text-red-700 {
  color: var(--fwd-color-red-700) !important;
}
.hover\:fwd-text-red-800:hover,
.fwd-text-red-800 {
  color: var(--fwd-color-red-800) !important;
}
.hover\:fwd-text-red-900:hover,
.fwd-text-red-900 {
  color: var(--fwd-color-red-900) !important;
}
.hover\:fwd-text-orange-100:hover,
.fwd-text-orange-100 {
  color: var(--fwd-color-orange-100) !important;
}
.hover\:fwd-text-orange-200:hover,
.fwd-text-orange-200 {
  color: var(--fwd-color-orange-200) !important;
}
.hover\:fwd-text-orange-300:hover,
.fwd-text-orange-300 {
  color: var(--fwd-color-orange-300) !important;
}
.hover\:fwd-text-orange-400:hover,
.fwd-text-orange-400 {
  color: var(--fwd-color-orange-400) !important;
}
.hover\:fwd-text-orange-500:hover,
.fwd-text-orange-500 {
  color: var(--fwd-color-orange-500) !important;
}
.hover\:fwd-text-orange-600:hover,
.fwd-text-orange-600 {
  color: var(--fwd-color-orange-600) !important;
}
.hover\:fwd-text-orange-700:hover,
.fwd-text-orange-700 {
  color: var(--fwd-color-orange-700) !important;
}
.hover\:fwd-text-orange-800:hover,
.fwd-text-orange-800 {
  color: var(--fwd-color-orange-800) !important;
}
.hover\:fwd-text-orange-900:hover,
.fwd-text-orange-900 {
  color: var(--fwd-color-orange-900) !important;
}
.hover\:fwd-text-yellow-100:hover,
.fwd-text-yellow-100 {
  color: var(--fwd-color-yellow-100) !important;
}
.hover\:fwd-text-yellow-200:hover,
.fwd-text-yellow-200 {
  color: var(--fwd-color-yellow-200) !important;
}
.hover\:fwd-text-yellow-300:hover,
.fwd-text-yellow-300 {
  color: var(--fwd-color-yellow-300) !important;
}
.hover\:fwd-text-yellow-400:hover,
.fwd-text-yellow-400 {
  color: var(--fwd-color-yellow-400) !important;
}
.hover\:fwd-text-yellow-500:hover,
.fwd-text-yellow-500 {
  color: var(--fwd-color-yellow-500) !important;
}
.hover\:fwd-text-yellow-600:hover,
.fwd-text-yellow-600 {
  color: var(--fwd-color-yellow-600) !important;
}
.hover\:fwd-text-yellow-700:hover,
.fwd-text-yellow-700 {
  color: var(--fwd-color-yellow-700) !important;
}
.hover\:fwd-text-yellow-800:hover,
.fwd-text-yellow-800 {
  color: var(--fwd-color-yellow-800) !important;
}
.hover\:fwd-text-yellow-900:hover,
.fwd-text-yellow-900 {
  color: var(--fwd-color-yellow-900) !important;
}
.hover\:fwd-text-green-100:hover,
.fwd-text-green-100 {
  color: var(--fwd-color-green-100) !important;
}
.hover\:fwd-text-green-200:hover,
.fwd-text-green-200 {
  color: var(--fwd-color-green-200) !important;
}
.hover\:fwd-text-green-300:hover,
.fwd-text-green-300 {
  color: var(--fwd-color-green-300) !important;
}
.hover\:fwd-text-green-400:hover,
.fwd-text-green-400 {
  color: var(--fwd-color-green-400) !important;
}
.hover\:fwd-text-green-500:hover,
.fwd-text-green-500 {
  color: var(--fwd-color-green-500) !important;
}
.hover\:fwd-text-green-600:hover,
.fwd-text-green-600 {
  color: var(--fwd-color-green-600) !important;
}
.hover\:fwd-text-green-700:hover,
.fwd-text-green-700 {
  color: var(--fwd-color-green-700) !important;
}
.hover\:fwd-text-green-800:hover,
.fwd-text-green-800 {
  color: var(--fwd-color-green-800) !important;
}
.hover\:fwd-text-green-900:hover,
.fwd-text-green-900 {
  color: var(--fwd-color-green-900) !important;
}
.hover\:fwd-text-blue-100:hover,
.fwd-text-blue-100 {
  color: var(--fwd-color-blue-100) !important;
}
.hover\:fwd-text-blue-200:hover,
.fwd-text-blue-200 {
  color: var(--fwd-color-blue-200) !important;
}
.hover\:fwd-text-blue-300:hover,
.fwd-text-blue-300 {
  color: var(--fwd-color-blue-300) !important;
}
.hover\:fwd-text-blue-400:hover,
.fwd-text-blue-400 {
  color: var(--fwd-color-blue-400) !important;
}
.hover\:fwd-text-blue-500:hover,
.fwd-text-blue-500 {
  color: var(--fwd-color-blue-500) !important;
}
.hover\:fwd-text-blue-600:hover,
.fwd-text-blue-600 {
  color: var(--fwd-color-blue-600) !important;
}
.hover\:fwd-text-blue-700:hover,
.fwd-text-blue-700 {
  color: var(--fwd-color-blue-700) !important;
}
.hover\:fwd-text-blue-800:hover,
.fwd-text-blue-800 {
  color: var(--fwd-color-blue-800) !important;
}
.hover\:fwd-text-blue-900:hover,
.fwd-text-blue-900 {
  color: var(--fwd-color-blue-900) !important;
}
.hover\:fwd-text-teal-100:hover,
.fwd-text-teal-100 {
  color: var(--fwd-color-teal-100) !important;
}
.hover\:fwd-text-teal-200:hover,
.fwd-text-teal-200 {
  color: var(--fwd-color-teal-200) !important;
}
.hover\:fwd-text-teal-300:hover,
.fwd-text-teal-300 {
  color: var(--fwd-color-teal-300) !important;
}
.hover\:fwd-text-teal-400:hover,
.fwd-text-teal-400 {
  color: var(--fwd-color-teal-400) !important;
}
.hover\:fwd-text-teal-500:hover,
.fwd-text-teal-500 {
  color: var(--fwd-color-teal-500) !important;
}
.hover\:fwd-text-teal-600:hover,
.fwd-text-teal-600 {
  color: var(--fwd-color-teal-600) !important;
}
.hover\:fwd-text-teal-700:hover,
.fwd-text-teal-700 {
  color: var(--fwd-color-teal-700) !important;
}
.hover\:fwd-text-teal-800:hover,
.fwd-text-teal-800 {
  color: var(--fwd-color-teal-800) !important;
}
.hover\:fwd-text-teal-900:hover,
.fwd-text-teal-900 {
  color: var(--fwd-color-teal-900) !important;
}
.fwd-border-white {
  border-color: var(--fwd-color-white) !important;
}
.fwd-border-transparent {
  border-color: transparent !important;
}
.hover\:fwd-border-gray-100:hover,
.fwd-border-gray-100 {
  border-color: var(--fwd-color-gray-100) !important;
}
.hover\:fwd-border-gray-200:hover,
.fwd-border-gray-200 {
  border-color: var(--fwd-color-gray-200) !important;
}
.hover\:fwd-border-gray-300:hover,
.fwd-border-gray-300 {
  border-color: var(--fwd-color-gray-300) !important;
}
.hover\:fwd-border-gray-400:hover,
.fwd-border-gray-400 {
  border-color: var(--fwd-color-gray-400) !important;
}
.hover\:fwd-border-gray-500:hover,
.fwd-border-gray-500 {
  border-color: var(--fwd-color-gray-500) !important;
}
.hover\:fwd-border-gray-600:hover,
.fwd-border-gray-600 {
  border-color: var(--fwd-color-gray-600) !important;
}
.hover\:fwd-border-gray-700:hover,
.fwd-border-gray-700 {
  border-color: var(--fwd-color-gray-700) !important;
}
.hover\:fwd-border-gray-800:hover,
.fwd-border-gray-800 {
  border-color: var(--fwd-color-gray-800) !important;
}
.hover\:fwd-border-gray-900:hover,
.fwd-border-gray-900 {
  border-color: var(--fwd-color-gray-900) !important;
}
.hover\:fwd-border-red-100:hover,
.fwd-border-red-100 {
  border-color: var(--fwd-color-red-100) !important;
}
.hover\:fwd-border-red-200:hover,
.fwd-border-red-200 {
  border-color: var(--fwd-color-red-200) !important;
}
.hover\:fwd-border-red-300:hover,
.fwd-border-red-300 {
  border-color: var(--fwd-color-red-300) !important;
}
.hover\:fwd-border-red-400:hover,
.fwd-border-red-400 {
  border-color: var(--fwd-color-red-400) !important;
}
.hover\:fwd-border-red-500:hover,
.fwd-border-red-500 {
  border-color: var(--fwd-color-red-500) !important;
}
.hover\:fwd-border-red-600:hover,
.fwd-border-red-600 {
  border-color: var(--fwd-color-red-600) !important;
}
.hover\:fwd-border-red-700:hover,
.fwd-border-red-700 {
  border-color: var(--fwd-color-red-700) !important;
}
.hover\:fwd-border-red-800:hover,
.fwd-border-red-800 {
  border-color: var(--fwd-color-red-800) !important;
}
.hover\:fwd-border-red-900:hover,
.fwd-border-red-900 {
  border-color: var(--fwd-color-red-900) !important;
}
.hover\:fwd-border-orange-100:hover,
.fwd-border-orange-100 {
  border-color: var(--fwd-color-orange-100) !important;
}
.hover\:fwd-border-orange-200:hover,
.fwd-border-orange-200 {
  border-color: var(--fwd-color-orange-200) !important;
}
.hover\:fwd-border-orange-300:hover,
.fwd-border-orange-300 {
  border-color: var(--fwd-color-orange-300) !important;
}
.hover\:fwd-border-orange-400:hover,
.fwd-border-orange-400 {
  border-color: var(--fwd-color-orange-400) !important;
}
.hover\:fwd-border-orange-500:hover,
.fwd-border-orange-500 {
  border-color: var(--fwd-color-orange-500) !important;
}
.hover\:fwd-border-orange-600:hover,
.fwd-border-orange-600 {
  border-color: var(--fwd-color-orange-600) !important;
}
.hover\:fwd-border-orange-700:hover,
.fwd-border-orange-700 {
  border-color: var(--fwd-color-orange-700) !important;
}
.hover\:fwd-border-orange-800:hover,
.fwd-border-orange-800 {
  border-color: var(--fwd-color-orange-800) !important;
}
.hover\:fwd-border-orange-900:hover,
.fwd-border-orange-900 {
  border-color: var(--fwd-color-orange-900) !important;
}
.hover\:fwd-border-yellow-100:hover,
.fwd-border-yellow-100 {
  border-color: var(--fwd-color-yellow-100) !important;
}
.hover\:fwd-border-yellow-200:hover,
.fwd-border-yellow-200 {
  border-color: var(--fwd-color-yellow-200) !important;
}
.hover\:fwd-border-yellow-300:hover,
.fwd-border-yellow-300 {
  border-color: var(--fwd-color-yellow-300) !important;
}
.hover\:fwd-border-yellow-400:hover,
.fwd-border-yellow-400 {
  border-color: var(--fwd-color-yellow-400) !important;
}
.hover\:fwd-border-yellow-500:hover,
.fwd-border-yellow-500 {
  border-color: var(--fwd-color-yellow-500) !important;
}
.hover\:fwd-border-yellow-600:hover,
.fwd-border-yellow-600 {
  border-color: var(--fwd-color-yellow-600) !important;
}
.hover\:fwd-border-yellow-700:hover,
.fwd-border-yellow-700 {
  border-color: var(--fwd-color-yellow-700) !important;
}
.hover\:fwd-border-yellow-800:hover,
.fwd-border-yellow-800 {
  border-color: var(--fwd-color-yellow-800) !important;
}
.hover\:fwd-border-yellow-900:hover,
.fwd-border-yellow-900 {
  border-color: var(--fwd-color-yellow-900) !important;
}
.hover\:fwd-border-green-100:hover,
.fwd-border-green-100 {
  border-color: var(--fwd-color-green-100) !important;
}
.hover\:fwd-border-green-200:hover,
.fwd-border-green-200 {
  border-color: var(--fwd-color-green-200) !important;
}
.hover\:fwd-border-green-300:hover,
.fwd-border-green-300 {
  border-color: var(--fwd-color-green-300) !important;
}
.hover\:fwd-border-green-400:hover,
.fwd-border-green-400 {
  border-color: var(--fwd-color-green-400) !important;
}
.hover\:fwd-border-green-500:hover,
.fwd-border-green-500 {
  border-color: var(--fwd-color-green-500) !important;
}
.hover\:fwd-border-green-600:hover,
.fwd-border-green-600 {
  border-color: var(--fwd-color-green-600) !important;
}
.hover\:fwd-border-green-700:hover,
.fwd-border-green-700 {
  border-color: var(--fwd-color-green-700) !important;
}
.hover\:fwd-border-green-800:hover,
.fwd-border-green-800 {
  border-color: var(--fwd-color-green-800) !important;
}
.hover\:fwd-border-green-900:hover,
.fwd-border-green-900 {
  border-color: var(--fwd-color-green-900) !important;
}
.hover\:fwd-border-blue-100:hover,
.fwd-border-blue-100 {
  border-color: var(--fwd-color-blue-100) !important;
}
.hover\:fwd-border-blue-200:hover,
.fwd-border-blue-200 {
  border-color: var(--fwd-color-blue-200) !important;
}
.hover\:fwd-border-blue-300:hover,
.fwd-border-blue-300 {
  border-color: var(--fwd-color-blue-300) !important;
}
.hover\:fwd-border-blue-400:hover,
.fwd-border-blue-400 {
  border-color: var(--fwd-color-blue-400) !important;
}
.hover\:fwd-border-blue-500:hover,
.fwd-border-blue-500 {
  border-color: var(--fwd-color-blue-500) !important;
}
.hover\:fwd-border-blue-600:hover,
.fwd-border-blue-600 {
  border-color: var(--fwd-color-blue-600) !important;
}
.hover\:fwd-border-blue-700:hover,
.fwd-border-blue-700 {
  border-color: var(--fwd-color-blue-700) !important;
}
.hover\:fwd-border-blue-800:hover,
.fwd-border-blue-800 {
  border-color: var(--fwd-color-blue-800) !important;
}
.hover\:fwd-border-blue-900:hover,
.fwd-border-blue-900 {
  border-color: var(--fwd-color-blue-900) !important;
}
.hover\:fwd-border-teal-100:hover,
.fwd-border-teal-100 {
  border-color: var(--fwd-color-teal-100) !important;
}
.hover\:fwd-border-teal-200:hover,
.fwd-border-teal-200 {
  border-color: var(--fwd-color-teal-200) !important;
}
.hover\:fwd-border-teal-300:hover,
.fwd-border-teal-300 {
  border-color: var(--fwd-color-teal-300) !important;
}
.hover\:fwd-border-teal-400:hover,
.fwd-border-teal-400 {
  border-color: var(--fwd-color-teal-400) !important;
}
.hover\:fwd-border-teal-500:hover,
.fwd-border-teal-500 {
  border-color: var(--fwd-color-teal-500) !important;
}
.hover\:fwd-border-teal-600:hover,
.fwd-border-teal-600 {
  border-color: var(--fwd-color-teal-600) !important;
}
.hover\:fwd-border-teal-700:hover,
.fwd-border-teal-700 {
  border-color: var(--fwd-color-teal-700) !important;
}
.hover\:fwd-border-teal-800:hover,
.fwd-border-teal-800 {
  border-color: var(--fwd-color-teal-800) !important;
}
.hover\:fwd-border-teal-900:hover,
.fwd-border-teal-900 {
  border-color: var(--fwd-color-teal-900) !important;
}
.fwd-bg-none {
  background: none !important;
}
.fwd-bg-white {
  background-color: var(--fwd-color-white) !important;
}
.fwd-bg-black {
  background-color: var(--fwd-color-black) !important;
}
.fwd-bg-gray-50 {
  background-color: var(--fwd-color-gray-50) !important;
}
.hover\:fwd-bg-gray-100:hover,
.fwd-bg-gray-100 {
  background-color: var(--fwd-color-gray-100) !important;
}
.hover\:fwd-bg-gray-200:hover,
.fwd-bg-gray-200 {
  background-color: var(--fwd-color-gray-200) !important;
}
.hover\:fwd-bg-gray-300:hover,
.fwd-bg-gray-300 {
  background-color: var(--fwd-color-gray-300) !important;
}
.hover\:fwd-bg-gray-400:hover,
.fwd-bg-gray-400 {
  background-color: var(--fwd-color-gray-400) !important;
}
.hover\:fwd-bg-gray-500:hover,
.fwd-bg-gray-500 {
  background-color: var(--fwd-color-gray-500) !important;
}
.hover\:fwd-bg-gray-600:hover,
.fwd-bg-gray-600 {
  background-color: var(--fwd-color-gray-600) !important;
}
.hover\:fwd-bg-gray-700:hover,
.fwd-bg-gray-700 {
  background-color: var(--fwd-color-gray-700) !important;
}
.hover\:fwd-bg-gray-800:hover,
.fwd-bg-gray-800 {
  background-color: var(--fwd-color-gray-800) !important;
}
.hover\:fwd-bg-gray-900:hover,
.fwd-bg-gray-900 {
  background-color: var(--fwd-color-gray-900) !important;
}
.hover\:fwd-bg-red-100:hover,
.fwd-bg-red-100 {
  background-color: var(--fwd-color-red-100) !important;
}
.hover\:fwd-bg-red-200:hover,
.fwd-bg-red-200 {
  background-color: var(--fwd-color-red-200) !important;
}
.hover\:fwd-bg-red-300:hover,
.fwd-bg-red-300 {
  background-color: var(--fwd-color-red-300) !important;
}
.hover\:fwd-bg-red-400:hover,
.fwd-bg-red-400 {
  background-color: var(--fwd-color-red-400) !important;
}
.hover\:fwd-bg-red-500:hover,
.fwd-bg-red-500 {
  background-color: var(--fwd-color-red-500) !important;
}
.hover\:fwd-bg-red-600:hover,
.fwd-bg-red-600 {
  background-color: var(--fwd-color-red-600) !important;
}
.hover\:fwd-bg-red-700:hover,
.fwd-bg-red-700 {
  background-color: var(--fwd-color-red-700) !important;
}
.hover\:fwd-bg-red-800:hover,
.fwd-bg-red-800 {
  background-color: var(--fwd-color-red-800) !important;
}
.hover\:fwd-bg-red-900:hover,
.fwd-bg-red-900 {
  background-color: var(--fwd-color-red-900) !important;
}
.hover\:fwd-bg-orange-100:hover,
.fwd-bg-orange-100 {
  background-color: var(--fwd-color-orange-100) !important;
}
.hover\:fwd-bg-orange-200:hover,
.fwd-bg-orange-200 {
  background-color: var(--fwd-color-orange-200) !important;
}
.hover\:fwd-bg-orange-300:hover,
.fwd-bg-orange-300 {
  background-color: var(--fwd-color-orange-300) !important;
}
.hover\:fwd-bg-orange-400:hover,
.fwd-bg-orange-400 {
  background-color: var(--fwd-color-orange-400) !important;
}
.hover\:fwd-bg-orange-500:hover,
.fwd-bg-orange-500 {
  background-color: var(--fwd-color-orange-500) !important;
}
.hover\:fwd-bg-orange-600:hover,
.fwd-bg-orange-600 {
  background-color: var(--fwd-color-orange-600) !important;
}
.hover\:fwd-bg-orange-700:hover,
.fwd-bg-orange-700 {
  background-color: var(--fwd-color-orange-700) !important;
}
.hover\:fwd-bg-orange-800:hover,
.fwd-bg-orange-800 {
  background-color: var(--fwd-color-orange-800) !important;
}
.hover\:fwd-bg-orange-900:hover,
.fwd-bg-orange-900 {
  background-color: var(--fwd-color-orange-900) !important;
}
.hover\:fwd-bg-yellow-100:hover,
.fwd-bg-yellow-100 {
  background-color: var(--fwd-color-yellow-100) !important;
}
.hover\:fwd-bg-yellow-200:hover,
.fwd-bg-yellow-200 {
  background-color: var(--fwd-color-yellow-200) !important;
}
.hover\:fwd-bg-yellow-300:hover,
.fwd-bg-yellow-300 {
  background-color: var(--fwd-color-yellow-300) !important;
}
.hover\:fwd-bg-yellow-400:hover,
.fwd-bg-yellow-400 {
  background-color: var(--fwd-color-yellow-400) !important;
}
.hover\:fwd-bg-yellow-500:hover,
.fwd-bg-yellow-500 {
  background-color: var(--fwd-color-yellow-500) !important;
}
.hover\:fwd-bg-yellow-600:hover,
.fwd-bg-yellow-600 {
  background-color: var(--fwd-color-yellow-600) !important;
}
.hover\:fwd-bg-yellow-700:hover,
.fwd-bg-yellow-700 {
  background-color: var(--fwd-color-yellow-700) !important;
}
.hover\:fwd-bg-yellow-800:hover,
.fwd-bg-yellow-800 {
  background-color: var(--fwd-color-yellow-800) !important;
}
.hover\:fwd-bg-yellow-900:hover,
.fwd-bg-yellow-900 {
  background-color: var(--fwd-color-yellow-900) !important;
}
.hover\:fwd-bg-green-100:hover,
.fwd-bg-green-100 {
  background-color: var(--fwd-color-green-100) !important;
}
.hover\:fwd-bg-green-200:hover,
.fwd-bg-green-200 {
  background-color: var(--fwd-color-green-200) !important;
}
.hover\:fwd-bg-green-300:hover,
.fwd-bg-green-300 {
  background-color: var(--fwd-color-green-300) !important;
}
.hover\:fwd-bg-green-400:hover,
.fwd-bg-green-400 {
  background-color: var(--fwd-color-green-400) !important;
}
.hover\:fwd-bg-green-500:hover,
.fwd-bg-green-500 {
  background-color: var(--fwd-color-green-500) !important;
}
.hover\:fwd-bg-green-600:hover,
.fwd-bg-green-600 {
  background-color: var(--fwd-color-green-600) !important;
}
.hover\:fwd-bg-green-700:hover,
.fwd-bg-green-700 {
  background-color: var(--fwd-color-green-700) !important;
}
.hover\:fwd-bg-green-800:hover,
.fwd-bg-green-800 {
  background-color: var(--fwd-color-green-800) !important;
}
.hover\:fwd-bg-green-900:hover,
.fwd-bg-green-900 {
  background-color: var(--fwd-color-green-900) !important;
}
.hover\:fwd-bg-blue-100:hover,
.fwd-bg-blue-100 {
  background-color: var(--fwd-color-blue-100) !important;
}
.hover\:fwd-bg-blue-200:hover,
.fwd-bg-blue-200 {
  background-color: var(--fwd-color-blue-200) !important;
}
.hover\:fwd-bg-blue-300:hover,
.fwd-bg-blue-300 {
  background-color: var(--fwd-color-blue-300) !important;
}
.hover\:fwd-bg-blue-400:hover,
.fwd-bg-blue-400 {
  background-color: var(--fwd-color-blue-400) !important;
}
.hover\:fwd-bg-blue-500:hover,
.fwd-bg-blue-500 {
  background-color: var(--fwd-color-blue-500) !important;
}
.hover\:fwd-bg-blue-600:hover,
.fwd-bg-blue-600 {
  background-color: var(--fwd-color-blue-600) !important;
}
.hover\:fwd-bg-blue-700:hover,
.fwd-bg-blue-700 {
  background-color: var(--fwd-color-blue-700) !important;
}
.hover\:fwd-bg-blue-800:hover,
.fwd-bg-blue-800 {
  background-color: var(--fwd-color-blue-800) !important;
}
.hover\:fwd-bg-blue-900:hover,
.fwd-bg-blue-900 {
  background-color: var(--fwd-color-blue-900) !important;
}
.hover\:fwd-bg-teal-100:hover,
.fwd-bg-teal-100 {
  background-color: var(--fwd-color-teal-100) !important;
}
.hover\:fwd-bg-teal-200:hover,
.fwd-bg-teal-200 {
  background-color: var(--fwd-color-teal-200) !important;
}
.hover\:fwd-bg-teal-300:hover,
.fwd-bg-teal-300 {
  background-color: var(--fwd-color-teal-300) !important;
}
.hover\:fwd-bg-teal-400:hover,
.fwd-bg-teal-400 {
  background-color: var(--fwd-color-teal-400) !important;
}
.hover\:fwd-bg-teal-500:hover,
.fwd-bg-teal-500 {
  background-color: var(--fwd-color-teal-500) !important;
}
.hover\:fwd-bg-teal-600:hover,
.fwd-bg-teal-600 {
  background-color: var(--fwd-color-teal-600) !important;
}
.hover\:fwd-bg-teal-700:hover,
.fwd-bg-teal-700 {
  background-color: var(--fwd-color-teal-700) !important;
}
.hover\:fwd-bg-teal-800:hover,
.fwd-bg-teal-800 {
  background-color: var(--fwd-color-teal-800) !important;
}
.hover\:fwd-bg-teal-900:hover,
.fwd-bg-teal-900 {
  background-color: var(--fwd-color-teal-900) !important;
}
.fwd-gradient-b-50 {
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, #000000 100%);
}
.fwd-border-0 {
  border-width: 0;
}
.fwd-border {
  border-width: 1px !important;
}
.fwd-border-2 {
  border-width: 2px !important;
}
.fwd-border-b {
  border-bottom: 1px;
}
.fwd-border-r {
  border-right-width: 1px;
}
.fwd-border-l {
  border-left-width: 1px;
}
.fwd-border-b-2 {
  border-bottom-width: 2px;
}
.fwd-border-b-4 {
  border-bottom-width: 4px;
}
.fwd-border-l-4 {
  border-left-width: 4px;
}
.fwd-border-t {
  border-top-width: 1px !important;
}
.fwd-border-solid {
  border-style: solid;
}
.fwd-border-dashed {
  border-style: dashed;
}
.fwd-box-border {
  box-sizing: border-box;
}
@media (min-width: 640px) {
  .sm\:fwd-border-l {
    border-left-width: 1px;
  }
}
.fwd-rounded-none {
  border-radius: 0 !important;
}
.fwd-rounded-sm {
  border-radius: 0.125rem !important;
}
.fwd-rounded {
  border-radius: 0.25rem !important;
}
.fwd-rounded-md {
  border-radius: 0.375rem !important;
}
.fwd-rounded-lg {
  border-radius: 0.5rem !important;
}
.fwd-rounded-full {
  border-radius: 9999px !important;
}
.fwd-rounded-t-sm {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.fwd-rounded-t {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.fwd-rounded-t-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.fwd-rounded-b-sm {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.fwd-rounded-b {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.fwd-rounded-b-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.fwd-lowercase {
  text-transform: lowercase;
}
/* 
.fwd-uppercase {
  text-transform: uppercase;
}
*/
.fwd-whitespace-no-wrap {
  white-space: nowrap;
}
.fwd-tracking-wide {
  letter-spacing: 0.025rem;
}
.fwd-tracking-tight {
  letter-spacing: -0.025em;
}
.fwd-font-light {
  font-weight: 300 !important;
}
.fwd-font-normal {
  font-weight: 400 !important;
}
.fwd-font-medium {
  font-weight: 500 !important;
}
.fwd-font-semibold {
  font-weight: 600 !important;
}
.fwd-font-bold {
  font-weight: 700 !important;
}
.fwd-font-extrabold {
  font-weight: 800 !important;
}
.fwd-no-underline {
  text-decoration: none !important;
}
.fwd-underline {
  text-decoration: underline !important;
}
.fwd-text-left {
  text-align: left !important;
}
.fwd-text-center {
  text-align: center !important;
}
.fwd-text-right {
  text-align: right !important;
}
.fwd-text-base {
  font-size: 1rem !important;
}
/*
.fwd-text-xs {
  font-size: 0.75rem !important;
}
.fwd-text-sm {
  font-size: 0.875rem !important;
}
.fwd-text-lg {
  font-size: 1.125rem !important;
}
*/
.fwd-text-xl {
  font-size: 1.25rem !important;
}
.fwd-text-2xl {
  font-size: 1.5rem !important;
}
.fwd-text-4xl {
  font-size: 2.25rem !important;
}
.fwd-text-6xl {
  font-size: 4rem !important;
}
.fwd-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fwd-break-words {
  overflow-wrap: break-word;
}
.fwd-break-all {
  word-break: break-all;
}
@media (min-width: 640px) {
  .sm\:fwd-text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:fwd-text-base {
    font-size: 1rem !important;
  }
  .sm\:fwd-text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:fwd-text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:fwd-text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:fwd-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.fwd-bg-cover {
  background-size: cover;
}
.fwd-bg-contain {
  background-size: contain;
}
.fwd-bg-no-repeat {
  background-repeat: no-repeat;
}
.fwd-bg-center {
  background-position: center;
}
.fwd-leading-none {
  line-height: 1 !important;
}
.fwd-leading-snug {
  line-height: 1.375 !important;
}
.fwd-leading-normal {
  line-height: 1.5 !important;
}
.fwd-leading-relaxed {
  line-height: 1.625 !important;
}
.fwd-leading-loose {
  line-height: 2 !important;
}
.fwd-leading-3 {
  line-height: 0.75rem !important;
}
.fwd-leading-4 {
  line-height: 1rem !important;
}
.fwd-leading-5 {
  line-height: 1.25rem !important;
}
.fwd-leading-6 {
  line-height: 1.5rem !important;
}
.fwd-leading-8 {
  line-height: 2rem !important;
}
@media (min-width: 640px) {
  .sm\:fwd-leading-5 {
    line-height: 1.25rem !important;
  }
}
.fwd-float-right {
  float: right;
}
.fwd-float-left {
  float: left;
}
.fwd-clearfix::before,
.fwd-clearfix::after {
  content: '';
  display: table;
  clear: both;
}
.fwd-shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.fwd-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.fwd-shadow-none {
  box-shadow: none;
}
.fwd-shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.fwd-shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.fwd-shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.fwd-shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.fwd-shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.fwd-cursor-pointer {
  cursor: pointer;
}
.fwd-cursor-default {
  cursor: default;
}
.fwd-cursor-move {
  cursor: move;
}
.fwd-overflow-hidden {
  overflow: hidden !important;
}
.fwd-overflow-x-auto {
  overflow-x: auto !important;
}
.fwd-overflow-x-hidden {
  overflow-x: hidden !important;
}
.fwd-overflow-y-auto {
  overflow-y: auto !important;
}
.fwd-overflow-y-hidden {
  overflow-y: hidden !important;
}
.fwd-scrolling-touch {
  -webkit-overflow-scrolling: touch;
}
.fwd-scroll-smooth {
  scroll-behavior: smooth;
}
.fwd-scroll-x-proximity {
  scroll-snap-type: x proximity;
}
.fwd-scroll-x-mandatory {
  scroll-snap-type: x mandatory;
}
.fwd-scroll-snap-start {
  scroll-snap-align: start;
}
.fwd-scroll-snap-center {
  scroll-snap-align: center;
}
@media (min-width: 640px) {
  .sm\:fwd-overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:fwd-overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:fwd-scroll-x-proximity {
    scroll-snap-type: x proximity;
  }
  .sm\:fwd-scroll-x-mandatory {
    scroll-snap-type: x mandatory;
  }
}
.fwd-overscroll-x-contain {
  overscroll-behavior-x: contain;
}
.fwd-absolute {
  position: absolute;
}
.fwd-relative {
  position: relative;
}
.fwd-inset-0 {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
.fwd-inset-auto {
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}
.fwd-sticky {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
}
.fwd-top-0 {
  top: 0 !important;
}
.fwd-bottom-0 {
  bottom: 0 !important;
}
.fwd-right-0 {
  right: 0 !important;
}
.fwd-left-0 {
  left: 0 !important;
}
.fwd--top-2 {
  top: -0.5rem;
}
.fwd--top-3 {
  top: -0.75rem;
}
@media (min-width: 640px) {
  .sm\:fwd-absolute {
    position: absolute;
  }
  .sm\:fwd-relative {
    position: relative;
  }
}
.fwd-flex {
  display: flex !important;
}
.fwd-inline-flex {
  display: inline-flex !important;
}
.fwd-hidden {
  display: none !important;
}
.fwd-block {
  display: block !important;
}
.fwd-inline-block {
  display: inline-block !important;
}
.fwd-fixed {
  position: fixed;
}
.fwd-table {
  display: table;
}
.fwd-table-row {
  display: table-row;
}
.fwd-table-cell {
  display: table-cell;
}
.fwd-items-center {
  align-items: center;
}
.fwd-items-baseline {
  align-items: baseline;
}
.fwd-items-end {
  align-items: flex-end;
}
.fwd-justify-between {
  justify-content: space-between;
}
.fwd-justify-center {
  justify-content: center;
}
.fwd-justify-end {
  justify-content: flex-end;
}
.fwd-self-start {
  align-self: flex-start;
}
.fwd-self-end {
  align-self: flex-end;
}
.fwd-self-center {
  align-self: center;
}
.fwd-flex-auto {
  flex: 1 1 auto;
}
.fwd-flex-none {
  flex: none;
}
.fwd-flex-initial {
  flex: 0 1 auto;
}
.fwd-flex-1 {
  flex: 1 1 0%;
}
.fwd-flex-shrink-0 {
  flex-shrink: 0;
}
.fwd-flex-no-wrap {
  flex-wrap: nowrap;
}
.fwd-flex-wrap {
  flex-wrap: wrap;
}
.fwd-flex-row {
  flex-direction: row;
}
.fwd-flex-col {
  flex-direction: column;
}
.fwd-order-first {
  order: -1;
}
.fwd-order-last {
  order: 999;
}
.fwd-order-none {
  order: 0;
}
@media (min-width: 640px) {
  .sm\:fwd-block {
    display: block !important;
  }
  .sm\:fwd-flex {
    display: flex !important;
  }
  .sm\:fwd-inline-flex {
    display: inline-flex !important;
  }
  .sm\:fwd-flex-row {
    flex-direction: row;
  }
  .sm\:fwd-order-none {
    order: 0;
  }
  .sm\:fwd-order-last {
    order: 999;
  }
  .sm\:fwd-items-center {
    align-items: center;
  }
  .sm\:fwd-justify-between {
    justify-content: space-between;
  }
  .sm\:fwd-flex-1 {
    flex: 1 1 0%;
  }
  .sm\:fwd-flex-shrink-0 {
    flex-shrink: 0;
  }
  .sm\:fwd-flex-no-wrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  .md\:fwd-flex-row {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .md\:fwd-flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .xl\:fwd-flex-row {
    flex-direction: row;
  }
}
.fwd-object-cover {
  object-fit: cover;
}
.fwd-object-contain {
  object-fit: contain;
}
.fwd-align-middle {
  vertical-align: middle;
}
.fwd-fill-current {
  fill: currentColor;
}
.fwd-list-none {
  list-style-type: none;
}
.fwd-w-full {
  width: 100% !important;
}
.fwd-w-0 {
  width: 0 !important;
}
.fwd-w-4 {
  width: 1rem !important;
}
.fwd-w-5 {
  width: 1.25rem !important;
}
.fwd-w-6 {
  width: 1.5rem !important;
}
.fwd-w-8 {
  width: 2rem !important;
}
.fwd-w-10 {
  width: 2.5rem !important;
}
.fwd-w-12 {
  width: 3rem !important;
}
.fwd-w-16 {
  width: 4rem !important;
}
.fwd-w-20 {
  width: 5rem !important;
}
.fwd-w-30 {
  width: 7.5rem !important;
}
.fwd-w-40 {
  width: 10rem !important;
}
.fwd-w-48 {
  width: 12rem !important;
}
.fwd-w-64 {
  width: 16rem !important;
}
.fwd-w-72 {
  width: 18rem;
}
.fwd-w-80 {
  width: 20rem;
}
@media (min-width: 640px) {
  .sm\:fwd-w-auto {
    width: auto !important;
  }
  .sm\:fwd-w-0 {
    width: 0 !important;
  }
  .sm\:fwd-w-30 {
    width: 7.5rem !important;
  }
  .sm\:fwd-w-48 {
    width: 12rem !important;
  }
  .sm\:fwd-w-64 {
    width: 16rem !important;
  }
}
.fwd-min-w-0 {
  min-width: 0;
}
.fwd-min-w-xs {
  min-width: 12rem;
}
.fwd-min-w-sm {
  min-width: 14rem;
}
.fwd-min-w-md {
  min-width: 16rem;
}
.fwd-min-w-lg {
  min-width: 20rem;
}
.fwd-min-w-xl {
  min-width: 24rem;
}
.fwd-min-w-2xl {
  min-width: 28rem;
}
.fwd-min-w-3xl {
  min-width: 36rem;
}
.fwd-min-w-4xl {
  min-width: 42rem;
}
.fwd-min-w-5xl {
  min-width: 48rem;
}
.fwd-min-w-6xl {
  min-width: 56rem;
}
.fwd-max-w-xs {
  max-width: 12rem;
}
.fwd-max-w-sm {
  max-width: 14rem;
}
.fwd-max-w-md {
  max-width: 16rem;
}
.fwd-max-w-lg {
  max-width: 20rem;
}
.fwd-max-w-xl {
  max-width: 24rem;
}
.fwd-max-w-2xl {
  max-width: 28rem;
}
.fwd-max-w-3xl {
  max-width: 36rem;
}
.fwd-max-w-4xl {
  max-width: 42rem;
}
.fwd-max-w-5xl {
  max-width: 48rem;
}
.fwd-max-w-6xl {
  max-width: 56rem;
}
.fwd-w-1\/2 {
  width: 50% !important;
}
.fwd-w-1\/3 {
  width: 33.33333% !important;
}
.fwd-w-2\/3 {
  width: 66.66666% !important;
}
.fwd-w-1\/4 {
  width: 25% !important;
}
.fwd-w-1\/5 {
  width: 20% !important;
}
.fwd-w-2\/5 {
  width: 40% !important;
}
.fwd-w-3\/5 {
  width: 60% !important;
}
.fwd-w-4\/5 {
  width: 80% !important;
}
.fwd-w-2\/6 {
  width: 33.33333% !important;
}
.fwd-w-3\/6 {
  width: 50% !important;
}
.fwd-min-w-1\/2 {
  min-width: 50% !important;
}
.fwd-min-w-1\/3 {
  min-width: 33.33333% !important;
}
.fwd-min-w-1\/4 {
  min-width: 25% !important;
}
@media (min-width: 640px) {
  .sm\:fwd-min-w-xs {
    min-width: 12rem;
  }
  .sm\:fwd-min-w-sm {
    min-width: 14rem;
  }
  .sm\:fwd-min-w-md {
    min-width: 16rem;
  }
  .sm\:fwd-min-w-lg {
    min-width: 20rem;
  }
  .sm\:fwd-min-w-xl {
    min-width: 24rem;
  }
  .sm\:fwd-min-w-2xl {
    min-width: 28rem;
  }
  .sm\:fwd-min-w-3xl {
    min-width: 36rem;
  }
  .sm\:fwd-min-w-4xl {
    min-width: 42rem;
  }
  .sm\:fwd-min-w-5xl {
    min-width: 48rem;
  }
  .sm\:fwd-min-w-6xl {
    min-width: 56rem;
  }
  .sm\:fwd-max-w-xs {
    max-width: 12rem;
  }
  .sm\:fwd-max-w-sm {
    max-width: 14rem;
  }
  .sm\:fwd-max-w-md {
    max-width: 16rem;
  }
  .sm\:fwd-max-w-lg {
    max-width: 20rem;
  }
  .sm\:fwd-max-w-xl {
    max-width: 24rem;
  }
  .sm\:fwd-max-w-2xl {
    max-width: 28rem;
  }
  .sm\:fwd-max-w-3xl {
    max-width: 36rem;
  }
  .sm\:fwd-max-w-4xl {
    max-width: 42rem;
  }
  .sm\:fwd-max-w-5xl {
    max-width: 48rem;
  }
  .sm\:fwd-max-w-6xl {
    max-width: 56rem;
  }
  .sm\:fwd-w-1\/3,
  .sm\:fwd-w-2\/6 {
    width: 33.33333% !important;
  }
  .sm\:fwd-w-1\/5 {
    width: 20% !important;
  }
  .sm\:fwd-w-2\/5 {
    width: 40% !important;
  }
  .sm\:fwd-w-3\/5 {
    width: 60% !important;
  }
  .sm\:fwd-w-4\/5 {
    width: 80% !important;
  }
  .sm\:fwd-w-1\/2,
  .sm\:fwd-w-3\/6 {
    width: 50% !important;
  }
}
@media (min-width: 768px) {
  .md\:fwd-max-w-md {
    max-width: 16rem;
  }
  .md\:fwd-max-w-lg {
    max-width: 20rem;
  }
  .md\:fwd-max-w-2xl {
    max-width: 28rem;
  }
  .md\:fwd-min-w-xl {
    min-width: 24rem;
  }
  .md\:fwd-min-w-2xl {
    min-width: 28rem;
  }
  .md\:fwd-min-w-3xl {
    min-width: 36rem;
  }
  .md\:fwd-w-1\/2,
  .md\:fwd-w-3\/6 {
    width: 50% !important;
  }
  .md\:fwd-w-1\/3,
  .md\:fwd-w-2\/6 {
    width: 33.33333% !important;
  }
  .md\:fwd-w-1\/4 {
    width: 25% !important;
  }
}
@media (min-width: 992px) {
  .lg\:fwd-w-1\/3 {
    width: 33.33333% !important;
  }
  .lg\:fwd-w-1\/4 {
    width: 25% !important;
  }
  .lg\:fwd-w-1\/2 {
    width: 50% !important;
  }
}
@media (min-width: 1280px) {
  .xl\:fwd-w-1\/3 {
    width: 33.33333% !important;
  }
  .xl\:fwd-w-1\/4 {
    width: 25% !important;
  }
  .xl\:fwd-w-1\/2 {
    width: 50% !important;
  }
}
.fwd-h-full {
  height: 100% !important;
}
.fwd-h-auto {
  height: auto !important;
}
.fwd-h-0 {
  height: 0 !important;
}
.fwd-h-4 {
  height: 1rem !important;
}
.fwd-h-5 {
  height: 1.25rem !important;
}
.fwd-h-6 {
  height: 1.5rem !important;
}
.fwd-h-8 {
  height: 2rem !important;
}
.fwd-h-10 {
  height: 2.5rem !important;
}
.fwd-h-12 {
  height: 3rem !important;
}
.fwd-h-16 {
  height: 4rem !important;
}
.fwd-h-20 {
  height: 5rem !important;
}
.fwd-h-24 {
  height: 6rem !important;
}
.fwd-h-30 {
  height: 7.5rem !important;
}
.fwd-h-32 {
  height: 8rem !important;
}
.fwd-h-40 {
  height: 10rem !important;
}
.fwd-h-48 {
  height: 12rem !important;
}
.fwd-h-56 {
  height: 14rem !important;
}
.fwd-h-64 {
  height: 16rem !important;
}
.fwd-h-72 {
  height: 18rem !important;
}
.fwd-h-80 {
  height: 20rem !important;
}
.fwd-h-96 {
  height: 24rem !important;
}
.fwd-h-112 {
  height: 28rem !important;
}
@media (min-width: 640px) {
  .sm\:fwd-h-auto {
    height: auto !important;
  }
  .sm\:fwd-h-24 {
    height: 6rem !important;
  }
  .sm\:fwd-h-48 {
    height: 12rem !important;
  }
  .sm\:fwd-h-64 {
    height: 16rem !important;
  }
}
.fwd-min-h-8 {
  min-height: 2rem !important;
}
.fwd-min-h-16 {
  min-height: 4rem !important;
}
.fwd-min-h-20 {
  min-height: 5rem !important;
}
.fwd-min-h-24 {
  min-height: 6rem !important;
}
.fwd-min-h-32 {
  min-height: 8rem !important;
}
.fwd-min-h-40 {
  min-height: 10rem !important;
}
.fwd-min-h-48 {
  min-height: 12rem !important;
}
.fwd-min-h-56 {
  min-height: 14rem !important;
}
.fwd-min-h-64 {
  min-height: 16rem !important;
}
.fwd-min-h-72 {
  min-height: 18rem !important;
}
.fwd-min-h-80 {
  min-height: 20rem !important;
}
.fwd-min-h-96 {
  min-height: 24rem !important;
}
.fwd-min-h-112 {
  min-height: 28rem !important;
}
@media (min-width: 640px) {
  .sm\:fwd-min-h-32 {
    min-height: 8rem !important;
  }
  .sm\:fwd-min-h-40 {
    min-height: 10rem !important;
  }
  .sm\:fwd-min-h-48 {
    min-height: 12rem !important;
  }
  .sm\:fwd-min-h-56 {
    min-height: 14rem !important;
  }
  .sm\:fwd-min-h-64 {
    min-height: 16rem !important;
  }
  .sm\:fwd-min-h-72 {
    min-height: 18rem !important;
  }
  .sm\:fwd-min-h-80 {
    min-height: 20rem !important;
  }
  .sm\:fwd-min-h-96 {
    min-height: 24rem !important;
  }
  .sm\:fwd-min-h-112 {
    min-height: 28rem !important;
  }
}
.fwd-p-0 {
  padding: 0 !important;
}
.fwd-p-1 {
  padding: 0.25rem !important;
}
.fwd-p-2 {
  padding: 0.5rem !important;
}
.fwd-p-3 {
  padding: 0.75rem !important;
}
.fwd-p-4 {
  padding: 1rem !important;
}
.fwd-p-5 {
  padding: 1.25rem !important;
}
.fwd-p-6 {
  padding: 1.5rem !important;
}
.fwd-p-8 {
  padding: 2rem !important;
}
.fwd-p-12 {
  padding: 3rem !important;
}
.fwd-pt-0 {
  padding-top: 0 !important;
}
.fwd-pt-1 {
  padding-top: 0.25rem !important;
}
.fwd-pt-2 {
  padding-top: 0.5rem !important;
}
.fwd-pt-3 {
  padding-top: 0.75rem !important;
}
.fwd-pt-4 {
  padding-top: 1rem !important;
}
.fwd-pt-5 {
  padding-top: 1.25rem !important;
}
.fwd-pt-6 {
  padding-top: 1.5rem !important;
}
.fwd-pt-8 {
  padding-top: 2rem !important;
}
@media (min-width: 640px) {
  .sm\:fwd-p-2 {
    padding: 0.5rem !important;
  }
  .sm\:fwd-pt-0 {
    padding-top: 0 !important;
  }
  .sm\:fwd-pt-1 {
    padding-top: 0.25rem !important;
  }
}
.fwd-pb-1 {
  padding-bottom: 0.25rem !important;
}
.fwd-pb-2 {
  padding-bottom: 0.5rem !important;
}
.fwd-pb-3 {
  padding-bottom: 0.75rem !important;
}
.fwd-pb-4 {
  padding-bottom: 1rem !important;
}
.fwd-pb-8 {
  padding-bottom: 2em !important;
}
.fwd-pr-1 {
  padding-right: 0.25rem !important;
}
.fwd-pr-2 {
  padding-right: 0.5rem !important;
}
.fwd-pr-3 {
  padding-right: 0.75rem !important;
}
.fwd-pr-4 {
  padding-right: 1rem !important;
}
@media (min-width: 640px) {
  .sm\:fwd-pr-2\/10 {
    padding-right: 20%;
  }
  .sm\:fwd-pr-3\/10 {
    padding-right: 30%;
  }
  .sm\:fwd-pr-4\/10 {
    padding-right: 40%;
  }
  .sm\:fwd-pr-5\/10 {
    padding-right: 50%;
  }
}
.fwd-pl-0 {
  padding-left: 0 !important;
}
.fwd-pl-1 {
  padding-left: 0.25rem !important;
}
.fwd-pl-2 {
  padding-left: 0.5rem !important;
}
.fwd-pl-3 {
  padding-left: 0.75rem !important;
}
.fwd-pl-4 {
  padding-left: 1rem !important;
}
.fwd-pl-10 {
  padding-left: 2.5rem !important;
}
.fwd-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.fwd-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.fwd-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.fwd-px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.fwd-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.fwd-px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.fwd-px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.fwd-px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}
.fwd-px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.fwd-py-0\.5 {
  padding-bottom: 0.125rem !important;
  padding-top: 0.125rem !important;
}
.fwd-py-1 {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}
.fwd-py-2 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.fwd-py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.fwd-py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.fwd-py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.fwd-py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.fwd-py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}
.fwd-py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.fwd-py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
@media (min-width: 640px) {
  .sm\:fwd-p-0 {
    padding: 0 !important;
  }
  .sm\:fwd-p-5 {
    padding: 1.25rem !important;
  }
  .sm\:fwd-pt-5 {
    padding-top: 1.25rem !important;
  }
  .sm\:fwd-px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .sm\:fwd-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:fwd-px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:fwd-pt-3 {
    padding-top: 0.75rem !important;
  }
}
.fwd-space-x-0 &gt; * + * {
  margin-left: 0;
}
.fwd-space-x-1 &gt; * + * {
  margin-left: 0.25rem;
}
.fwd-space-x-2 &gt; * + * {
  margin-left: 0.5rem;
}
.fwd-space-x-3 &gt; * + * {
  margin-left: 0.75rem;
}
.fwd-space-x-4 &gt; * + * {
  margin-left: 1rem;
}
.fwd-space-x-5 &gt; * + * {
  margin-left: 1.25rem;
}
.fwd-space-x-6 &gt; * + * {
  margin-left: 1.5rem;
}
.fwd-space-x-7 &gt; * + * {
  margin-left: 1.75rem;
}
.fwd-space-x-8 &gt; * + * {
  margin-left: 2rem;
}
@media (min-width: 640px) {
  .sm\:fwd-space-x-4 &gt; * + * {
    margin-left: 1rem;
  }
}
.fwd-space-y-0 &gt; * + * {
  margin-top: 0;
}
.fwd-space-y-1 &gt; * + * {
  margin-top: 0.25rem;
}
.fwd-space-y-2 &gt; * + * {
  margin-top: 0.5rem;
}
.fwd-space-y-3 &gt; * + * {
  margin-top: 0.75rem;
}
.fwd-space-y-4 &gt; * + * {
  margin-top: 1rem;
}
.fwd-space-y-5 &gt; * + * {
  margin-top: 1.25rem;
}
.fwd-space-y-6 &gt; * + * {
  margin-top: 1.5rem;
}
.fwd-space-y-8 &gt; * + * {
  margin-top: 2rem;
}
@media (min-width: 640px) {
  .sm\:fwd-space-y-0 &gt; * + * {
    margin-top: 0rem;
  }
}
.fwd-m-0 {
  margin: 0 !important;
}
.fwd-m-1 {
  margin: 0.25rem !important;
}
.fwd-m-2 {
  margin: 0.5rem !important;
}
.fwd-m-3 {
  margin: 0.75rem !important;
}
.fwd-m-4 {
  margin: 1rem !important;
}
.fwd-mt-auto {
  margin-top: auto !important;
}
.fwd-mt-0 {
  margin-top: 0 !important;
}
.fwd-mt-1 {
  margin-top: 0.25rem !important;
}
.fwd-mt-2 {
  margin-top: 0.5rem !important;
}
.fwd-mt-3 {
  margin-top: 0.75rem !important;
}
.fwd-mt-4 {
  margin-top: 1rem !important;
}
.fwd-mt-5 {
  margin-top: 1.25rem !important;
}
.fwd-mt-6 {
  margin-top: 1.5rem !important;
}
.fwd-mt-8 {
  margin-top: 2rem !important;
}
.fwd-mb-0 {
  margin-bottom: 0 !important;
}
.fwd-mb-1 {
  margin-bottom: 0.25rem !important;
}
.fwd-mb-2 {
  margin-bottom: 0.5rem !important;
}
.fwd-mb-3 {
  margin-bottom: 0.75rem !important;
}
.fwd-mb-4 {
  margin-bottom: 1rem !important;
}
.fwd-mb-5 {
  margin-bottom: 1.25rem !important;
}
.fwd-mb-6 {
  margin-bottom: 1.5rem !important;
}
.fwd-mb-8 {
  margin-bottom: 2rem !important;
}
.fwd-mb-12 {
  margin-bottom: 3rem !important;
}
.fwd-ml-0 {
  margin-left: 0 !important;
}
.fwd-ml-1 {
  margin-left: 0.25rem !important;
}
.fwd-ml-2 {
  margin-left: 0.5rem !important;
}
.fwd-ml-3 {
  margin-left: 0.75rem !important;
}
.fwd-ml-4 {
  margin-left: 1rem !important;
}
.fwd-mr-auto {
  margin-right: auto !important;
}
.fwd-mr-0 {
  margin-right: 0 !important;
}
.fwd-mr-1 {
  margin-right: 0.25rem !important;
}
.fwd-mr-2 {
  margin-right: 0.5rem !important;
}
.fwd-mr-3 {
  margin-right: 0.75rem !important;
}
.fwd-mr-4 {
  margin-right: 1rem !important;
}
.fwd-mr-12 {
  margin-right: 3rem !important;
}
.fwd-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.fwd-mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.fwd-mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.fwd-mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.fwd-my-1 {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}
.fwd-my-2 {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}
.fwd-my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.fwd-my-4 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
.fwd-my-6 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}
.fwd--ml-1 {
  margin-left: -0.25rem !important;
}
.fwd--mx-1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important;
}
.fwd--mx-2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important;
}
.fwd--mx-3 {
  margin-right: -0.75rem !important;
  margin-left: -0.75rem !important;
}
.fwd--mx-4 {
  margin-right: -1rem !important;
  margin-left: -1rem !important;
}
.fwd--mt-1 {
  margin-top: -0.25rem !important;
}
.fwd--mt-2 {
  margin-top: -0.5rem !important;
}
.fwd--mt-3 {
  margin-top: -0.75rem !important;
}
.fwd--mt-4 {
  margin-top: -1rem !important;
}
.fwd--mt-6 {
  margin-top: -1.5rem !important;
}
.fwd--mt-16 {
  margin-top: -4rem !important;
}
@media (min-width: 640px) {
  .sm\:fwd-m-0 {
    margin: 0 !important;
  }
  .sm\:fwd-ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:fwd-mr-4 {
    margin-right: 1rem !important;
  }
  .sm\:fwd-mt-0 {
    margin-top: 0 !important;
  }
  .sm\:fwd-mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:fwd-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:fwd-mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
}
@media (min-width: 768px) {
  .md\:fwd-mt-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 992px) {
  .lg\:fwd-mt-0 {
    margin-top: 0 !important;
  }
}
@media (min-width: 1280px) {
  .xl\:fwd-mt-0 {
    margin-top: 0 !important;
  }
  .xl\:fwd-ml-2 {
    margin-left: 0.5rem !important;
  }
}
.fwd-transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
.hover\:fwd-scale-100:hover,
.fwd-scale-100 {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}
.hover\:fwd-scale-105:hover,
.fwd-scale-105 {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}
.hover\:fwd-scale-110:hover,
.fwd-scale-110 {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}
.hover\:fwd-scale-125:hover,
.fwd-scale-125 {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}
.fwd-translate-y-0 {
  --transform-translate-y: 0 !important;
}
.fwd-translate-y-8\/10 {
  --transform-translate-y: 80%;
}
.fwd-translate-y-full {
  --transform-translate-y: 100%;
}
.fwd-transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}
.fwd-transition-opacity {
  transition-property: opacity;
}
.fwd-transition-transform {
  transition-property: transform;
}
.fwd-ease-linear {
  transition-timing-function: linear;
}
.fwd-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.fwd-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.fwd-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.fwd-duration-75 {
  transition-duration: 75ms;
}
.fwd-duration-100 {
  transition-duration: 100ms;
}
.fwd-duration-150 {
  transition-duration: 150ms;
}
.fwd-duration-200 {
  transition-duration: 200ms;
}
.fwd-duration-300 {
  transition-duration: 300ms;
}
.fwd-duration-500 {
  transition-duration: 500ms;
}
.fwd-duration-700 {
  transition-duration: 700ms;
}
.fwd-duration-1000 {
  transition-duration: 1000ms;
}
[class*=fwd-clamp-] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.fwd-clamp-1 {
  -webkit-line-clamp: 1;
}
.fwd-clamp-2 {
  -webkit-line-clamp: 2;
}
.fwd-clamp-3 {
  -webkit-line-clamp: 3;
}
@media (min-width: 640px) {
  .sm\:fwd-clamp-1 {
    -webkit-line-clamp: 1;
  }
  .sm\:fwd-clamp-2 {
    -webkit-line-clamp: 2;
  }
  .sm\:fwd-clamp-3 {
    -webkit-line-clamp: 3;
  }
}
.fwd-group:hover .fwd-group-hover\:hidden {
  display: none !important;
}
.fwd-group:hover .fwd-group-hover\:block {
  display: block !important;
}
.fwd-group:hover .fwd-group-hover\:flex {
  display: flex !important;
}
.fwd-group:hover .fwd-group-hover\:overflow-x-auto {
  overflow-x: auto !important;
}
.fwd-group:hover .fwd-group-hover\:mb-0 {
  margin-bottom: 0 !important;
}
.focus\:fwd-sr-only:focus,
.fwd-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.fwd-appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.focus\:fwd-shadow-outline:focus,
.fwd-shadow-outline {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
.fwd-shadow-outline-blue {
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
}
.fwd-shadow-outline-gray {
  box-shadow: 0 0 0 3px rgba(159, 166, 178, 0.45);
}
.focus\:fwd-outline-none:focus,
.fwd-outline-none {
  outline: 0;
}
.fwd-form-input {
  background-color: var(--fwd-color-white) !important;
  border-color: var(--fwd-color-gray-300) !important;
  border-width: 1px !important;
  border-style: solid;
  border-radius: 0.375rem !important;
  line-height: 1.25rem !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 1rem !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.fwd-form-input::-moz-placeholder {
  color: var(--fwd-color-gray-500) !important;
  opacity: 1 !important;
}
.fwd-form-input:-ms-input-placeholder {
  color: var(--fwd-color-gray-500) !important;
  opacity: 1 !important;
}
.fwd-form-input::-ms-input-placeholder {
  color: var(--fwd-color-gray-500) !important;
  opacity: 1 !important;
}
.fwd-form-input::placeholder {
  color: var(--fwd-color-gray-500) !important;
  opacity: 1 !important;
}
.fwd-form-input:focus {
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45) !important;
  border-color: var(--fwd-color-blue-300) !important;
  outline: 0;
}
.fwd-form-select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  background-repeat: no-repeat;
  background-color: var(--fwd-color-white) !important;
  border-color: var(--fwd-color-gray-300) !important;
  border-width: 1px;
  border-radius: 0.375rem;
  padding: 0.5rem 2.5rem 0.5rem 0.75rem !important;
  margin: 0 !important;
  font-size: 1rem;
  line-height: 1.5;
  background-position: right 0.5rem center;
  background-size: 1.5em 1.5em;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.fwd-form-select::-ms-expand {
  color: var(--fwd-color-gray-400) !important;
  border: none;
}
@media not print {
  .fwd-form-select::-ms-expand {
    display: none;
  }
}
@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
  .fwd-form-select {
    padding-right: 0.75rem;
  }
}
.fwd-form-select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45) !important;
  border-color: var(--fwd-color-blue-300) !important;
}
.fwd-form-button {
  display: inline-flex !important;
  align-items: center;
  border-width: 1px !important;
  border-color: transparent !important;
  font-weight: 500 !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-decoration: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  border-radius: 0.375rem !important;
}
.fwd-form-button:focus {
  outline: 0;
}
.fwd-form-button.fwd-form-button-blue {
  color: var(--fwd-color-white) !important;
  background-color: var(--fwd-color-blue-600) !important;
}
.fwd-form-button.fwd-form-button-blue:hover {
  background-color: var(--fwd-color-blue-500) !important;
}
.fwd-form-button.fwd-form-button-blue:focus {
  outline: 0;
  border-color: var(--fwd-color-blue-700) !important;
  box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
}
.fwd-form-button.fwd-form-button-blue:active {
  background-color: var(--fwd-color-blue-700) !important;
}
.fwd-form-button.fwd-form-button-sm {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  font-size: 0.875rem !important;
  line-height: 1rem !important;
}
.fwd-form-button.fwd-form-button-md {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.fwd-form-button.fwd-form-button-lg {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.fwd-aspect-2x3 {
  padding-bottom: 150%;
}
.fwd-aspect-4x5 {
  padding-bottom: 125%;
}
.fwd-aspect-1x1 {
  padding-bottom: 100%;
}
.fwd-aspect-6x5 {
  padding-bottom: 83.33333%;
}
.fwd-aspect-4x3 {
  padding-bottom: 75%;
}
.fwd-aspect-7x5 {
  padding-bottom: 71.42%;
}
.fwd-aspect-6x4 {
  padding-bottom: 66.6%;
}
.fwd-aspect-8x5 {
  padding-bottom: 62.5%;
}
.fwd-aspect-16x9 {
  padding-bottom: 56.25%;
}
@media (min-width: 640px) {
  .sm\:fwd-aspect-reset {
    padding-bottom: 0 !important;
  }
}
.fwd-grid {
  display: grid !important;
}
.fwd-grid-flow-col {
  grid-auto-flow: column;
}
.fwd-grid-auto-rows {
  grid-auto-rows: 1fr !important;
}
.fwd-grid-auto-cols-3xs {
  grid-auto-columns: 8rem;
}
.fwd-grid-auto-cols-2xs {
  grid-auto-columns: 10rem;
}
.fwd-grid-auto-cols-xs {
  grid-auto-columns: 12rem;
}
.fwd-grid-auto-cols-sm {
  grid-auto-columns: 14rem;
}
.fwd-grid-auto-cols-md {
  grid-auto-columns: 16rem;
}
.fwd-grid-auto-cols-lg {
  grid-auto-columns: 18rem;
}
.fwd-grid-auto-cols-xl {
  grid-auto-columns: 24rem;
}
.fwd-grid-auto-cols-2xl {
  grid-auto-columns: 28rem;
}
.fwd-grid-auto-cols-3xl {
  grid-auto-columns: 36rem;
}
.fwd-grid-auto-cols-4xl {
  grid-auto-columns: 42rem;
}
.fwd-grid-auto-cols-5xl {
  grid-auto-columns: 48rem;
}
.fwd-grid-auto-cols-6xl {
  grid-auto-columns: 56rem;
}
.fwd-grid-cols-fill-3xs {
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
}
.fwd-grid-cols-fill-2xs {
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
}
.fwd-grid-cols-fill-xs {
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.fwd-grid-cols-fill-sm {
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
}
.fwd-grid-cols-fill-md {
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}
.fwd-grid-cols-fill-lg {
  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
}
.fwd-grid-cols-fill-xl {
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
}
.fwd-grid-cols-fill-2xl {
  grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr));
}
.fwd-grid-cols-fill-3xl {
  grid-template-columns: repeat(auto-fill, minmax(36rem, 1fr));
}
.fwd-grid-cols-fill-4xl {
  grid-template-columns: repeat(auto-fill, minmax(42rem, 1fr));
}
.fwd-grid-cols-fill-5xl {
  grid-template-columns: repeat(auto-fill, minmax(48rem, 1fr));
}
.fwd-grid-cols-fill-6xl {
  grid-template-columns: repeat(auto-fill, minmax(56rem, 1fr));
}
.fwd-gap-0 {
  gap: 0;
  grid-gap: 0;
}
.fwd-gap-1 {
  gap: 0.25rem;
  grid-gap: 0.25rem;
}
.fwd-gap-2 {
  gap: 0.5rem;
  grid-gap: 0.5rem;
}
.fwd-gap-3 {
  gap: 0.75rem;
  grid-gap: 0.75rem;
}
.fwd-gap-4 {
  gap: 1rem;
  grid-gap: 1rem;
}
.fwd-gap-5 {
  gap: 1.25rem;
  grid-gap: 1.25rem;
}
.fwd-gap-6 {
  gap: 1.5rem;
  grid-gap: 1.5rem;
}
.fwd-gap-7 {
  gap: 1.75rem;
  grid-gap: 1.75rem;
}
.fwd-gap-8 {
  gap: 2rem;
  grid-gap: 2rem;
}
@media (min-width: 640px) {
  .sm\:fwd-grid {
    display: grid !important;
  }
  .sm\:fwd-grid-auto-rows {
    grid-auto-rows: 1fr !important;
  }
  .sm\:fwd-grid-cols-fill-3xs {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-2xs {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-xs {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-sm {
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-md {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-lg {
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-xl {
    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-2xl {
    grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-3xl {
    grid-template-columns: repeat(auto-fill, minmax(36rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-4xl {
    grid-template-columns: repeat(auto-fill, minmax(42rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-5xl {
    grid-template-columns: repeat(auto-fill, minmax(48rem, 1fr));
  }
  .sm\:fwd-grid-cols-fill-6xl {
    grid-template-columns: repeat(auto-fill, minmax(56rem, 1fr));
  }
}
.fwd-z-0 {
  z-index: 0 !important;
}
.fwd-z-10 {
  z-index: 50 !important;
}
.fwd-z-50 {
  z-index: 50 !important;
}
.fwd-opacity-0 {
  opacity: 0 !important;
}
.fwd-opacity-80 {
  opacity: 0.8 !important;
}
.fwd-opacity-100 {
  opacity: 1 !important;
}
/******************************
Autocomplete
*******************************/
.jrAutoComplete.ui-widget-content.ui-autocomplete {
  z-index: 99999!important;
  background: var(--fwd-color-white);
  text-align: left;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 140px;
  max-width: 220px;
  padding: 12px;
  margin: 0  !important;
  list-style: none !important;
  border-radius: 5px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-height: 20em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li {
  display: flex;
  align-items: center;
  line-height: 2;
  outline: 0;
  margin: 0;
  padding: 0 4px;
  border-radius: 4px;
  border: 0;
  background: none;
  text-align: left;
}
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li a,
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li .ui-menu-item-wrapper {
  flex: 1;
  border-radius: 4px;
  display: block;
  padding: 4px 8px;
  font-weight: normal;
  color: var(--fwd-color-black);
  white-space: nowrap;
  cursor: pointer;
}
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li a.ui-state-focus,
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li .ui-menu-item-wrapper.ui-state-focus {
  background: var(--fwd-color-gray-300);
  margin: inherit;
}
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li.ui-state-focus,
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li &gt; a:hover,
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li &gt; .ui-menu-item-wrapper:hover {
  text-decoration: none;
  background-color: var(--fwd-color-gray-300);
}
.ui-autocomplete-loading {
  background: url(images/spinner-calm.svg) right center no-repeat !important;
  background-size: 20px 20px!important;
  filter: brightness(0.5);
}
.jrButton {
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  margin-right: 0.5rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  line-height: 1.5;
  padding: 8px 16px;
}
.jrButton:hover,
.jrButton:focus {
  outline: 0;
}
a.jrButton,
a.jrButton:link,
a.jrButton:visited,
a.jrButton:hover {
  cursor: pointer;
  text-decoration: none !important;
}
.jrButton.jrActive,
.jrButton.jrActive:hover {
  cursor: default;
  background-color: var(--fwd-color-gray-700) !important;
}
.jrButton.jrActive [class^="jrIcon"]:before,
.jrButton.jrActive:hover [class^="jrIcon"]:before {
  color: var(--fwd-color-gray-200);
}
.jrButton.jrDisabled,
.jrButton[disabled],
fieldset[disabled] .jrButton {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
}
.jrButton.jrDisabled [class^="jrIcon"]:before,
.jrButton[disabled] [class^="jrIcon"]:before,
fieldset[disabled] .jrButton [class^="jrIcon"]:before {
  opacity: 0.5;
}
.jrButton.jrSmall {
  font-size: 13px;
  padding: 8px 12px;
  max-height: 2.55em;
}
.jrButton.jrSmall [class^=jrIcon]:before {
  font-size: 14px;
}
.jrButton.jrSmall.jrOutline {
  padding: 7px 11px;
}
.jrButton.jrOutline {
  padding: 7px 15px;
}
.jrButton [class^=jrIcon]:before {
  color: var(--fwd-color-gray-800);
}
.jrButton.jrLarge {
  font-size: 16px;
  padding: 8px 24px;
}
.jrButton.jrLarge [class^=jrIcon]:before {
  font-size: 14px;
}
.jrButton.jrLarge.jrOutline {
  padding: 7px 23px;
}
.jrButton,
a.jrButton,
a.jrButton:link,
a.jrButton:visited {
  color: var(--fwd-color-gray-900);
  background-color: var(--fwd-color-green-400);
  border-color: var(--fwd-color-green-400);
}
.jrButton:hover,
a.jrButton:hover {
  color: var(--fwd-color-black);
  background-color: var(--fwd-color-gray-200);
  border-color: var(--fwd-color-gray-200);
}
.jrButton.jrOutline,
a.jrButton.jrOutline,
a.jrButton.jrOutline:link,
a.jrButton.jrOutline:visited {
  background-color: var(--fwd-color-white) !important;
  border-color: var(--fwd-color-gray-200) !important;
  border-width: 2px;
}
.jrButton.jrOutline:hover,
a.jrButton.jrOutline:hover {
  background-color: var(--fwd-color-gray-200) !important;
}
.jrButton.jrBlue,
a.jrButton.jrBlue,
a.jrButton.jrBlue:link,
a.jrButton.jrBlue:visited {
  background-color: var(--fwd-color-blue-600);
  border-color: var(--fwd-color-blue-600);
  color: var(--fwd-color-white) !important;
}
.jrButton.jrBlue:hover,
a.jrButton.jrBlue:hover {
  background-color: var(--fwd-color-blue-700);
  border-color: var(--fwd-color-blue-700);
}
.jrButton.jrBlue.jrOutline,
a.jrButton.jrBlue.jrOutline,
a.jrButton.jrBlue.jrOutline:link,
a.jrButton.jrBlue.jrOutline:visited {
  background-color: var(--fwd-color-white) !important;
  border-color: var(--fwd-color-blue-700) !important;
  color: var(--fwd-color-blue-700) !important;
}
.jrButton.jrBlue.jrOutline:hover,
a.jrButton.jrBlue.jrOutline:hover {
  background-color: var(--fwd-color-blue-200) !important;
}
.jrButton.jrBlue.jrOutline [class^=jrIcon]:before {
  color: var(--fwd-color-blue-700) !important;
}
.jrButton.jrGreen,
a.jrButton.jrGreen,
a.jrButton.jrGreen:link,
a.jrButton.jrGreen:visited {
  background-color: var(--fwd-color-green-600);
  border-color: var(--fwd-color-green-600);
  color: var(--fwd-color-white);
}
.jrButton.jrGreen:hover,
a.jrButton.jrGreen:hover {
  background-color: var(--fwd-color-green-700);
  border-color: var(--fwd-color-green-700);
}
.jrButton.jrGreen.jrOutline,
a.jrButton.jrGreen.jrOutline,
a.jrButton.jrGreen.jrOutline:link,
a.jrButton.jrGreen.jrOutline:visited {
  background-color: var(--fwd-color-white) !important;
  border-color: var(--fwd-color-green-600) !important;
  color: var(--fwd-color-green-600) !important;
}
.jrButton.jrGreen.jrOutline:hover,
a.jrButton.jrGreen.jrOutline:hover {
  background-color: var(--fwd-color-green-100) !important;
}
.jrButton.jrGreen.jrOutline [class^=jrIcon]:before {
  color: var(--fwd-color-green-700) !important;
}
.jrButton.jrRed,
a.jrButton.jrRed,
a.jrButton.jrRed:link,
a.jrButton.jrRed:visited,
a.jrButton.jrRed:hover {
  background-color: var(--fwd-color-red-600);
  border-color: var(--fwd-color-red-600);
  color: var(--fwd-color-white);
}
.jrButton.jrRed:hover,
a.jrButton.jrRed:hover {
  background-color: var(--fwd-color-red-700);
  border-color: var(--fwd-color-red-700);
}
.jrButton.jrRed.jrOutline,
a.jrButton.jrRed.jrOutline,
a.jrButton.jrRed.jrOutline:link,
a.jrButton.jrRed.jrOutline:visited {
  background-color: var(--fwd-color-white) !important;
  border-color: var(--fwd-color-red-600) !important;
  color: var(--fwd-color-red-600) !important;
}
.jrButton.jrRed.jrOutline:hover,
a.jrButton.jrRed.jrOutline:hover {
  background-color: var(--fwd-color-red-100) !important;
}
.jrButton.jrRed.jrOutline [class^=jrIcon]:before {
  color: var(--fwd-color-red-700) !important;
}
.jrButton.jrOrange,
a.jrButton.jrOrange,
a.jrButton.jrOrange:link,
a.jrButton.jrOrange:visited,
a.jrButton.jrOrange:hover {
  background-color: var(--fwd-color-orange-600);
  border-color: var(--fwd-color-orange-600);
  color: var(--fwd-color-white);
}
.jrButton.jrOrange:hover,
a.jrButton.jrOrange:hover {
  background-color: var(--fwd-color-orange-700);
  border-color: var(--fwd-color-orange-700);
}
.jrButton.jrOrange.jrOutline,
a.jrButton.jrOrange.jrOutline,
a.jrButton.jrOrange.jrOutline:link,
a.jrButton.jrOrange.jrOutline:visited {
  background-color: var(--fwd-color-white) !important;
  border-color: var(--fwd-color-orange-600) !important;
  color: var(--fwd-color-orange-600) !important;
}
.jrButton.jrOrange.jrOutline:hover,
a.jrButton.jrOrange.jrOutline:hover {
  background-color: var(--fwd-color-orange-100) !important;
}
.jrButton.jrOrange.jrOutline [class^=jrIcon]:before {
  color: var(--fwd-color-orange-700) !important;
}
.jrButton.jrYellow,
a.jrButton.jrYellow,
a.jrButton.jrYellow:link,
a.jrButton.jrYellow:visited,
a.jrButton.jrYellow:hover {
  background-color: var(--fwd-color-yellow-600);
  border-color: var(--fwd-color-yellow-600);
  color: var(--fwd-color-white);
}
.jrButton.jrYellow:hover,
a.jrButton.jrYellow:hover {
  background-color: var(--fwd-color-yellow-700);
  border-color: var(--fwd-color-yellow-700);
}
.jrButton.jrDark,
a.jrButton.jrDark,
a.jrButton.jrDark:link,
a.jrButton.jrDark:visited,
a.jrButton.jrDark:hover {
  background-color: var(--fwd-color-gray-700);
  border-color: var(--fwd-color-gray-700);
  color: var(--fwd-color-white);
}
.jrButton.jrDark:hover,
a.jrButton.jrDark:hover {
  background-color: var(--fwd-color-gray-900);
  border-color: var(--fwd-color-gray-900);
}
.jrButton.jrDark.jrOutline,
a.jrButton.jrDark.jrOutline,
a.jrButton.jrDark.jrOutline:link,
a.jrButton.jrDark.jrOutline:visited {
  background-color: var(--fwd-color-white) !important;
  border-color: var(--fwd-color-gray-700) !important;
  color: var(--fwd-color-gray-700) !important;
}
.jrButton.jrDark.jrOutline:hover,
a.jrButton.jrDark.jrOutline:hover {
  background-color: var(--fwd-color-gray-200) !important;
}
.jrButton.jrDark.jrOutline [class^=jrIcon]:before {
  color: var(--fwd-color-gray-700) !important;
}
.jrFormContainer .jrButton {
  box-shadow: none;
}
.jrButton.jrIconOnly &gt; [class^="jrIcon"] {
  margin: 0;
  padding-left: 1px;
}
.jrButton [class^="jrIcon"]:before {
  font-size: 1em;
}
.jrButtonGroup {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
}
.jrButtonGroup &gt; .jrButton {
  margin: 0 !important;
  border-radius: 0;
  box-shadow: none;
}
.jrButtonGroup &gt; .jrButton:hover,
.jrButtonGroup &gt; .jrButton:focus,
.jrButtonGroup &gt; .jrButton:active,
.jrButtonGroup &gt; .jrButton.jrActive {
  z-index: 10;
}
.jrButtonGroup &gt; .jrButton:focus {
  outline: none;
}
.jrButtonGroup &gt; .jrButton:first-of-type {
  padding-left: 1em !important;
}
.jrButtonGroup &gt; .jrButton:last-of-type {
  padding-right: 1em !important;
}
.jrLinkButton {
  font-weight: normal;
  border-radius: 0;
  outline: none;
  color: var(--fwd-color-gray-900) !important;
}
.jrLinkButton,
.jrLinkButton:active,
.jrLinkButton[disabled],
fieldset[disabled] .jrLinkButton {
  background-color: transparent;
  box-shadow: none;
}
.jrLinkButton,
.jrLinkButton:hover,
.jrLinkButton:focus,
.jrLinkButton:active {
  color: var(--fwd-color-gray-900) !important;
  border-color: transparent;
}
.jrLinkButton:hover,
.jrLinkButton:focus {
  text-decoration: none;
  background-color: none!important;
}
.jrLinkButton[disabled]:hover,
fieldset[disabled] .jrLinkButton:hover,
.jrLinkButton[disabled]:focus,
fieldset[disabled] .jrLinkButton:focus {
  color: var(--fwd-color-gray-600) !important;
  text-decoration: none;
}
/******************************
Datepicker
*******************************/
#ui-datepicker-div {
  z-index: 9999999 !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 0;
  font-size: 0.875rem;
  display: none;
}
.ui-datepicker {
  width: 250px;
  padding: 0;
}
.ui-datepicker .ui-priority-primary,
.ui-datepicker .ui-priority-secondary {
  font-weight: normal;
  opacity: 1;
}
.ui-datepicker .ui-datepicker-header.ui-widget-header {
  position: relative;
  background: var(--fwd-color-gray-100);
  border: 0;
  font-weight: normal;
  min-height: 30px;
  margin: 0;
  padding: 8px 0;
  border-radius: 0;
}
.ui-datepicker table {
  width: calc(100% - 16px);
  font-size: 1em;
  border-collapse: collapse;
  margin: 10px 0 10px 8px;
}
.ui-datepicker th {
  font-weight: normal;
  color: var(--fwd-color-gray-600);
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 400;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td a.ui-state-default {
  color: var(--fwd-color-gray-800);
  text-align: center;
  display: block;
  padding: 0.2em;
  text-decoration: none;
  font-weight: 600;
}
.ui-datepicker td a.ui-state-default.ui-state-hover {
  background: var(--fwd-color-gray-600);
  color: var(--fwd-color-gray-100);
}
.ui-datepicker.ui-corner-all,
.ui-datepicker .ui-corner-all {
  border: 0;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  color: var(--fwd-color-black);
  border: 1px solid var(--fwd-color-gray-300);
  background: var(--fwd-color-gray-100);
  height: 28px;
  line-height: 28px;
  margin: 1px;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  width: 48%;
}
.ui-datepicker span.ui-icon {
  color: transparent;
}
.ui-datepicker .ui-icon:before {
  font-family: 'jrIcons';
  font-size: 12px;
  line-height: 1;
  color: var(--fwd-color-gray-900);
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-icon-circle-triangle-e {
  background-position: -32px 0;
  cursor: pointer;
}
.ui-datepicker .ui-icon-circle-triangle-e:before {
  content: "\e02c";
}
.ui-datepicker .ui-icon-circle-triangle-w {
  background-position: -96px 0;
  cursor: pointer;
}
.ui-datepicker .ui-icon-circle-triangle-w:before {
  content: "\e02b";
}
.ui-datepicker .ui-datepicker-today .ui-state-default {
  background: var(--fwd-color-gray-200);
}
.ui-datepicker .ui-datepicker-current-day .ui-state-active {
  background: var(--fwd-color-yellow-300);
}
.ui-datepicker.ui-widget-content {
  background: var(--fwd-color-white);
  border: 0;
}
.ui-datepicker .ui-datepicker-buttonpane .ui-widget-content {
  border: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 12px;
  width: 12px;
  height: 12px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -3px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
  left: 12px;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover {
  right: 12px;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
  top: 12px;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
  background: 0;
  border: 0;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  margin: 0;
  padding: 12px 15px;
  background: var(--fwd-color-gray-100);
  zoom: 1;
}
.ui-datepicker .ui-datepicker-buttonpane:after {
  clear: both;
}
.ui-datepicker .ui-datepicker-buttonpane:before,
.ui-datepicker .ui-datepicker-buttonpane:after {
  content: "";
  display: table;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0;
  cursor: pointer;
  padding: 4px 8px;
  width: auto;
  overflow: visible;
  font-size: 1em;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
  background: var(--fwd-color-gray-600);
  color: var(--fwd-color-gray-100);
  border-radius: 3px;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current.ui-state-hover {
  background: var(--fwd-color-gray-700);
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
  color: var(--fwd-color-white);
  background-color: var(--fwd-color-green-600);
  border-color: var(--fwd-color-green-600);
  border-radius: 3px;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-hover {
  background: var(--fwd-color-green-700);
}
.ui-datepicker .ui-datepicker-buttonpane button.clearDate,
.ui-datepicker .ui-datepicker-buttonpane button.clearDate.ui-state-hover {
  color: var(--fwd-color-gray-700);
  font-weight: normal;
  border: 0;
  background: none;
}
.ui-datepicker.ui-datepicker-multi {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group {
  flex: 1;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-row-break {
  width: 100%;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-buttonpane {
  width: 100%;
}
/******************************
Dialog
*******************************/
.jrDialog {
  background: var(--fwd-color-white);
  z-index: 9999;
  outline: 0;
  max-height: 100vh;
  /* Fixes issue with default jQuery UI CSS which hides the close icon */
}
.jrDialog .ui-button-icon-only {
  width: auto;
}
.jrDialog.ui-dialog {
  font-size: 15px;
  padding: 0;
  border: 0;
  width: inherit;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  position: absolute;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  background-color: var(--fwd-color-white) !important;
}
.jrDialog.ui-dialog .ui-dialog-content,
.jrDialog.ui-dialog .jrDialogContent {
  width: inherit !important;
  /* Fix issue with WP theme Jannahï»¿ */
  overflow-y: auto;
  overflow-x: hidden;
  zoom: 1;
  margin: 0;
  padding: 20px 0 20px;
  color: var(--fwd-color-black) !important;
  background-color: inherit !important;
}
.jrDialog.ui-dialog .ui-dialog-content .jrDialogContentInner,
.jrDialog.ui-dialog .jrDialogContent .jrDialogContentInner {
  padding: 0 15px;
  min-height: 30px;
}
.jrDialog.ui-dialog .ui-dialog-titlebar {
  padding: 0 !important;
  color: var(--fwd-color-gray-900) !important;
}
.jrDialog.ui-dialog .ui-widget-header {
  background: none !important;
  border: 0 !important;
  height: 46px;
  color: inherit !important;
}
.jrDialog.ui-dialog .ui-widget-header span.ui-dialog-title {
  color: inherit !important;
  font-size: 16px;
  padding: 20px 15px 0;
  margin: 0;
  font-weight: 600;
  display: block;
}
.jrDialog.ui-dialog .ui-dialog-titlebar-close,
.jrDialog.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 4px;
  padding: 10px 0 30px 25px;
  color: transparent;
  background: none;
  border: 0;
  outline: 0;
  width: auto;
  margin: 0;
}
.jrDialog.ui-dialog .ui-dialog-titlebar-close .ui-button-text,
.jrDialog.ui-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-button-text {
  display: inline-block;
}
.jrDialog.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
  background: none;
  border: 0;
}
.jrDialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  border: 0;
  padding: 15px;
  margin: 0;
  background: var(--fwd-color-gray-100);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.jrDialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane button {
  margin: 0 0 0 5px;
  font-size: 1em;
}
.jrDialog.ui-dialog .ui-widget-content.ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.jrDialog .ui-draggable .ui-dialog-titlebar {
  cursor: move;
  position: relative;
}
.jrDialog .ui-widget {
  font-size: 1.1em;
  font-family: inherit;
}
.jrDialog.jrNoPadding {
  padding: 0;
}
.jrDialog.jrNoPadding .jrDialogContent {
  padding: 0;
}
.jrDialog.jrNoPadding .jrDialogContent .jrDialogContentInner {
  padding: 0;
  min-height: 30px;
}
.jrDialog .jrButton {
  box-shadow: none;
}
.jrDialog .jrButton.ui-state-focus.jrButton {
  font-size: inherit;
}
.jrDialog .jrButton.ui-state-hover {
  border-color: transparent !important;
}
.jrDialog .jrButton.jr-cancel {
  background: none;
  color: var(--fwd-color-gray-700);
}
.jrDialog .jrButton.jr-back {
  background: var(--fwd-color-gray-300);
  color: var(--fwd-color-gray-700);
}
.jrDialog .ui-dialog-buttonset button:not(.jrButton) {
  display: inline-block;
  padding: 3px 8px;
  margin: 0 0 0 5px;
  font-size: 13px;
  line-height: 18px;
  color: var(--fwd-color-black);
  cursor: pointer;
  text-align: center;
  text-shadow: none;
  border: 1px solid #bbb;
  border-bottom-color: #aaa;
  border-radius: 4px;
  box-shadow: none;
  white-space: nowrap;
}
.jrDialog .ui-dialog-buttonset button:not(.jrButton):hover {
  color: var(--fwd-color-black);
  text-decoration: none;
  background-color: var(--fwd-color-gray-100);
}
.jrDialog .ui-button-text-only .ui-button-text {
  padding: 0;
  display: inline;
}
.jrDialog .jrClaimForm fieldset,
.jrDialog .jrInquiryForm fieldset,
.jrDialog .jrReportForm fieldset,
.jrDialog fieldset.jrReviewForm,
.jrDialog fieldset:first-of-type {
  margin: 2px 0;
}
.jrDialog .jrForm {
  margin: 0;
}
.jrDialog .jrForm,
.jrDialog .jrForm.jrFormContainer,
.jrDialog .jrForm.jrReviewForm,
.jrDialog .jrForm fieldset {
  padding: 0;
}
.jrDialog.ui-dialog.jrBare .jrDialogContent {
  padding-bottom: 0;
}
.jrDialog.ui-dialog.jrBare .ui-widget-content.ui-dialog-buttonpane {
  margin-top: 15px;
  margin-left: -15px;
  width: calc(100% + 30px);
}
[dir="rtl"] .jrDialog.ui-dialog.jrBare .ui-widget-content.ui-dialog-buttonpane {
  margin-left: 0;
  margin-right: -15px;
}
.jrDialog .jr-validation {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  flex: 1 1 auto;
}
/******************************
Dialog Toast
*******************************/
.jrDialog.jrDialogToast {
  background: var(--fwd-color-black);
  border: 0;
  padding: 0;
}
.jrDialog.jrDialogToast .jrDialogContent .jrDialogContentInner {
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem !important;
}
.jrDialog.jrDialogToast .ui-widget-content {
  color: var(--fwd-color-white);
  padding: 14px;
  text-align: center;
}
/******************************
jQuery UI General
*******************************/
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-hidden-accessible {
  display: none;
}
.ui-widget-overlay {
  background: var(--fwd-color-gray-800);
  opacity: 0.6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  color: inherit;
}
/******************************
JReviews component-specific
*******************************/
.jrCompareTabs .ui-widget-content,
.jrDialog .ui-widget-content {
  border: 0;
  background: transparent;
}
.jrCompareTabs .ui-corner-all,
.jrTabs .ui-corner-all {
  border-radius: 0;
}
.ui-widget {
  font-family: inherit;
  font-size: inherit;
}
/*************************************
Labels
*************************************/
.jrStatusLabel {
  padding: 4px 12px;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 600;
  border-radius: 12px;
  text-align: center;
  cursor: default;
  display: inline-block;
  margin: 2px;
  background: var(--fwd-color-gray-300);
  color: var(--fwd-color-gray-800);
}
.jrStatusLabel.jrRed {
  background: var(--fwd-color-red-200);
  color: var(--fwd-color-red-800);
}
.jrStatusLabel.jrYellow {
  background: var(--fwd-color-yellow-200);
  color: var(--fwd-color-yellow-800);
}
.jrStatusLabel.jrOrange {
  background: var(--fwd-color-orange-200);
  color: var(--fwd-color-orange-800);
}
.jrStatusLabel.jrGreen {
  background: var(--fwd-color-green-200);
  color: var(--fwd-color-green-800);
}
.jrStatusLabel.jrBlue {
  background: var(--fwd-color-blue-200);
  color: var(--fwd-color-blue-800);
}
.jrStatusLabel.jrDark {
  background: var(--fwd-color-gray-700);
  color: var(--fwd-color-gray-100);
}
/******************************
Slider
*******************************/
.ui-slider {
  position: relative;
  text-align: left;
  cursor: pointer;
}
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -0.6em;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
}
/* Slider */
.jrSliderInput.ui-corner-all,
.jrSliderInput .ui-corner-all {
  border-radius: 0;
}
.jrSliderInput.ui-slider,
.jrDialog .jrSliderInput.ui-slider {
  border: 0;
  background: var(--fwd-color-gray-300);
  border-radius: 7px;
  display: inline-block;
}
.jrSliderInput.ui-slider-horizontal {
  height: 6px;
  margin: 15px 16px;
  width: 65%;
}
.jrSliderInput.ui-slider-horizontal .ui-slider-handle {
  top: 50%;
  margin-top: -16px;
}
.jrSliderInput.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.jrSliderInput .ui-slider-handle.ui-state-default {
  width: 32px;
  height: 32px;
  background: var(--fwd-color-gray-500);
  border-radius: 9999px;
  border: 1px solid var(--fwd-color-gray-700);
  cursor: pointer;
}
.jrSliderInput .ui-slider-handle.ui-state-default:focus {
  outline: 0;
}
.jrSliderInput .ui-slider-range {
  border: 0;
  border-radius: 7px;
  background-color: var(--fwd-color-blue-500);
  position: absolute;
  z-index: 1;
  display: block;
  background-position: 0 0;
}
.jrSliderInputValue {
  float: right;
  margin-top: 10px;
}
/* ratings slider */
.jrRatingsSubmission .jrSliderInput .ui-slider-handle {
  width: 25px;
  height: 25px;
  border: 0;
}
.jrRatingsSubmission .jrSliderInput .ui-slider-handle.ui-slider-on,
.jrRatingsSubmission .jrSliderInput .ui-slider-handle.ui-slider-on.orange {
  background: #fecf4b;
}
.jrRatingsSubmission .jrSliderInput .ui-slider-handle.ui-slider-on.green {
  background: #a3cf68;
}
.jrRatingsSubmission .jrSliderInput .ui-slider-handle.ui-slider-on.red {
  background: #fd0100;
}
.jrRatingsSubmission .jrSliderInput .ui-slider-handle.ui-slider-on.blue {
  background: #3387da;
}
.jrRatingsSubmission .jrSliderInput.ui-slider-horizontal {
  height: 5px;
}
.jrRatingsSubmission .jrSliderInput.ui-slider-horizontal .ui-slider-handle {
  margin-top: -12px;
}
/******************************
Tabs
*******************************/
.jrTabs,
.jrTabs.ui-tabs {
  padding: 0;
  border: 1px solid var(--fwd-color-gray-200);
  font-size: 1em;
  background: none;
}
.jrTabs .ui-tabs-tab.ui-state-default,
.jrTabs.ui-tabs .ui-tabs-tab.ui-state-default {
  background: none;
}
.jrTabs .ui-state-focus a,
.jrTabs.ui-tabs .ui-state-focus a {
  outline: none;
}
.jrTabs.jrBorder-0,
.jrTabs.ui-tabs.jrBorder-0 {
  border: 0;
}
.jrTabs &gt; ul,
.jrTabs.ui-tabs &gt; ul,
.jrTabs ul.ui-tabs-nav,
.jrTabs.ui-tabs ul.ui-tabs-nav {
  background: var(--fwd-color-gray-100);
  padding: 0!important;
  margin: 0 !important;
  border: 0;
  display: flex;
  flex-wrap: wrap;
}
.jrTabs &gt; ul &gt; li,
.jrTabs.ui-tabs &gt; ul &gt; li,
.jrTabs ul.ui-tabs-nav &gt; li,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li {
  float: left;
  position: relative;
  white-space: nowrap;
  margin: 0!important;
  list-style: none !important;
  top: 0;
  border: 0;
  padding: 0;
  min-width: 110px;
  outline: 0;
  cursor: pointer;
}
.jrTabs &gt; ul &gt; li,
.jrTabs.ui-tabs &gt; ul &gt; li,
.jrTabs ul.ui-tabs-nav &gt; li,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li,
.jrTabs &gt; ul &gt; li:hover,
.jrTabs.ui-tabs &gt; ul &gt; li:hover,
.jrTabs ul.ui-tabs-nav &gt; li:hover,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li:hover {
  background: none;
}
.jrTabs &gt; ul &gt; li &gt; a,
.jrTabs.ui-tabs &gt; ul &gt; li &gt; a,
.jrTabs ul.ui-tabs-nav &gt; li &gt; a,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li &gt; a,
.jrTabs &gt; ul &gt; li &gt; span,
.jrTabs.ui-tabs &gt; ul &gt; li &gt; span,
.jrTabs ul.ui-tabs-nav &gt; li &gt; span,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li &gt; span {
  margin: 0;
  color: var(--fwd-color-gray-700);
  padding: 1.2em 0.8em 0.7em;
  font-size: 1em;
  font-weight: 800;
  display: block;
  float: none;
  text-align: center;
  text-decoration: none;
}
.jrTabs &gt; ul &gt; li.ui-state-active &gt; a,
.jrTabs.ui-tabs &gt; ul &gt; li.ui-state-active &gt; a,
.jrTabs ul.ui-tabs-nav &gt; li.ui-state-active &gt; a,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li.ui-state-active &gt; a,
.jrTabs &gt; ul &gt; li.ui-state-active &gt; span,
.jrTabs.ui-tabs &gt; ul &gt; li.ui-state-active &gt; span,
.jrTabs ul.ui-tabs-nav &gt; li.ui-state-active &gt; span,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li.ui-state-active &gt; span {
  font-weight: 800;
  background: var(--fwd-color-white);
  border-right: 0;
  border-left: 0;
  border-top-width: 4px;
  border-top-style: solid;
  border-radius: 0;
  border-color: var(--fwd-color-blue-600);
}
.jrTabs &gt; ul &gt; li:before &gt; li.ui-state-default:before,
.jrTabs.ui-tabs &gt; ul &gt; li:before &gt; li.ui-state-default:before,
.jrTabs ul.ui-tabs-nav &gt; li:before &gt; li.ui-state-default:before,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li:before &gt; li.ui-state-default:before {
  border-color: var(--fwd-color-gray-600);
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
}
.jrTabs &gt; ul &gt; li.ui-state-default a [class^="jrIcon"]:before,
.jrTabs.ui-tabs &gt; ul &gt; li.ui-state-default a [class^="jrIcon"]:before,
.jrTabs ul.ui-tabs-nav &gt; li.ui-state-default a [class^="jrIcon"]:before,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li.ui-state-default a [class^="jrIcon"]:before {
  color: var(--fwd-color-gray-900);
}
.jrTabs &gt; ul &gt; li.ui-state-default.ui-state-hover:before,
.jrTabs.ui-tabs &gt; ul &gt; li.ui-state-default.ui-state-hover:before,
.jrTabs ul.ui-tabs-nav &gt; li.ui-state-default.ui-state-hover:before,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li.ui-state-default.ui-state-hover:before,
.jrTabs &gt; ul &gt; li.ui-state-default.ui-state-active:before,
.jrTabs.ui-tabs &gt; ul &gt; li.ui-state-default.ui-state-active:before,
.jrTabs ul.ui-tabs-nav &gt; li.ui-state-default.ui-state-active:before,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li.ui-state-default.ui-state-active:before {
  border-color: var(--fwd-color-gray-800);
  color: var(--fwd-color-gray-500);
}
.jrTabs &gt; ul &gt; li.ui-state-default.ui-state-hover a [class^="jrIcon"]:before,
.jrTabs.ui-tabs &gt; ul &gt; li.ui-state-default.ui-state-hover a [class^="jrIcon"]:before,
.jrTabs ul.ui-tabs-nav &gt; li.ui-state-default.ui-state-hover a [class^="jrIcon"]:before,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li.ui-state-default.ui-state-hover a [class^="jrIcon"]:before,
.jrTabs &gt; ul &gt; li.ui-state-default.ui-state-active [class^="jrIcon"]:before,
.jrTabs.ui-tabs &gt; ul &gt; li.ui-state-default.ui-state-active [class^="jrIcon"]:before,
.jrTabs ul.ui-tabs-nav &gt; li.ui-state-default.ui-state-active [class^="jrIcon"]:before,
.jrTabs.ui-tabs ul.ui-tabs-nav &gt; li.ui-state-default.ui-state-active [class^="jrIcon"]:before {
  color: var(--fwd-color-gray-900);
}
.jrTabs &gt; div,
.jrTabs.ui-tabs &gt; div,
.jrTabs .ui-tabs-panel,
.jrTabs.ui-tabs .ui-tabs-panel {
  background: var(--fwd-color-white);
  padding: 2em 1.5em 1.5em;
  border: 0;
  margin: 0;
}
.jrTabs &gt; div:not(:first-of-type),
.jrTabs.ui-tabs &gt; div:not(:first-of-type),
.jrTabs .ui-tabs-panel:not(:first-of-type),
.jrTabs.ui-tabs .ui-tabs-panel:not(:first-of-type) {
  display: none;
}
.jrTabs .jrForm,
.jrTabs.ui-tabs .jrForm {
  padding: 24px;
}
/******************************
Vertical tabs
*******************************/
.jrTabs.jrTabsVertical,
.jrTabs.jrTabsVertical.ui-tabs {
  display: flex;
  flex-flow: row;
}
.jrTabs.jrTabsVertical &gt; ul,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav {
  padding: 0 !important;
  display: flex;
  flex-flow: column;
  flex: 0 0 auto;
  max-width: 155px;
}
.jrTabs.jrTabsVertical &gt; ul li,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul li,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav li,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav li {
  display: block;
  float: none;
  position: relative;
  left: 0;
  top: 0 !important;
  margin-bottom: 2px;
  margin-right: 0 !important;
  border-bottom: 0 !important;
  border-right: 0 !important;
  border-radius: 0;
}
.jrTabs.jrTabsVertical &gt; ul li &gt; a,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul li &gt; a,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav li &gt; a,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav li &gt; a,
.jrTabs.jrTabsVertical &gt; ul li.ui-state-default &gt; a,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul li.ui-state-default &gt; a,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default &gt; a,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav li.ui-state-default &gt; a,
.jrTabs.jrTabsVertical &gt; ul li &gt; span,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul li &gt; span,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav li &gt; span,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav li &gt; span,
.jrTabs.jrTabsVertical &gt; ul li.ui-state-default &gt; span,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul li.ui-state-default &gt; span,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default &gt; span,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav li.ui-state-default &gt; span {
  text-align: left;
  white-space: normal;
}
.jrTabs.jrTabsVertical &gt; ul li.ui-state-default.ui-state-active,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul li.ui-state-default.ui-state-active,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active {
  border-left: 4px solid var(--fwd-color-blue-600);
}
.jrTabs.jrTabsVertical &gt; ul li.ui-state-default.ui-state-active &gt; a,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul li.ui-state-default.ui-state-active &gt; a,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active &gt; a,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active &gt; a,
.jrTabs.jrTabsVertical &gt; ul li.ui-state-default.ui-state-active &gt; span,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul li.ui-state-default.ui-state-active &gt; span,
.jrTabs.jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active &gt; span,
.jrTabs.jrTabsVertical.ui-tabs &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active &gt; span {
  color: var(--fwd-color-gray-800);
  background: var(--fwd-color-white);
  border: 0 !important;
}
.jrTabs.jrTabsVertical &gt; div,
.jrTabs.jrTabsVertical.ui-tabs &gt; div,
.jrTabs.jrTabsVertical .ui-tabs-panel,
.jrTabs.jrTabsVertical.ui-tabs .ui-tabs-panel {
  flex: auto;
  padding: 16px;
  border-style: none;
  margin: 0;
}
@media (min-width: 768px) {
  .md\:jrTabsVertical {
    display: flex;
    flex-flow: row;
  }
  .md\:jrTabsVertical &gt; ul,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav {
    padding: 0 !important;
    display: flex;
    flex-flow: column;
    flex: 0 0 auto;
    max-width: 155px;
  }
  .md\:jrTabsVertical &gt; ul li,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav li {
    display: block;
    float: none;
    position: relative;
    left: 0;
    top: 0 !important;
    margin-bottom: 2px;
    margin-right: 0 !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-radius: 0;
  }
  .md\:jrTabsVertical &gt; ul li &gt; a,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav li &gt; a,
  .md\:jrTabsVertical &gt; ul li.ui-state-default &gt; a,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default &gt; a,
  .md\:jrTabsVertical &gt; ul li &gt; span,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav li &gt; span,
  .md\:jrTabsVertical &gt; ul li.ui-state-default &gt; span,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default &gt; span {
    text-align: left;
    white-space: normal;
  }
  .md\:jrTabsVertical &gt; ul li.ui-state-default.ui-state-active,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active {
    border-left: 4px solid var(--fwd-color-blue-600);
  }
  .md\:jrTabsVertical &gt; ul li.ui-state-default.ui-state-active &gt; a,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active &gt; a,
  .md\:jrTabsVertical &gt; ul li.ui-state-default.ui-state-active &gt; span,
  .md\:jrTabsVertical &gt; ul.ui-tabs-nav li.ui-state-default.ui-state-active &gt; span {
    color: var(--fwd-color-gray-800);
    background: var(--fwd-color-white);
    border: 0 !important;
  }
  .md\:jrTabsVertical &gt; div,
  .md\:jrTabsVertical .ui-tabs-panel {
    flex: auto;
    padding: 16px;
    border-style: none;
    margin: 0;
  }
}
/*************************************
Cards
*************************************/
.fwd-card-container {
  display: flex;
  overflow: hidden;
  flex-flow: column;
  height: auto;
}
.fwd-card-container .fwd-card-image {
  flex: 0 0 auto;
}
.fwd-card-container .fwd-card-image img {
  height: 100%;
}
.fwd-card-container .fwd-card-content {
  flex: 1 1 auto;
  align-items: flex-start;
}
.fwd-card-container.fwd-card-horizontal {
  flex-flow: row;
  width: 100%;
}
.fwd-card-container.fwd-card-sm .fwd-card-image {
  height: 96px;
}
.fwd-card-container.fwd-card-sm .fwd-card-image img {
  width: 170.66666667px;
}
.fwd-card-square.fwd-card-container.fwd-card-sm .fwd-card-image img {
  width: 96px;
}
.fwd-card-portrait.fwd-card-container.fwd-card-sm .fwd-card-image img {
  width: 64px;
}
.fwd-card-container.fwd-card-lg .fwd-card-image {
  height: 192px;
}
.fwd-card-container.fwd-card-lg .fwd-card-image img {
  width: 100%;
}
.fwd-card-container.fwd-card-lg.fwd-card-horizontal .fwd-card-image {
  height: 192px;
}
.fwd-card-container.fwd-card-lg.fwd-card-horizontal .fwd-card-image img {
  width: 341.33333333px;
}
.fwd-card-square.fwd-card-container.fwd-card-lg.fwd-card-horizontal .fwd-card-image img {
  width: 192px;
}
.fwd-card-portrait.fwd-card-container.fwd-card-lg.fwd-card-horizontal .fwd-card-image img {
  width: 128px;
}
@media (min-width: 640px) {
  .fwd-card-container.fwd-card-lg.sm\:fwd-card-horizontal .fwd-card-image {
    height: 192px;
  }
  .fwd-card-container.fwd-card-lg.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 341.33333333px;
  }
  .fwd-card-square.fwd-card-container.fwd-card-lg.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 192px;
  }
  .fwd-card-portrait.fwd-card-container.fwd-card-lg.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 128px;
  }
}
.fwd-card-container.fwd-card-xl .fwd-card-image {
  height: 256px;
}
.fwd-card-container.fwd-card-xl .fwd-card-image img {
  width: 100%;
}
.fwd-card-container.fwd-card-xl.fwd-card-horizontal .fwd-card-image {
  height: 256px;
}
.fwd-card-container.fwd-card-xl.fwd-card-horizontal .fwd-card-image img {
  width: 455.11111111px;
}
.fwd-card-square.fwd-card-container.fwd-card-xl.fwd-card-horizontal .fwd-card-image img {
  width: 256px;
}
.fwd-card-portrait.fwd-card-container.fwd-card-xl.fwd-card-horizontal .fwd-card-image img {
  width: 170.66666667px;
}
@media (min-width: 640px) {
  .fwd-card-container.fwd-card-xl.sm\:fwd-card-horizontal .fwd-card-image {
    height: 256px;
  }
  .fwd-card-container.fwd-card-xl.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 455.11111111px;
  }
  .fwd-card-square.fwd-card-container.fwd-card-xl.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 256px;
  }
  .fwd-card-portrait.fwd-card-container.fwd-card-xl.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 170.66666667px;
  }
}
@media (min-width: 640px) {
  .fwd-card-container.sm\:fwd-card-lg .fwd-card-image {
    height: 192px;
  }
  .fwd-card-container.sm\:fwd-card-lg .fwd-card-image img {
    width: 100%;
  }
  .fwd-card-container.sm\:fwd-card-lg.fwd-card-horizontal .fwd-card-image {
    height: 192px;
  }
  .fwd-card-container.sm\:fwd-card-lg.fwd-card-horizontal .fwd-card-image img {
    width: 341.33333333px;
  }
  .fwd-card-square.fwd-card-container.sm\:fwd-card-lg.fwd-card-horizontal .fwd-card-image img {
    width: 192px;
  }
  .fwd-card-portrait.fwd-card-container.sm\:fwd-card-lg.fwd-card-horizontal .fwd-card-image img {
    width: 128px;
  }
  .fwd-card-container.sm\:fwd-card-horizontal {
    flex-flow: row;
    width: 100%;
  }
}
@media (min-width: 640px) and (min-width: 640px) {
  .fwd-card-container.sm\:fwd-card-lg.sm\:fwd-card-horizontal .fwd-card-image {
    height: 192px;
  }
  .fwd-card-container.sm\:fwd-card-lg.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 341.33333333px;
  }
  .fwd-card-square.fwd-card-container.sm\:fwd-card-lg.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 192px;
  }
  .fwd-card-portrait.fwd-card-container.sm\:fwd-card-lg.sm\:fwd-card-horizontal .fwd-card-image img {
    width: 128px;
  }
}
.jrPage blockquote {
  display: block;
  padding: 1.5em;
  margin: 0;
  position: relative;
  font-size: 1em;
  border-left: 8px solid var(--fwd-color-gray-200);
  color: var(--fwd-color-gray-700);
}
blockquote.jrCommentQuote {
  padding: 1.5em 2.25em;
  border-color: var(--fwd-color-blue-500);
  font-style: italic;
}
blockquote.jrCommentQuote::before {
  content: "\201C";
  /* Unicode for Left Double Quote */
  font-family: Georgia, serif;
  font-size: 3.5em;
  font-weight: 800;
  opacity: 0.2;
  color: var(--fwd-color-blue-500);
  position: absolute;
  left: 12px;
  top: 0;
}
/*************************************
Rating Stars
*************************************/
.jrOverallRatings &gt; * {
  margin-right: 0.75em;
}
.jrOverallRatings &gt; * [class^="jrIcon"]:before {
  color: var(--fwd-color-gray-600);
}
.jrOverallEditor,
.jrOverallUser {
  display: inline-flex;
  align-items: center;
  line-height: 1.25rem;
}
.jrRatingValue {
  color: var(--fwd-color-gray-600);
  margin-left: 4px;
}
.jrRatingValue .rating_count {
  margin-left: 1px;
  color: var(--fwd-color-gray-600);
}
.jrRatingStarsUser div {
  background-position: 0 -16px;
}
.jrRatingsLarge .jrRatingStarsUser div {
  background-position: 0 -24px;
}
.jrRatingStarsEditor div {
  background-position: 0 -32px;
}
.jrRatingsLarge .jrRatingStarsEditor div {
  background-position: 0 -48px;
}
.jrRatingStarsUser,
.jrRatingStarsEditor {
  width: 79px;
}
.jrRatingStarsUser,
.jrRatingStarsEditor,
.jrRatingStarsUser div,
.jrRatingStarsEditor div {
  background-image: url("images/rating_stars.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 15px;
}
.jrRatingsLarge .jrRatingStarsUser,
.jrRatingsLarge .jrRatingStarsEditor,
.jrRatingsLarge .jrRatingStarsUser div,
.jrRatingsLarge .jrRatingStarsEditor div {
  background-image: url("images/rating_stars_lg.png");
  height: 23px;
}
.jrRatingsLarge .jrRatingStarsUser,
.jrRatingsLarge .jrRatingStarsEditor {
  width: 118px;
}
.jrRatingStarsUser.jrRatingsStyle2,
.jrRatingStarsEditor.jrRatingsStyle2,
.jrRatingStarsUser.jrRatingsStyle2 div,
.jrRatingStarsEditor.jrRatingsStyle2 div {
  background-image: url("images/rating_stars_2.png");
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle2,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle2,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle2 div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle2 div {
  background-image: url("images/rating_stars_2_lg.png");
}
.jrRatingStarsUser.jrRatingsStyle3,
.jrRatingStarsEditor.jrRatingsStyle3,
.jrRatingStarsUser.jrRatingsStyle3 div,
.jrRatingStarsEditor.jrRatingsStyle3 div {
  background-image: url("images/rating_bars.png");
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle3,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle3,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle3 div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle3 div {
  background-image: url("images/rating_bars_lg.png");
}
.jrRatingStarsUser.jrRatingsGreen div,
.jrRatingStarsEditor.jrRatingsGreen div {
  background-position: 0 -16px;
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsGreen div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsGreen div {
  background-position: 0 -24px;
}
.jrRatingStarsUser.jrRatingsOrange div,
.jrRatingStarsEditor.jrRatingsOrange div {
  background-position: 0 -32px;
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsOrange div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsOrange div {
  background-position: 0 -48px;
}
.jrRatingStarsUser.jrRatingsRed div,
.jrRatingStarsEditor.jrRatingsRed div {
  background-position: 0 -48px;
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsRed div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsRed div {
  background-position: 0 -72px;
}
.jrRatingStarsUser.jrRatingsBlue div,
.jrRatingStarsEditor.jrRatingsBlue div {
  background-position: 0 -64px;
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsBlue div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsBlue div {
  background-position: 0 -96px;
}
.jrRatingBarsUser,
.jrRatingBarsEditor {
  width: 79px;
  background: #dedede;
}
.jrRatingBarsUser.jrRatingsGreen div,
.jrRatingBarsEditor.jrRatingsGreen div {
  background: #a3cf68;
}
.jrRatingBarsUser.jrRatingsOrange div,
.jrRatingBarsEditor.jrRatingsOrange div {
  background: #fecf4b;
}
.jrRatingBarsUser.jrRatingsRed div,
.jrRatingBarsEditor.jrRatingsRed div {
  background: #fc0100;
}
.jrRatingBarsUser.jrRatingsBlue div,
.jrRatingBarsEditor.jrRatingsBlue div {
  background: #3387da;
}
/*************************************
Detailed Ratings
*************************************/
.jrRatingInfo {
  float: right;
  border: 0;
  margin: 0 0 10px 10px;
  background: none;
  line-height: 1.2em;
}
/******************************
Rating stars
*******************************/
.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.ui-stars-cancel-placeholder {
  float: left;
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.ui-stars-cancel {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background: var(--fwd-color-gray-200);
  color: #fff;
  border: 0;
  margin: 7px 5px 0 0;
}
.jrRatingStars [data-selector="stars"] .ui-stars-cancel {
  margin-top: 0px;
}
.ui-stars-cancel a {
  width: 12px;
  height: 4px;
  background: var(--fwd-color-white) !important;
  /* border-radius: 50%; */
  padding: 0 !important;
  margin: 9px auto;
  vertical-align: middle;
  display: block;
}
.ui-stars-star a,
.ui-stars-star.style1 a {
  background: url("images/rating_stars_lg.png") no-repeat;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  display: block;
}
.ui-stars-star.style2 a {
  background-image: url("images/rating_stars_2_lg.png") no-repeat;
}
.ui-stars-star.ui-stars-star-on.green a,
.ui-stars-star.ui-stars-star-hover.green a {
  background-position: 0 -24px;
}
.ui-stars-star.ui-stars-star-on a,
.ui-stars-star.ui-stars-star-hover a,
.ui-stars-star.ui-stars-star-on.orange a,
.ui-stars-star.ui-stars-star-hover.orange a {
  background-position: 0 -48px;
}
.ui-stars-star.ui-stars-star-on.red a,
.ui-stars-star.ui-stars-star-hover.red a {
  background-position: 0 -72px;
}
.ui-stars-star.ui-stars-star-on.blue a,
.ui-stars-star.ui-stars-star-hover.blue a {
  background-position: 0 -96px;
}
.ui-stars-cancel.ui-stars-star-on,
.ui-stars-cancel.ui-stars-star-hover {
  background: var(--fwd-color-red-500);
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}
/*************************************
Tooltip/Popup
*************************************/
.jrPopup {
  display: none;
  position: absolute;
  z-index: 2500;
  width: 180px !important;
  padding: 10px 15px;
  color: var(--fwd-color-white);
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  white-space: normal;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  background: var(--fwd-color-gray-900);
  border: 1px solid var(--fwd-color-gray-900);
  border-radius: 4px;
}
.jrPopup:after,
.jrPopup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.jrPopup:before {
  border-top-color: var(--fwd-color-gray-900);
  border-width: 13px;
  left: 50%;
  margin-left: -13px;
}
.jrPopup.square:after,
.jrPopup.square:before {
  display: none;
}
.jrPopup h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 6px 0;
}
.jrPopup h3:first-child {
  margin: 0 0 6px 0;
}
.jrPopup a {
  color: var(--fwd-color-white) !important;
  text-decoration: underline !important;
}
.jrPopup a:hover {
  color: var(--fwd-color-gray-600) !important;
}
.jrPopup [class^="jrIcon"]:before {
  color: var(--fwd-color-white);
}
.jrPopup.jrPopupAuto {
  width: auto !important;
}
.jrPopup.jrPopupMedium {
  width: 225px !important;
}
.jrPopup.jrPopupLarge {
  width: 250px !important;
}
.jrPopup.jrPopupLight {
  color: var(--fwd-color-black);
  border: 1px solid var(--fwd-color-gray-100);
  background: var(--fwd-color-gray-100);
}
.jrPopup.jrPopupLight:before {
  border-top-color: var(--fwd-color-gray-100);
  border-width: 13px;
  margin-left: -13px;
}
.jrPopup.jrPopupLight a {
  color: var(--fwd-color-black) !important;
}
.jrPopup.jrPopupLight a:hover {
  color: var(--fwd-color-black) !important;
}
/*************************************
Messages
*************************************/
.jrWarning,
.jrSuccess,
.jrError,
.jrInfo {
  border-width: 0;
  border-style: solid;
  border-left-width: 4px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.jrWarning a,
.jrSuccess a,
.jrError a,
.jrInfo a,
.jrWarning a:link,
.jrSuccess a:link,
.jrError a:link,
.jrInfo a:link,
.jrWarning a:hover,
.jrSuccess a:hover,
.jrError a:hover,
.jrInfo a:hover {
  color: inherit !important;
}
.jrWarning {
  background-color: var(--fwd-color-orange-100);
  border-color: var(--fwd-color-orange-500);
  color: var(--fwd-color-orange-900);
}
.jrSuccess {
  background-color: var(--fwd-color-green-100);
  border-color: var(--fwd-color-green-500);
  color: var(--fwd-color-green-900);
}
.jrError {
  background-color: var(--fwd-color-red-100);
  border-color: var(--fwd-color-red-500);
  color: var(--fwd-color-red-900);
}
.jrInfo {
  background-color: var(--fwd-color-blue-100) !important;
  border-color: var(--fwd-color-blue-500) !important;
  color: var(--fwd-color-blue-900) !important;
}
.jrWarning ul,
.jrSuccess ul,
.jrError ul,
.jrInfo ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.fwd-skeleton {
  position: relative;
  overflow: hidden;
}
.fwd-skeleton::before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  -webkit-animation: skeleton 1.5s infinite;
  animation: skeleton 1.5s infinite;
}
@-webkit-keyframes skeleton {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes skeleton {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/*************************************
Dropdowns
*************************************/
.jrDropdown {
  cursor: pointer;
  position: relative;
  display: inline-flex !important;
}
.jrDropdown a,
.jrDropdown a:link,
.jrDropdown a:visited {
  display: block;
  padding: 0 4px 0 12px;
  clear: both;
  font-weight: normal;
  color: var(--fwd-color-gray-900);
  white-space: nowrap;
  text-align: left;
}
.jrDropdown a,
.jrDropdown a:link,
.jrDropdown a:visited,
.jrDropdown a:hover,
.jrDropdown a:link:hover,
.jrDropdown a:visited:hover {
  text-decoration: none;
}
.jrDropdown a:hover,
.jrDropdown a:link:hover,
.jrDropdown a:visited:hover {
  color: var(--fwd-color-black);
}
.jrDropdown .jrDropdownMenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  float: left;
  display: none;
  min-width: 140px;
  max-width: 220px;
  margin: 0 !important;
  line-height: 2;
  list-style: none !important;
  background-color: var(--fwd-color-white);
  border-radius: 4px;
  background-clip: padding-box;
  border-radius: 0.125rem !important;
  padding: 0.5rem !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.jrDropdown .jrDropdownMenu.jrShiftPosition {
  right: 0;
  left: unset;
}
.jrDropdown .jrDropdownMenu li {
  font-size: 0.875rem !important;
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
  margin: 0;
  background: none;
}
.jrDropdown .jrDropdownMenu li:hover {
  background-color: var(--fwd-color-gray-100) !important;
}
.jrDropdown .jrDropdownMenu .jrDivider {
  height: 1px !important;
  margin: 4px 0;
  overflow: hidden;
  border-bottom: 1px solid var(--fwd-color-gray-200);
  display: block;
}
.jrDropdown:not([data-jr-drowpdown="click"]):hover .jrDropdownMenu {
  display: block;
}
.jrDropdown.jrSmall .jrDropdownMenu {
  min-width: 120px;
  max-width: 180px;
}
.jrDropdown.jrSmall .jrDropdownMenu li {
  padding: 2px 0;
  height: 2.2em;
}
/* Manage Dropdown */
.jrDropdown.jrManage .jrManageText {
  display: none;
}
/*************************************
Headings
*************************************/
/* Page title */
h1.contentheading,
.contentheading {
  margin-bottom: 10px;
  border: 0;
}
.jrPage h1,
.jrPage h2,
.jrPage h3 {
  float: none;
}
.jrListingStatus {
  color: var(--fwd-color-gray-600);
}
.jrListingStatus [class^="jrIcon"]:before {
  color: var(--fwd-color-gray-600);
}
/* Status Indicators (new, hot, featured) */
.jrStatusIndicators {
  margin: 0;
  padding: 0;
  position: relative;
  top: -3px;
  white-space: nowrap;
}
/* Page separators */
.jrHeading {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.25em;
  text-transform: uppercase;
  padding: 0.4em 0;
  margin: 1em 0 0.5em;
  color: var(--fwd-color-gray-900);
  background: none;
  border-bottom: 1px solid var(--fwd-color-gray-200);
}
.jrHeading [class^=jrIcon] {
  width: 1em;
  height: 0.9em;
}
.jrHeading [class^=jrIcon]:before {
  font-size: 0.9em;
}
.jrTabs .jrHeading:first-of-type {
  margin-top: 0!important;
}
/*************************************
Panels
*************************************/
.jrRoundedPanel,
.jrRoundedPanelLt {
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid var(--fwd-color-gray-200);
  background: none;
}
/*************************************
Data Table
*************************************/
.jrDataTable {
  border: 1px solid var(--fwd-color-gray-200) !important;
  margin-bottom: 15px;
}
.jrDataTable th {
  padding: 6px;
  background-color: var(--fwd-color-gray-100);
  border-bottom: 1px solid var(--fwd-color-gray-200);
  color: var(--fwd-color-gray-900);
  font-weight: bold;
  text-align: left;
}
.jrDataTable td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
.jrDataTable tr:nth-child(odd) {
  background: var(--fwd-color-gray-100);
}
/*************************************
Data List
*************************************/
.jrDataList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jrDataList &gt; * {
  padding: 1em;
  margin: 0 !important;
  text-align: left;
}
.jrDataList &gt; .jrDataListHeader {
  padding: 5px;
  font-weight: bold;
  background: none;
  color: var(--fwd-color-gray-700);
}
ul.jrDataList {
  list-style: none;
  background: none;
  margin: 0 !important;
}
ul.jrDataList li {
  margin: 0 !important;
  padding: 6px !important;
  color: var(--fwd-color-gray-600);
  border-bottom: 1px solid var(--fwd-color-gray-100);
}
ul.jrDataList li:last-child {
  border: 0;
}
.jrDataList &gt; .jrGrid,
.jrDataList &gt; .jrPost {
  border-bottom: 1px solid var(--fwd-color-gray-100);
}
.jrDataList &gt; .jrGrid:not(.jrDataListHeader):hover,
ul.jrDataList li:not(.jrDataListHeader):hover {
  background-color: var(--fwd-color-gray-200);
}
/*************************************
Fluid Grid System
*************************************/
.jrGrid {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jrGrid:before,
.jrGrid:after {
  display: table;
  content: "";
  line-height: 0;
}
.jrGrid:after {
  clear: both;
}
.jrGrid &gt; [class*="jrCol"] {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12765957%;
}
.jrGrid &gt; [class*="jrCol"]:first-child {
  margin-left: 0;
}
.jrGrid &gt; .jrCol12 {
  width: 100%;
}
.jrGrid &gt; .jrCol11 {
  width: 91.4893617%;
}
.jrGrid &gt; .jrCol10 {
  width: 82.9787234%;
}
.jrGrid &gt; .jrCol9 {
  width: 74.46808511%;
}
.jrGrid &gt; .jrCol8 {
  width: 65.95744681%;
}
.jrGrid &gt; .jrCol7 {
  width: 57.44680851%;
}
.jrGrid &gt; .jrCol6 {
  width: 48.93617021%;
}
.jrGrid &gt; .jrCol5 {
  width: 40.42553191%;
}
.jrGrid &gt; .jrCol4 {
  width: 31.91489362%;
}
.jrGrid &gt; .jrCol3 {
  width: 23.40425532%;
}
.jrGrid &gt; .jrCol2 {
  width: 14.89361702%;
}
.jrGrid &gt; .jrCol1 {
  width: 6.38297872%;
}
@media (max-width: 480px) {
  .jrGrid &gt; [class*="jrCol"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.jrGrid24 {
  width: 100%;
}
.jrGrid24:before,
.jrGrid24:after {
  display: table;
  content: "";
  line-height: 0;
}
.jrGrid24:after {
  clear: both;
}
.jrGrid24 &gt; [class*="jrCol"] {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0.84033613%;
}
.jrGrid24 &gt; [class*="jrCol"]:first-child {
  margin-left: 0;
}
.jrGrid24 &gt; .jrCol1 {
  width: 3.36134454%;
}
.jrGrid24 &gt; .jrCol2 {
  width: 7.56302521%;
}
.jrGrid24 &gt; .jrCol3 {
  width: 11.76470588%;
}
.jrGrid24 &gt; .jrCol4 {
  width: 15.96638655%;
}
.jrGrid24 &gt; .jrCol5 {
  width: 20.16806723%;
}
.jrGrid24 &gt; .jrCol6 {
  width: 24.3697479%;
}
.jrGrid24 &gt; .jrCol7 {
  width: 28.57142857%;
}
.jrGrid24 &gt; .jrCol8 {
  width: 32.77310924%;
}
.jrGrid24 &gt; .jrCol9 {
  width: 36.97478992%;
}
.jrGrid24 &gt; .jrCol10 {
  width: 41.17647059%;
}
.jrGrid24 &gt; .jrCol11 {
  width: 45.37815126%;
}
.jrGrid24 &gt; .jrCol12 {
  width: 49.57983193%;
}
.jrGrid24 &gt; .jrCol13 {
  width: 53.78151261%;
}
.jrGrid24 &gt; .jrCol14 {
  width: 57.98319328%;
}
.jrGrid24 &gt; .jrCol15 {
  width: 62.18487395%;
}
.jrGrid24 &gt; .jrCol16 {
  width: 66.38655462%;
}
.jrGrid24 &gt; .jrCol17 {
  width: 70.58823529%;
}
.jrGrid24 &gt; .jrCol18 {
  width: 74.78991597%;
}
.jrGrid24 &gt; .jrCol19 {
  width: 78.99159664%;
}
.jrGrid24 &gt; .jrCol20 {
  width: 83.19327731%;
}
.jrGrid24 &gt; .jrCol21 {
  width: 87.39495798%;
}
.jrGrid24 &gt; .jrCol22 {
  width: 91.59663866%;
}
.jrGrid24 &gt; .jrCol23 {
  width: 95.79831933%;
}
.jrGrid24 &gt; .jrCol24 {
  width: 100%;
}
/*************************************
Table Grid
*************************************/
.jrTableGrid {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}
.jrTableGrid .jrRow {
  display: table-row;
  border-bottom: 1px solid var(--fwd-color-gray-200);
}
.jrTableGrid [class*="jrCol"] {
  display: table-cell;
  vertical-align: top;
}
.jrTableGrid.jrDataList [class*="jrCol"] {
  padding: 16px 8px 16px;
}
.jrTableGrid .jrCol1 {
  width: 8.333333%;
}
.jrTableGrid .jrCol2 {
  width: 16.666667%;
}
.jrTableGrid .jrCol3 {
  width: 25%;
}
.jrTableGrid .jrCol4 {
  width: 33.333333%;
}
.jrTableGrid .jrCol5 {
  width: 41.666667%;
}
.jrTableGrid .jrCol6 {
  width: 50%;
}
.jrTableGrid .jrCol7 {
  width: 58.333333%;
}
.jrTableGrid .jrCol8 {
  width: 66.666667%;
}
.jrTableGrid .jrCol9 {
  width: 75%;
}
.jrTableGrid .jrCol10 {
  width: 83.333333%;
}
.jrTableGrid .jrCol11 {
  width: 91.666667%;
}
.jrTableGrid .jrCol12 {
  width: 100%;
}
/*************************************
List Columns
*************************************/
[class*="jrListColumn"]:before,
.jrListColumn:before,
[class*="jrListColumn"]:after,
.jrListColumn:after {
  content: " ";
  display: table;
}
[class*="jrListColumn"]:after,
.jrListColumn:after {
  clear: both;
}
[class*="jrListColumn"] .jrListItem,
.jrListColumn4 .jrListItem {
  float: left;
  text-align: center;
  margin: 0 1.42857143% 16px 0;
}
.jrListColumn .jrListItem {
  width: 23.64285714%;
}
.jrListColumn8 .jrListItem {
  width: 10.96428571%;
}
.jrListColumn7 .jrListItem {
  width: 12.7755102%;
}
.jrListColumn6 .jrListItem {
  width: 15.19047619%;
}
.jrListColumn5 .jrListItem {
  width: 18.57142857%;
}
.jrListColumn4 .jrListItem {
  width: 23.64285714%;
}
.jrListColumn3 .jrListItem {
  width: 32.0952381%;
}
.jrListColumn2 .jrListItem {
  width: 48.72857143%;
}
.jrListColumn1 .jrListItem {
  width: 99.71428571%;
}
.jrListColumn .jrListItem:nth-child(4n),
.jrListColumn8 .jrListItem:nth-child(8n),
.jrListColumn7 .jrListItem:nth-child(7n),
.jrListColumn6 .jrListItem:nth-child(6n),
.jrListColumn5 .jrListItem:nth-child(5n),
.jrListColumn4 .jrListItem:nth-child(4n),
.jrListColumn3 .jrListItem:nth-child(3n),
.jrListColumn2 .jrListItem:nth-child(2n),
.jrListColumn1 .jrListItem {
  margin: 0 0 1.42857143% 0;
}
@media (min-width: 768px) and (max-width: 979px) {
  .jrListColumn .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn8 .jrListItem {
    width: 12.7755102%;
  }
  .jrListColumn7 .jrListItem {
    width: 15.19047619%;
  }
  .jrListColumn6 .jrListItem {
    width: 18.57142857%;
  }
  .jrListColumn5 .jrListItem {
    width: 23.64285714%;
  }
  .jrListColumn4 .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn3 .jrListItem {
    width: 48.72857143%;
  }
  .jrListColumn2 .jrListItem {
    width: 99.71428571%;
  }
  .jrListColumn1 .jrListItem {
    width: 99.71428571%;
  }
  .jrListColumn .jrListItem:nth-child(4n),
  .jrListColumn8 .jrListItem:nth-child(8n),
  .jrListColumn7 .jrListItem:nth-child(7n),
  .jrListColumn6 .jrListItem:nth-child(6n),
  .jrListColumn5 .jrListItem:nth-child(5n),
  .jrListColumn4 .jrListItem:nth-child(4n),
  .jrListColumn3 .jrListItem:nth-child(3n),
  .jrListColumn2 .jrListItem:nth-child(2n),
  .jrListColumn1 .jrListItem {
    margin: 0 1.42857143% 1.42857143% 0;
  }
  .jrListColumn .jrListItem:nth-child(3n),
  .jrListColumn8 .jrListItem:nth-child(7n),
  .jrListColumn7 .jrListItem:nth-child(6n),
  .jrListColumn6 .jrListItem:nth-child(5n),
  .jrListColumn5 .jrListItem:nth-child(4n),
  .jrListColumn4 .jrListItem:nth-child(3n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(1n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.42857143% 0;
  }
}
@media (max-width: 767px) {
  .jrListColumn .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn8 .jrListItem {
    width: 12.7755102%;
  }
  .jrListColumn7 .jrListItem {
    width: 15.19047619%;
  }
  .jrListColumn6 .jrListItem {
    width: 18.57142857%;
  }
  .jrListColumn5 .jrListItem {
    width: 23.64285714%;
  }
  .jrListColumn4 .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn3 .jrListItem {
    width: 48.72857143%;
  }
  .jrListColumn2 .jrListItem {
    width: 48.72857143%;
  }
  .jrListColumn1 .jrListItem {
    width: 99.71428571%;
  }
  [class*="jrListColumn"] .jrListItem:nth-child(n),
  .jrListColumn4 .jrListItem:nth-child(n) {
    margin: 0 1.42857143% 1.42857143% 0;
  }
  .jrListColumn .jrListItem:nth-child(3n),
  .jrListColumn8 .jrListItem:nth-child(7n),
  .jrListColumn7 .jrListItem:nth-child(6n),
  .jrListColumn6 .jrListItem:nth-child(5n),
  .jrListColumn5 .jrListItem:nth-child(4n),
  .jrListColumn4 .jrListItem:nth-child(3n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(1n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.42857143% 0;
  }
}
@media (max-width: 480px) {
  .jrListColumn .jrListItem,
  .jrListColumn8 .jrListItem,
  .jrListColumn7 .jrListItem,
  .jrListColumn6 .jrListItem,
  .jrListColumn5 .jrListItem,
  .jrListColumn4 .jrListItem,
  .jrListColumn3 .jrListItem,
  .jrListColumn2 .jrListItem,
  .jrListColumn1 .jrListItem {
    width: 48.72857143%;
  }
  [class*="jrListColumn"] .jrListItem:nth-child(n),
  .jrListColumn4 .jrListItem:nth-child(n) {
    margin: 0 1.42857143% 1.42857143% 0;
  }
  .jrListColumn .jrListItem:nth-child(2n),
  .jrListColumn8 .jrListItem:nth-child(2n),
  .jrListColumn7 .jrListItem:nth-child(2n),
  .jrListColumn6 .jrListItem:nth-child(2n),
  .jrListColumn5 .jrListItem:nth-child(2n),
  .jrListColumn4 .jrListItem:nth-child(2n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(2n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.42857143% 0;
  }
}
/* List item thumbnails */
.jrListItem .jrListItemThumb {
  margin: 8px 0;
}
.jrListItem .jrListItemThumb img {
  max-width: 100%;
}
/* List item content */
.jrListItem .jrListItemContent {
  margin: 0 4px;
}
/*************************************
List Column Styles
*************************************/
.jrShadowBox {
  background: var(--fwd-color-white);
  border-radius: 4px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.jrShadowBox:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
/* Compact shadow box */
.jrCompactBox {
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.jrCompactBox:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.jrCompactBox .jrListItemThumb {
  width: 100%;
  margin: 0 0 8px 0;
}
.jrCompactBox .jrListItemThumb img {
  width: 100%;
}
/*************************************
Icons
*************************************/
@font-face {
  font-family: 'jrIcons';
  src: url('fonts/jrIcons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting icons */
[data-jricon]:before {
  font-family: 'jrIcons';
  font-size: 1em;
  color: var(--fwd-color-gray-800);
  content: attr(data-jricon);
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="jrIcon"] {
  display: inline-block;
  margin-right: 5px;
  white-space: nowrap;
}
[class^="jrIcon"]:before {
  font-family: 'jrIcons';
  font-size: 1em;
  line-height: 1;
  color: var(--fwd-color-gray-800);
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.jrButton [class^="jrIcon"] {
  vertical-align: middle;
}
.jrInfo [class^="jrIcon"] {
  vertical-align: middle;
}
[class^="jrIcon"].jrIconOnly {
  margin: 0;
}
.jrIconListing:before {
  content: "\e000";
}
.jrIconAddListing:before {
  content: "\e001";
}
.jrIconEditListing:before {
  content: "\e002";
}
.jrIconEdit:before,
.jrIconNote:before {
  content: "\e003";
}
.jrIconDelete:before {
  content: "\e004";
}
.jrIconSearch:before {
  content: "\e005";
}
.jrIconManage:before,
.jrIconSync:before {
  content: "\e006";
}
.jrIconCart:before {
  content: "\e007";
}
.jrIconReviews:before {
  content: "\e008";
}
.jrIconAddReview:before {
  content: "\e009";
}
.jrIconComments:before {
  content: "\e00a";
}
.jrIconAddComment:before {
  content: "\e00b";
}
.jrIconThumbUp:before {
  content: "\e00c";
}
.jrIconThumbDown:before {
  content: "\e00d";
}
.jrIconEditor:before {
  content: "\e00e";
}
.jrIconUsers:before {
  content: "\e00f";
}
.jrIconPhoto:before,
.jrIconPhotos:before {
  content: "\e010";
}
.jrIconVideo:before,
.jrIconVideos:before {
  content: "\e011";
}
.jrIconAudio:before {
  content: "\e012";
}
.jrIconAttachment:before,
.jrIconAttachments:before {
  content: "\e013";
}
.jrIconMedia:before {
  content: "\e014";
}
.jrIconAddMedia:before {
  content: "\e015";
}
.jrIconGraph:before {
  position: relative;
  top: 2px;
  content: "\e016";
}
.jrIconRequired:before {
  content: "\e017";
}
.jrIconRemove:before,
.jrIconCancel:before {
  content: "\e018";
}
.jrIconPlus:before,
.jrIconNew:before,
.jrIconCopy:before {
  content: "\e019";
}
.jrIconMinus:before {
  content: "\e01a";
}
.jrIconYes:before,
.jrIconSubmit:before,
.jrIconPublished:before,
.jrIconSave:before,
.jrIconApply:before {
  content: "\e01b";
}
.jrIconNo:before,
.jrIconClose:before,
.jrIconUnpublished:before {
  content: "\e01c";
}
.jrIconWarning:before {
  content: "\e01d";
}
.jrIconBullet:before {
  content: "\e01e";
}
.jrIconCalendar:before {
  content: "\e01f";
}
.jrIconMap:before {
  content: "\e020";
}
.jrIconPin:before {
  content: "\e021";
}
.jrIconCompare:before,
.jrIconThumbs:before {
  content: "\e022";
}
.jrIconFavorite:before {
  content: "\e023";
}
.jrIconUnfavorite:before {
  content: "\e024";
}
.jrIconNotFeatured:before,
.jrIconEmptyStar:before {
  content: "\e025";
}
.jrIconFeatured:before,
.jrIconStar:before {
  content: "\e026";
}
.jrIconArrowLeft:before {
  content: "\e027";
}
.jrIconArrowRight:before {
  content: "\e028";
}
.jrIconArrowDown:before {
  content: "\e029";
}
.jrIconArrowUp:before {
  content: "\e02a";
}
.jrIconLeft:before,
.jrIconPrev:before {
  content: "\e02b";
}
.jrIconRight:before,
.jrIconNext:before {
  content: "\e02c";
}
.jrIconUp:before {
  content: "\e02d";
}
.jrIconDown:before {
  content: "\e02e";
}
.jrIconMessage:before {
  content: "\e02f";
}
.jrIconClaim:before {
  content: "\e030";
}
.jrIconDrag:before {
  content: "\e031";
}
.jrIconSort:before {
  content: "\e032";
}
.jrIconInfo:before {
  content: "\e033";
}
.jrIconFilters:before,
.jrIconList:before {
  content: "\e034";
}
.jrIconCamera:before {
  content: "\e035";
}
.jrIconPreview:before {
  content: "\e036";
}
.jrIconRSSListing:before {
  content: "\e037";
}
.jrIconRSSReview:before {
  content: "\e038";
}
.jrIconPrint:before {
  content: "\e039";
}
.jrIconRefresh:before {
  content: "\e03a";
}
.jrIconResource:before,
.jrIconTable:before {
  content: "\e03b";
}
.jrIconUnbookmark:before {
  content: "\e03c";
}
.jrIconBookmark:before {
  content: "\e03d";
}
.jrIconLocate:before {
  content: "\e03e";
}
.jrIconLocationArrow:before {
  content: "\e03f";
}
.jrIconLock:before,
.jrIconPrivate:before {
  content: "\e040";
}
.jrIconChecked:before {
  content: "\e041";
}
.jrIconExternal:before {
  content: "\e042";
}
.jrIconUnchecked:before {
  content: "\e043";
}
.jrIconBell:before {
  content: "\e044";
}
.jrIconBellSlash:before {
  content: "\e045";
}
.jrIconClock:before {
  content: "\e046";
}
.jrIconEyeSlash:before {
  content: "\e048";
}
.jrIconEye:before {
  content: "\e047";
}
/*******************************
Colored Icons
********************************/
.jrButton .jrIconPublished[class^=jrIcon]:before {
  color: var(--fwd-color-green-800);
}
.jrButton .jrIconUnpublished[class^=jrIcon]:before {
  color: var(--fwd-color-red-800);
}
.jrBlue &gt; [class^="jrIcon"]:before,
.jrGreen &gt; [class^="jrIcon"]:before,
.jrRed &gt; [class^="jrIcon"]:before,
.jrOrange &gt; [class^="jrIcon"]:before,
.jrDark &gt; [class^="jrIcon"]:before {
  color: var(--fwd-color-white);
}
.jrListingCard {
  display: flex;
  border: 0;
  background: var(--fwd-color-blue-800);
  color: var(--fwd-color-white);
  margin-bottom: 20px;
  overflow: hidden;
  margin-left: -15px;
  width: calc(100% + 30px);
}
.jrListingCard .jrCardThumb {
  flex: 0 0 150px;
  max-height: 100px;
  overflow: hidden;
}
.jrListingCard .jrCardThumb img {
  width: 150px;
  height: 100px;
  object-fit: cover;
}
.jrListingCard .jrCardTitle {
  flex: 0 0 auto;
  padding: 10px;
  font-size: 1.2em;
  font-weight: 400;
}
/*************************************
RSS Link
*************************************/
.jrRSS {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.jrRSS .jrFeeds {
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
}
.jrRSS .jrFeeds li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jrRSS .jrFeeds li a {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(images/rss_orange.png) no-repeat;
  border: none;
  padding: 0;
  margin: 0;
}
.jrRSS .jrFeeds li a.jrFeedListings {
  background-position: 0 0;
}
.jrRSS .jrFeeds li a.jrFeedReviews {
  background-position: -20px 0;
}
.jrRSS .jrFeeds img {
  border: 0;
}
/*************************************
Loading image
*************************************/
.jrLoadingSmall,
.jrLoadingMedium {
  background: url(images/spinner-calm.svg);
  filter: brightness(0.5);
  width: 25px;
  height: 25px;
  display: inline-block;
}
.jrLoadingMedium {
  width: 35px;
  height: 35px;
}
/*************************************
Breadcrumbs
*************************************/
.jrPathway {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
  padding-right: 16px;
  padding-left: 0 !important;
  list-style-type: none !important;
}
.jrPathway &gt; li + li:before {
  padding: 0 4px;
  color: var(--fwd-color-gray-500);
  content: "/\00a0";
}
.jrPathway a {
  text-decoration: none;
}
/*************************************
JReviews helper classes
*************************************/
.jrPointer {
  cursor: pointer;
}
.jrHidden {
  display: none;
}
@media (max-width: 767px) {
  .jrHiddenMobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .jrHiddenDesktop {
    display: none;
  }
}
.jrPullLeft {
  text-align: left;
}
.jrPullRight {
  text-align: right;
}
.jrLeft {
  float: left;
}
.jrRight {
  float: right;
}
.jrLeftAlign {
  text-align: left;
}
.jrCenterAlign {
  text-align: center;
}
.jrRightAlign {
  text-align: right;
}
.jrRounded {
  border-radius: 3px;
}
.jrShadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
ul.jrNoStyle,
ul.jrNoStyle &gt; li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.jrHideText {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.jrExternalLink:after {
  content: url(images/external.png);
  display: inline-block;
  margin-left: 3px;
  width: 12px;
  height: 12px;
}
/* Float clearing */
.jrClearfix:before,
.jrClearfix:after {
  display: table;
  content: "";
}
.jrClearfix:after {
  clear: both;
}
.jrClear {
  clear: both;
}
/*************************************
Page Container and shared elements
*************************************/
.jrIsLoading {
  opacity: 0.3;
}
.jrPage {
  text-align: left;
  position: relative;
}
.jrPageHeader .contentheading {
  clear: left;
  margin-bottom: 10px;
}
.jrPageHeader .contentheading a {
  font-size: 14px;
  font-weight: bold;
}
/* Page Description: uses description defined for the category */
.jrPageDescription {
  width: 100%;
  margin: 32px 0 16px;
}
.jrPageDescription img {
  float: left;
  margin: 0 10px 10px 0;
  border: 0;
  max-width: 100%;
}
/* "List Scope": Container for categories or alphabet controls - filters/scopes list */
.jrListScope {
  margin: 0 0 20px 0;
  text-align: center;
}
.jrListScope h2 {
  /* Used for "categories in section" title */
  margin: 0 0 10px 0;
  font-weight: bold;
}
/* Search controls */
.jrListSearch {
  text-align: center !important;
  margin: 0;
}
/* List Sorting controls */
.jrOrdering {
  line-height: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.jrOrdering select,
.jrOrdering select[size] {
  margin-left: 10px;
  max-width: 140px;
}
.jrMediaFilter &gt; span,
.jrMediaSort &gt; span {
  display: none;
}
/* Captcha */
.jrCaptcha {
  margin: 10px 0;
  overflow: hidden;
}
/*************************************
Common content elements - used throughout JReviews
*************************************/
.jrPage .jrListingThumbnail {
  clear: both;
  text-align: center;
}
.jrPage .jrListingThumbnail img {
  max-width: 100%;
  border: 0;
  border-radius: 3px;
}
.jrPage .jrListingTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.jrPage .jrListingTitle a {
  font-size: 14px;
  font-weight: bold;
}
ul.jrSearchTags {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
}
ul.jrSearchTags li {
  list-style: none;
  float: none;
  width: auto;
  display: inline-block;
  margin-left: 10px;
}
ul.jrSearchTags li a {
  display: inline-block;
  padding: 4px 12px;
  color: var(--fwd-color-black);
  background: var(--fwd-color-gray-300);
  border-radius: 12px;
  font-weight: 400;
  border: 1px solid var(--fwd-color-gray-300);
}
ul.jrSearchTags li a span {
  font-size: 1em;
  padding: 0;
  margin-left: 0.75em;
  margin-right: 0;
}
ul.jrSearchTags li a span:before {
  font-size: 13px;
}
ul.jrSearchTags li a:hover {
  text-decoration: none;
  background: var(--fwd-color-gray-400);
}
/*************************************
Listings
*************************************/
.jrListingAuthor,
.jrListingDate {
  margin-right: 0.5rem;
}
.jrListingAuthor:empty,
.jrListingDate:empty {
  display: none;
}
/* Compare Checkbox Button */
.jrPage .jrCompareButton input[type=checkbox] {
  width: 12px !important;
  height: 12px !important;
}
.jrCompareButton .comparisonMessageMax {
  left: -65px;
  top: -75px;
}
/* Custom Module Positions */
.jrCustomModule {
  margin: 10px 0;
}
.jrMapColumn .jrCustomModule {
  width: 300px;
}
/* Show more link */
.jrHideLink {
  display: block;
  margin: 10px 0;
}
.jrShowLink {
  margin-left: 5px;
  display: inline-block;
}
.jrShowMoreDiv {
  margin-bottom: 10px;
}
/* Status colors */
.jrUnpublished,
.jrUnapproved.jrUnpublished {
  background: var(--fwd-color-red-100) !important;
}
/*************************************
Media Elements
*************************************/
.jr-encoding-progress {
  display: inline-block;
  padding: 40px;
}
/* Media edit dialog */
.jrMediaEditForm .jrMediaPhoto {
  max-width: 100%;
  max-height: 300px;
  width: auto;
  height: auto;
}
.jrMediaEditForm .jrLeft + .jrFieldDiv {
  padding: 0;
  display: inline-block;
}
/* Media List page */
.jrMediaList .jrListItem {
  height: 262px;
}
.jrMediaList .jrMediaThumb {
  margin: 0 0 1em;
  width: auto;
  height: 148px;
  position: relative;
}
.jrMediaList .jrMediaThumb img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.jrMediaList .jrMediaInfo {
  margin: 10px 5px 0 5px;
  line-height: 1.4;
}
.jrMediaList .jrMediaInfo .jrMediaListingTitle,
.jrMediaList .jrMediaInfo .jrMediaFrom,
.jrMediaList .jrMediaInfo .jrMediaCreated,
.jrMediaList .jrMediaInfo .jrMediaViews {
  font-size: 1em;
}
.jrMediaList .jrMediaInfo .jrMediaTitle {
  height: 32px;
  overflow: hidden;
}
.jrMediaList .jrMediaInfo .jrMediaListingTitle {
  overflow: hidden;
}
.jrMediaList .jrMediaTypePhoto .jrMediaThumb:before,
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:before,
.jrMediaList .jrMediaTypeAudio .jrMediaThumb:before,
.jrMediaList .jrMediaTypeAttachment .jrMediaThumb:before {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background-image: url("images/icons_overlay.png");
  background-repeat: no-repeat;
  content: "";
}
.jrMediaList .jrMediaTypePhoto .jrMediaThumb:before {
  background-position: 0 0;
}
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:before {
  background-position: -18px 0;
}
.jrMediaList .jrMediaTypeAudio .jrMediaThumb:before {
  background-position: -36px 0;
}
.jrMediaList .jrMediaTypeAttachment .jrMediaThumb:before {
  background-position: -52px 0;
}
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:after,
.jrModuleSlider .jrVideoList .jrMediaThumb:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  padding: 4px 6px;
  content: attr(data-duration);
}
/* Media Sorting Page */
.jrMediaForm .jrIconStar:before,
.jrMediaSort .jrIconStar:before {
  color: #f31818;
}
.jrUploadProgressBar.ui-progressbar {
  height: 15px;
}
.jrUploadProgressBar.ui-progressbar &gt; div {
  height: 15px;
}
/* Video Gallery */
.jrVideoGallery {
  margin-bottom: 20px;
  clear: both;
}
.jrVideoGallery video {
  max-width: 100%;
}
.jrVideoGallery .jrVideo {
  margin-bottom: 20px;
}
.jrVideoGallery.jrVideoLightbox {
  margin: 0;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 13px;
}
.jrVideoGallery.jrVideoLightbox .jrVideoInfo {
  margin: 0 10px;
}
.jrVideoGallery.jrVideoLightbox .jrMediaActions {
  margin: 10px;
  width: 100%;
}
.jrVideoGallery.jrVideoLightbox .jrMediaActions .jrReport {
  margin-right: 10px;
}
.jrVideoGallery .jrVideoInfo {
  margin: 10px 0;
}
.jrVideoGallery .jrMediaActions {
  margin: 10px 0;
  overflow: hidden;
}
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike .jrVoteYes,
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike .jrVoteNo {
  margin-left: 0;
  margin-right: 10px;
}
.jrVideoGallery .jrMediaTitle {
  font-weight: bold;
  margin: 5px 0;
}
.jrVideoGallery .jrMediaDescription {
  max-height: 200px;
  overflow: auto;
}
/* Video List */
.jrVideoGallery .jrMediaFilter {
  margin-bottom: 10px;
  overflow: hidden;
}
.jrVideoGallery .jrMediaFilter .jrMediaOrder {
  display: block;
  float: right;
}
/* Photo Gallery */
.jrPhotoGallery {
  width: 100%;
  max-width: 800px;
  margin: 10px auto;
}
.jrPhotoGallery .jrMediaFilter {
  margin-bottom: 10px;
}
.jrPhotoGallery .jrMediaFilter .jrMediaOrder {
  display: block;
  float: right;
}
.jrPhotoSlideShow {
  overflow: hidden;
}
.jrPhotoSlideShow li {
  display: inline;
  list-style-image: none;
}
.jrTabs .jrPhotoSlideShow {
  margin: 10px 0;
}
.jrPhotoSlideShow .jrPhotoInfo,
.jrPhotoSlideShow .jrPhotoCaption {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
.jrPhotoSlideShow .galleria-info {
  display: none !important;
}
.jrPhotoSlideShow .jrPhotoInfo {
  bottom: 0;
  padding-bottom: 25px;
}
.jrPhotoSlideShow .jrPhotoCaption {
  top: 0;
}
.jrPhotoSlideShow.jrPhotoOverlay:hover .jrPhotoInfo,
.jrPhotoSlideShow.jrPhotoOverlay:hover .jrPhotoCaption {
  display: block;
}
.jrPhotoSlideShow .jrPhotoInfo a {
  color: #eee;
  text-decoration: underline;
}
.jrPhotoSlideShow .jrMediaActions {
  margin: 5px 5px 10px 0;
}
.jrPhotoSlideShow .jrMediaActions .jrButton {
  margin: 5px 0 0 0;
}
.jrPhotoSlideShow .jrIconGraph:before {
  color: #fff;
}
.jrPhotoGallery .jrMediaDescription {
  margin-bottom: 10px;
}
.jrPhotoGallery .jrPhotoCaption {
  margin: 5px 0 15px 0;
  font-weight: bold;
}
.jrPhotoGallery .jrMediaActions {
  margin: 10px 0;
  overflow: hidden;
}
.jrPhotoGallery .jrMediaActions .jrReport {
  margin-left: 5px;
}
/* Compact Photo Gallery */
.jrPhotoGalleryCompact {
  float: right;
  clear: right;
  margin: 0 0 20px 10px;
}
.jrPhotoGallery.jrPhotoGalleryCompact {
  width: 350px;
  height: 330px;
  margin: 0;
}
.jrPhotoGalleryCompact .jrMediaDescription {
  display: none;
}
.jrPhotoGalleryCompact .jrPhotoInfo {
  padding: 5px 10px;
}
.jrPhotoGalleryCompact .jrPhotoInfo .jrMediaActions {
  margin: 5px 0;
}
.jrPhotoGalleryCompact.jrMediaLeft {
  float: left;
  clear: left;
  margin: 0 10px 20px 0;
}
/*************************************
COMPAREVIEW - listing comparison page
*************************************/
.jrCompareview {
  overflow: hidden;
}
.jrCompareview .jrCompareHeader {
  float: left;
  width: 22%;
  text-align: left;
}
.jrCompareview .jrCompareSlider,
.jrCompareview .jrCompareSliderSecondary {
  float: left;
  width: 78%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.jrCompareview .jrCompareSlider.jrSliderDisabled,
.jrCompareview .jrCompareSliderSecondary.jrSliderDisabled {
  overflow-x: hidden;
  overflow-y: hidden;
}
.jrCompareview .jrCompareSliderItems {
  position: relative;
}
.jrCompareview .jrCompareSliderItem {
  float: left;
  text-align: center;
  position: relative;
}
.jrCompareview .jrCompareField {
  background: var(--fwd-color-white);
  min-height: 1.25em;
  line-height: 1.25em;
  padding: 0.75em 0.75em;
  box-sizing: content-box;
}
.jrCompareview .jrCompareField.alt {
  background: var(--fwd-color-gray-100);
}
.jrCompareview .jrCompareField img {
  border: 0;
  border-radius: 2px;
}
.jrCompareview .itemUserRating.jrCompareField,
.jrCompareview .itemEditorRating.jrCompareField {
  height: 20px;
}
.jrCompareview .jrCompareHeader .jrCompareField {
  background: var(--fwd-color-white);
  padding-left: 15px;
  font-weight: 600;
}
.jrCompareview .jrCompareHeader .jrCompareField.alt {
  background: var(--fwd-color-gray-100);
  padding-left: 15px;
  font-weight: 600;
}
.jrCompareview .jrFieldGroup.jrCompareField {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 800;
  background: none;
  color: var(--fwd-color-gray-700);
  border-bottom: 3px solid var(--fwd-color-gray-200);
  padding: 1.5em 0 0.75em;
}
.jrCompareview .itemTitle.jrCompareField {
  background: var(--fwd-color-white);
  margin-top: 5px;
}
.jrCompareview .itemThumbnail.jrCompareField {
  background: var(--fwd-color-white);
  min-height: 100px;
  overflow: hidden;
}
.jrCompareview .itemSummary.jrCompareField {
  background: var(--fwd-color-white);
}
.jrCompareview .jrRatingStarsUser,
.jrCompareview .jrRatingStarsEditor {
  margin: 3px 5px;
  display: inline-block;
  vertical-align: middle;
}
.jrCompareview ul.jrFieldValueList li {
  float: none;
}
.jrCompareview ul.jrFieldValueList li:after {
  content: '';
}
.jrCompareview .jrScrollbarArea {
  height: 22px;
  padding: 0 0 10px 0;
}
.jrCompareview ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.jrCompareview ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}
/**************************
Comparison Dashboard
***************************/
.jrCompareDashboard {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2000;
  background: var(--fwd-color-gray-100);
  font-size: 13px;
  text-align: left;
  border: 0;
  margin: 0;
  padding: 0;
  box-shadow: 0px 0px 9px var(--fwd-color-gray-300);
}
.jrCompareDashboard .jrCompareHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 42px;
  overflow: hidden;
  background: var(--fwd-color-gray-200);
  border: 0;
  z-index: 1;
}
.jrCompareDashboard .jrCompareArrow {
  position: absolute;
  top: 12px;
  right: 16px;
  z-index: 2;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 12px solid #555;
}
.jrCompareDashboard .jrCompareArrow.down {
  border-bottom: 0;
  border-top: 12px solid #555;
}
.jrCompareDashboard .jrCompareTitle {
  color: var(--fwd-color-gray-800);
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 42px;
  margin-left: 16px;
}
.jrCompareDashboard .jrCompareTabs {
  position: relative;
  padding: 0;
  z-index: 2;
  background: none;
  border: 0!important;
}
.jrCompareDashboard .jrCompareTabs .jrTabsContainer {
  display: none;
  min-height: 75px;
  margin: 0 16px;
}
.jrCompareDashboard .jrCompareTabs ul.jrCompareTabsNav.ui-tabs-nav {
  position: relative;
  top: 0px;
  right: -96px;
  max-width: calc(100% - 146px);
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  float: none;
  list-style: none;
  overflow-x: auto;
}
.jrCompareDashboard .jrCompareTabs ul.jrCompareTabsNav.ui-tabs-nav li {
  font-size: 13px;
  height: 42px;
  line-height: 42px;
  top: 2px;
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
  background: var(--fwd-color-gray-200);
  white-space: nowrap;
  outline: 0;
}
.jrCompareDashboard .jrCompareTabs ul.jrCompareTabsNav.ui-tabs-nav li a {
  color: var(--fwd-color-gray-900);
  outline: none;
  background: transparent;
  padding: 0 1em;
  text-decoration: none;
  font-weight: normal;
}
.jrCompareDashboard .jrCompareTabs ul.jrCompareTabsNav.ui-tabs-nav li.ui-tabs-active {
  margin: 0 5px 0 0;
  border: 0;
  background: var(--fwd-color-gray-100);
}
.jrCompareDashboard .jrCompareTabs ul.jrCompareTabsNav.ui-tabs-nav li.ui-tabs-active a {
  font-weight: 600;
}
.jrCompareDashboard .jrCompareTabs .ui-tabs-panel {
  padding: 0 0 16px 0;
}
.jrCompareDashboard .jrCompareTabs ul.jrCompareList {
  margin: 0;
  padding: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 42px;
}
.jrCompareDashboard .jrCompareTabs ul.jrCompareList li {
  background: var(--fwd-color-white);
  position: relative;
  width: 256px;
  min-width: 256px;
  max-width: 256px;
}
.jrCompareDashboard .jrCompareTabs ul.jrCompareList .jr-compare-content a,
.jrCompareDashboard .jrCompareTabs ul.jrCompareList .jr-compare-content a:hover .jr-compare-content a:visited {
  text-decoration: none;
  color: var(--fwd-color-gray-900);
  font-size: 13px;
}
.jrCompareDashboard .jrCompareTabs .jrCompareRemove {
  position: absolute;
  font-size: 0;
  top: -2px;
  right: 2px;
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.jrCompareDashboard .jrCompareTabs .jrCompareRemove:before {
  font-size: 16px;
}
.jrCompareDashboard .jrCompareTabs .compareItemTitle {
  display: block;
  text-align: left;
  line-height: 22px;
  font-size: 13px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jrCompareDashboard .jrCompareTabs .compareItemTitle a {
  color: var(--fwd-color-black) !important;
  font-size: 12px;
  line-height: 1.2em;
}
.jrCompareDashboard p.comparisonMessage {
  position: absolute;
  top: -65px;
  right: 0;
}
.jrCompareDashboard p.comparisonMessageMax {
  position: absolute;
  top: -20px;
  left: 100px;
  white-space: normal;
}
/*************************************
Pagination
*************************************/
.jrPagination {
  width: 100%;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 10px;
  border: 0;
}
.jrPagination.jrTableGrid &gt; div {
  vertical-align: middle;
}
.jrPaginationTop {
  margin-bottom: 20px;
}
.jrPaginationBottom {
  margin-top: 20px;
  margin-bottom: 0;
}
.jrPagenavResults {
  text-align: left;
}
.jrPagenavPages {
  text-align: center;
  white-space: nowrap;
}
.jrPagenavPages .jrButton {
  text-align: center;
}
.jrPagePrev.jrButton,
.jrPageNext.jrButton,
.jr-pagenav-prev.jrButton.jrDisabled,
.jr-pagenav-next.jrButton.jrDisabled {
  display: none;
}
.jrPagination .jrPageCurrent {
  cursor: default;
  background: var(--fwd-color-gray-700);
  color: var(--fwd-color-gray-200);
  border-color: var(--fwd-color-gray-700);
}
.jr-pagenav-page.jrButton:hover {
  text-decoration: underline;
}
/*************************************
User info
*************************************/
/* Avatars */
.jrAvatar {
  width: 55px;
  height: 55px;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  border-radius: 9999px;
  vertical-align: middle;
  font-size: 15px;
}
.jrHeaderAvatar .jrAvatar {
  width: auto;
  height: auto;
}
.jrAvatar.jrXSmall {
  width: 24px;
  height: 24px;
  font-size: 10px;
}
.jrAvatar.jrSmall {
  width: 48px;
  height: 48px;
  font-size: 12px;
}
.jrAvatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jrUserInfo .jrAvatar {
  margin-bottom: 5px;
}
.jrModuleSlider .bx-wrapper img.jrAvatar {
  display: inline;
}
.jrModuleItems .jrAvatar,
.jrPopup .jrAvatar {
  margin: 0 3px 0 0;
  float: none;
  width: 20px;
  height: 20px;
}
.jrListings .jrAvatar,
.jrListingDetail .jrListingAuthor .jrAvatar,
.jrDiscussion .jrListing .jrAvatar {
  margin-right: 5px;
  width: 30px;
  height: 30px;
}
.jrReviewLayout .jrAvatar {
  margin-bottom: 8px;
}
/* Letter Avatar */
.jrLetterAvatar.jrAvatarStyle1 {
  color: #BDBDBD;
  border: 1px solid #BDBDBD;
}
.jrLetterAvatar.jrAvatarStyle2 {
  color: #f44336;
  border: 1px solid #f44336;
}
.jrLetterAvatar.jrAvatarStyle3 {
  color: #E91E63;
  border: 1px solid #E91E63;
}
.jrLetterAvatar.jrAvatarStyle4 {
  color: #9C27B0;
  border: 1px solid #9C27B0;
}
.jrLetterAvatar.jrAvatarStyle5 {
  color: #673AB7;
  border: 1px solid #673AB7;
}
.jrLetterAvatar.jrAvatarStyle6 {
  color: #3F51B5;
  border: 1px solid #3F51B5;
}
.jrLetterAvatar.jrAvatarStyle7 {
  color: #2196F3;
  border: 1px solid #2196F3;
}
.jrLetterAvatar.jrAvatarStyle8 {
  color: #03A9F4;
  border: 1px solid #03A9F4;
}
.jrLetterAvatar.jrAvatarStyle9 {
  color: #00BCD4;
  border: 1px solid #00BCD4;
}
.jrLetterAvatar.jrAvatarStyle10 {
  color: #009688;
  border: 1px solid #009688;
}
.jrLetterAvatar.jrAvatarStyle11 {
  color: #4CAF50;
  border: 1px solid #4CAF50;
}
.jrLetterAvatar.jrAvatarStyle12 {
  color: #8BC34A;
  border: 1px solid #8BC34A;
}
.jrLetterAvatar.jrAvatarStyle13 {
  color: #C0CA33;
  border: 1px solid #C0CA33;
}
.jrLetterAvatar.jrAvatarStyle14 {
  color: #FFC107;
  border: 1px solid #FFC107;
}
.jrLetterAvatar.jrAvatarStyle15 {
  color: #FF9800;
  border: 1px solid #FF9800;
}
.jrLetterAvatar.jrAvatarStyle16 {
  color: #FF5722;
  border: 1px solid #FF5722;
}
.jrLetterAvatar {
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  align-items: center;
  background: var(--fwd-color-white);
}
.jrLetterAvatar .jrLetterAvatarInner {
  flex: 1 1 0%;
  text-align: center;
}
.jrListingAuthor .jrLetterAvatar {
  width: 30px;
  height: 30px;
  font-size: 12px;
  margin-right: 5px;
}
.jrModuleItem .jrLetterAvatar {
  width: 20px;
  height: 20px;
  font-size: 8px;
  margin-right: 5px;
  vertical-align: bottom;
}
.jrReviewLayout .jrLetterAvatar {
  margin-bottom: 8px;
}
.jrAvatarInitials {
  color: inherit;
  font-weight: 600;
}
.jrAuthorInfo {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.jrAuthorInfo &gt; span,
.jrAuthorInfo &gt; time {
  flex: 0 0 auto;
  min-width: 1px;
}
.jrAuthorInfo &gt; time {
  margin-right: 12px;
}
.jrListingDetail .jrAuthorInfo {
  font-size: 12px;
  color: var(--fwd-color-gray-600);
  margin-bottom: 10px;
}
.jrListingAuthor {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.jrListing .jrListingAuthor {
  margin-bottom: 5px;
}
.jrListingAuthor &gt; span {
  flex: 0 0 auto;
  min-width: 1px;
}
.jrModuleItem .jrReviewAuthor {
  display: flex;
  align-items: center;
}
.jrModuleItem .jrReviewAuthor a {
  flex: 0 0 auto;
  min-width: 1px;
}
/**********************************
WordPress Theme
***********************************/
.widget .jrReviewAuthor a {
  box-shadow: none!important;
}
.widget .jrReviewAuthor a img {
  box-shadow: none!important;
}
/**********************************
Lightbox (Magnific Popup) overrides
***********************************/
.mfp-iframe-scaler {
  padding-top: 68% !important;
}
.mfp-iframe-scaler iframe {
  background: #fff !important;
  font-family: sans-serif !important;
}
.mfp-counter {
  width: 50px;
  text-align: right;
}
button.mfp-close,
button.mfp-arrow {
  background: transparent !important;
  outline: none;
}
/* Animation */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/****************************
Video.js overrides
*****************************/
.jrVideoGallery .vjs-default-skin .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin: -4em 0 0 -6em;
}
/****************************
Trix editor overrides
*****************************/
trix-editor {
  padding: 12px 16px !important;
  border-color: var(--fwd-color-gray-300) !important;
  background: transparent !important;
  color: var(--fwd-color-gray-700) !important;
  min-height: 150px;
  border-radius: 6px !important;
}
trix-editor:focus {
  background: var(--fwd-color-gray-100) !important;
  color: var(--fwd-color-gray-900) !important;
  outline: none;
}
/* fixes issues with the streetview inside a hidden tab */
object#panoflash1 {
  width: 100%;
}
/**************************
* Social Bookmarks
***************************/
.socialBookmarks,
.socialBookmarksVertical {
  clear: left;
  float: left;
  display: inline-flex;
  align-items: flex-start;
  flex-flow: row wrap;
  margin: 15px 0;
  position: relative;
  z-index: 100;
}
.jrListingDetail.jrCompact .socialBookmarks,
.jrListingDetail.jrCompact .socialBookmarksVertical {
  float: none;
  clear: both;
  width: 100%;
  margin-top: 10px;
}
.socialBookmarks iframe,
.socialBookmarks div,
.socialBookmarks .IN-widget,
.socialBookmarks #___plus_0,
.socialBookmarks &gt; [class*="button_pin"],
.socialBookmarksVertical .reddit-button,
.socialBookmarksVertical iframe,
.socialBookmarksVertical div,
.socialBookmarksVertical .IN-widget,
.socialBookmarksVertical #___plusone_0,
.socialBookmarksVertical &gt; [class*="button_pin"],
.socialBookmarksVertical .reddit-button {
  margin-right: 10px !important;
}
.socialBookmarks iframe,
.socialBookmarksVertical iframe {
  max-width: none !important;
}
.socialBookmarks .jr-fb-share,
.socialBookmarks .jr-fb-like,
.socialBookmarks &gt; a {
  vertical-align: top;
}
.socialBookmarksVertical &gt; * {
  vertical-align: bottom!important;
}
/* Facebook Buttons */
.jrFacebookPublish {
  margin: 0 0 15px 0 !important;
}
.jrFacebookPublish input {
  margin-right: 5px !important;
}
.jr-fb-send span {
  width: 52px !important;
  height: 20px !important;
  vertical-align: top !important;
}
.jr-fb-send iframe {
  width: 52px !important;
  height: 20px !important;
}
.jr-fb-send iframe.fb_iframe_widget_lift {
  width: 460px !important;
  height: 345px !important;
}
/* Custom Social Buttons */
.socialBookmarksCustom a {
  display: inline-flex;
  align-items: flex-start;
  flex-flow: row wrap;
  padding: 4px 8px;
  color: #fff !important;
  text-decoration: none;
  margin: 6px 6px 6px 0;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}
.socialBookmarksCustom a:hover {
  text-decoration: none;
}
.socialBookmarksCustom .jrTwitter {
  background: #26C4F1;
  border: 1px solid #0eaad6;
}
.socialBookmarksCustom .jrTwitter:hover {
  background: #0eaad6;
}
.socialBookmarksCustom .jrFacebook {
  background: #306199;
}
.socialBookmarksCustom .jrFacebook:hover {
  background: #244872;
}
.socialBookmarksCustom .jrGooglePlus {
  background: #E93F2E;
}
.socialBookmarksCustom .jrGooglePlus:hover {
  background: #ce2616;
}
.socialBookmarksCustom .jrLinkedIn {
  background: #007BB6;
}
.socialBookmarksCustom .jrLinkedIn:hover {
  background: #005983;
}
.socialBookmarksCustom .jrPinterest {
  background: #B81621;
}
.socialBookmarksCustom .jrPinterest:hover {
  background: #8a1119;
}
.socialBookmarksCustom .jrReddit {
  background: #444;
}
.socialBookmarksCustom .jrReddit:hover {
  background: #2b2b2b;
}
/*************************************
Joomla Styles
*************************************/
table.contentpaneopen,
table.contentpane {
  margin: 0;
  padding: 0;
  width: 100% !important;
}
/*************************************
Google Maps Places Overrides
*************************************/
.pac-container {
  width: auto !important;
  z-index: 9999;
}
/*************************************
Alphaindex
*************************************/
.jrAlphaindex.jrButtonGroup {
  margin-bottom: 24px;
  justify-content: center;
}
.jrAlphaindex.jrButtonGroup &gt; .jrButton {
  padding: 0.5em;
  box-shadow: none;
}
/*************************************
Directory page
*************************************/
.jrDirview {
  padding-top: 10px;
}
.jrDirview .contentheading {
  margin-bottom: 25px;
}
.jrDirview h3,
.jrDirview h3.contentheading {
  margin: 0 0 1em 0;
  padding: 0;
}
.jrDirview .jrRSS {
  position: static;
  float: right;
}
.jrDirview .jrDirectoryColumn {
  margin: 0 3% 0 0;
  float: left;
}
.jrDirview .jrClear {
  height: 30px;
}
.jrDirview.jrDirviewThumbNo div.jrListingThumbnail,
.jrDirview.jrDirviewThumbNone div.jrListingThumbnail {
  display: none;
}
.jrDirview.jrDirviewThumbAbove div.jrContentDiv {
  clear: left;
}
.jrDirview.jrDirviewThumbLeft .jrCatLevel1 div.jrContentDiv {
  float: none;
}
.jrDirview.jrFormatComma ul li ul {
  padding: 0;
  margin: 0;
}
.jrDirview.jrFormatComma li.jrCatLevel2 {
  float: left;
  list-style: none;
  margin-right: 5px;
}
.jrDirview.jrFormatComma li.jrCatLevel2 .jrContentDiv:after {
  content: ",";
}
.jrDirview.jrFormatComma li.jrCatLevel2:last-child .jrContentDiv:after {
  content: "";
}
.jrDirview.jrFormatComma li.jrCatLevel2 ul {
  display: none;
}
/*************************************
Joomla 2.5 Directory Styles
*************************************/
.jrDirview .jrContentDiv ul {
  margin: 2px;
  padding-left: 20px;
  overflow: hidden;
}
.jrDirview li {
  margin: 0;
}
.jrDirview ul li.jrCatLevel1 {
  float: left;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  background: none;
  font-weight: bold;
  font-size: 1.2em;
}
.jrDirview ul li ul {
  font-weight: normal;
  font-size: 1em;
}
.jrDirview ul li .jrListingThumbnail {
  float: left;
  margin: 0 10px 10px 0;
  border: 0;
  width: auto;
  overflow: hidden;
  max-width: 100%;
}
.jrDirview ul li .jrContentDiv {
  float: left;
}
.jrDirview ul li.jrCatLevel2 .jrContentDiv {
  float: none;
}
/*************************************
List page header
*************************************/
.jrCategoryList {
  text-align: center;
  margin-bottom: 10px;
}
.jrCategoryList img {
  max-width: 100% !important;
}
.jrCategoryTitle {
  margin-top: 8px;
}
.jrListHeaderButtons {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.jrListHeaderButtons &gt; * {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}
.jrAddListing.jrButton {
  margin: 0;
}
.jrAddListing.jrButton .jrIconAddListing:before {
  color: var(--fwd-color-white);
}
.jrListingCategory {
  display: block;
}
/*************************************
Common List page elements
*************************************/
.jrListings {
  /* Listing Titles */
}
.jrListings .jrPageHeader {
  min-height: 25px;
}
.jrListings .jrListingTitle {
  margin: 0 10px 5px 0;
}
.jrListings .jrListingTitle a {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
}
.jrListings .jrListingStatus {
  display: inline-block;
  vertical-align: middle;
}
.jrListings .jrListingStatus:empty {
  display: none;
}
.jrListings .jrListingActions {
  display: inline-flex;
  flex-flow: row wrap;
  width: 100%;
}
.jrListings .jrListingActions .jrButton {
  margin-bottom: 0.75em;
}
.jrCardView.jrListings .jrListingActions .jrButton {
  box-shadow: none;
}
.jrListLayoutOptions {
  margin: 0;
  padding: 0;
  border: 1px solid var(--fwd-color-gray-800);
}
.jrListLayoutOptions &gt; .jrButton {
  border: 0;
}
/*************************************
TABLEVIEW:for list views of type "table"
*************************************/
.jrTableview .jrResults {
  border-collapse: collapse;
  display: table;
}
.jrTableview .jrResults .jrListingActions {
  position: static;
  margin-top: 10px;
}
.jrTableview .jrResults tr:hover .jrListingActionsBox {
  display: inline-block;
}
.jrTableview .jrResults .jrListingInfo {
  line-height: 22px;
  font-size: 0.9em;
  color: #777;
  margin-bottom: 10px;
}
.jrTableview .jrResults .jrListingStatus {
  white-space: nowrap;
}
.jrTableview .jrResults .jrOverallRatings {
  float: none;
}
.jrTableview .jrResults .jrOverallRatings &gt; div {
  white-space: nowrap;
}
/*************************************
BLOGVIEW - for list views of type "blog"
*************************************/
.jrBlogview .jrListingColumn {
  min-height: 330px;
}
.jrBlogview .jrResults .jrListItem {
  clear: both;
  position: relative;
  margin: 8px 0;
  padding: 8px 4px;
}
.jrBlogview .jrResults .jrListItem:before,
.jrBlogview .jrResults .jrListItem:after {
  content: " ";
  display: table;
}
.jrBlogview .jrResults .jrListItem:after {
  clear: both;
}
.jrBlogview .jrResults .jrListItem:first-of-type {
  padding-top: 0;
}
.jrBlogview .jrListingContent {
  margin-bottom: 12px;
}
.jrBlogview .jrListingThumbnail {
  float: right;
  margin: 0 0 6px 6px;
  border: 0;
  padding: 0;
}
.jrBlogview .jrListingInfo {
  margin: 0 0 10px 0;
}
.jrBlogview .jrListingStatus {
  margin: 8px 0;
}
.jrBlogview .jrOverallRatings {
  clear: left;
  float: none;
  overflow: hidden;
  margin-bottom: 5px;
}
.jrBlogview .jrOverallEditor {
  float: left;
  margin-right: 10px;
}
.jrBlogview .jrOverallUser {
  float: left;
}
.jrBlogview .jrListingInfo {
  line-height: 22px;
  font-size: 0.9em;
  color: #777;
}
.jrBlogview .jrListingStatus {
  white-space: nowrap;
}
.jrBlogview .jrListingSummary {
  margin: 5px 0;
  clear: left;
}
.jrStyles_compact .jrBlogview .jrListItem {
  min-height: 80px;
}
.jrStyles_compact .jrBlogview .jrListingTitle a {
  display: inline;
}
.jrStyles_compact .jrBlogview .jrListingTitle .jrIconInfo {
  margin: 5px;
}
.jrStyles_compact .jrBlogview .jrListingContent {
  margin-bottom: 0;
}
.jrStyles_compact .jrBlogview .jrListingInfo {
  display: none;
}
.jrStyles_compact .jrBlogview .jrListingActions {
  display: none;
  clear: both;
  background: #e0e0e0;
  border: 0;
  position: absolute;
  bottom: 3px;
  left: 0;
  padding: 8px 0 3px 6px;
  border-radius: 2px;
}
.jrStyles_compact .jrBlogview .jrListItem:hover .jrListingActions {
  display: block;
}
/**********************************************
THUMBVIEW - for list views of type "thumbnail"
***********************************************/
.jrThumbview .jrResults {
  text-align: center;
}
.jrThumbview .jrResults .jrListItem {
  height: 304px;
  padding-bottom: 1em;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.jrThumbview .jrResults .jrListingThumbnail {
  margin: 0 0 1em;
  width: auto;
  height: 160px;
}
.jrThumbview .jrResults .jrListingThumbnail img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.jrThumbview .jrResults .jrListingTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 3px;
}
.jrThumbview .jrResults .jrListingTitle a {
  font-size: 1em;
  font-weight: 800;
  margin: 0;
}
.jrThumbview .jrResults .jrStatusIndicators {
  display: none;
}
.jrThumbview .jrResults .jrOverallRatings {
  display: inline-block;
  margin: 1em 0;
  float: none;
  font-size: 0.9em;
  line-height: 1.3;
}
.jrThumbview .jrResults .jrOverallRatings &gt; div {
  display: flex;
  margin-bottom: 0.5em;
}
/**********************************************
Masonry
***********************************************/
.jrMasonry:before,
.jrMasonry:after {
  content: " ";
  display: table;
}
.jrMasonry:after {
  clear: both;
}
.jrMasonry .jrResults {
  padding: 15px 0 0 0 ;
  text-align: center;
}
.jrMasonry .jrResults .jrListItem {
  margin: 0 0 16px 0 !important;
  float: left;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.jrMasonry .jrResults .jrListingThumbnail,
.jrMasonry .jrResults .jrMediaThumb {
  margin: 0 0 1em;
  width: 100%;
  height: auto;
  position: relative;
}
.jrMasonry .jrResults .jrListingThumbnail img,
.jrMasonry .jrResults .jrMediaThumb img {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}
.jrMasonry .jrResults .jrListingTitle {
  margin: 8px 3px;
}
.jrMasonry .jrResults .jrListingTitle a {
  font-size: 1em;
  font-weight: 800;
}
.jrMasonry .jrResults .jrStatusIndicators {
  display: none;
}
.jrMasonry .jrResults .jrOverallRatings {
  display: inline-block;
  margin: 1em 0;
  float: none;
  font-size: 0.9em;
  line-height: 1.3;
}
.jrMasonry .jrResults .jrOverallRatings &gt; div {
  display: flex;
  margin-bottom: 0.5em;
}
.jrMasonry .jrResults .jrListingButtons {
  margin: 0.75em 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.jrMasonry .jrResults .jrListingButtons &gt; div {
  margin: 0 0.25em 0 0.25em;
}
.jrMasonry .jrMediaList {
  padding-bottom: 40px;
}
.jrMasonry .jrMediaList .jrListItem {
  height: auto;
}
.jrMasonry .jrMediaList .jrMediaInfo {
  margin: 1em 0.5em;
}
/*************************************
CMSBLOG - for core list views of type "frontpage","blogcategory","blogsection"
NOTE: because of the way J! draws blog entries, jrPage must be wrapped around *each listItem*.  In addition, jrCMSBlog should be added to that div, such that &lt;div class="jrPage jrCMSBlog"&gt;&lt;div class="listItem"&gt;...&lt;/div&gt;&lt;/div&gt;
*************************************/
.jrCMSBlog {
  text-align: left;
}
.jrCMSBlog .jrListingTitle,
.jrCMSBlog .jrListingTitle a {
  font-size: 20px;
  font-weight: normal;
}
.jrCMSBlog .jrListingInfo {
  padding: 0;
  margin: 5px 0;
}
.jrCMSBlog .jrOverallRatings {
  clear: left;
  float: none;
  overflow: hidden;
  margin-bottom: 5px;
}
.jrCMSBlog .jrOverallEditor {
  float: left;
  margin-right: 10px;
}
.jrCMSBlog .jrOverallUser {
  float: left;
}
.jrCMSBlog .jrListingSummary {
  margin: 10px 0;
}
.jrCMSBlog .jrListingThumbnail {
  float: right;
  text-align: right;
  margin: 0 0 20px 20px;
  border: solid 1px #ccc;
  padding: 1px;
}
/*************************************
Listing detail page styles
*************************************/
.jrListingDetail h1.contentheading {
  margin: 10px 0;
  display: inline-block;
}
.jrListingDetail h1.contentheading span {
  margin-right: 10px;
}
/*************************************
Listing info
*************************************/
.jrListingDetail .jrListingInfoContainer {
  clear: left;
  margin: 5px 0 7px 0;
  padding: 5px 0 6px 0;
  background: none;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid var(--fwd-color-gray-200);
  border-radius: 2px;
}
.jrListingDetail .jrListingInfo {
  padding: 0 5px 5px 5px;
  margin-bottom: 8px;
  font-size: 0.9em;
}
.jrListingDetail .jrListingInfo:before,
.jrListingDetail .jrListingInfo:after {
  content: " ";
  display: table;
}
.jrListingDetail .jrListingInfo:after {
  clear: both;
}
.jrListingDetail .jrListingInfo [class^="jrIcon"]:before {
  font-size: 1.25em;
}
.jrListingDetail .jrListingInfo.jrNoButtons {
  margin-bottom: 0;
  border-bottom: none;
}
.jrListingDetail .jrListingStatus {
  float: right;
  white-space: nowrap;
  font-size: 1.1em;
}
.jrListingDetail .jrListingInfoButtons {
  clear: both;
  padding: 0 5px;
  font-size: 0.9em;
}
.jrListingDetail .jrListingInfoButtons:before,
.jrListingDetail .jrListingInfoButtons:after {
  content: " ";
  display: table;
}
.jrListingDetail .jrListingInfoButtons:after {
  clear: both;
}
.jrListingDetail .jrListingButtons {
  float: left;
}
.jrListingDetail .jrListingButtons .jrButton {
  margin-bottom: 10px;
}
/* Overall Ratings */
.jrListingDetail .jrOverallRatings {
  float: left;
}
.jrListingDetail .jrOverallRatings .jrOverallEditor,
.jrListingDetail .jrOverallRatings .jrOverallUser {
  float: left;
}
.jrListingDetail .jrOverallRatings .jrOverallEditor {
  margin: 0 15px 0 0;
}
/*************************************
Main Image &amp; Compact Gallery
*************************************/
.jrVideos .jrMediaThumb:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrListingMainImage {
  float: right;
  margin: 0 0 10px 10px;
  padding: 1px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
.jrListingMainImage.jrMediaLeft {
  float: left;
  margin: 0 10px 10px 0;
}
.jrListingMainImage a {
  display: block;
  text-align: center;
}
.jrListingMainImage &gt; img,
.jrListingMainImage &gt; a &gt; img {
  padding: 0;
  margin: 0 4px 0 0;
  border: 0;
  border-radius: 3px;
}
.jrListingMainImage .jrCompactGallery {
  margin-top: 4px;
  clear: both;
}
.jrListingMainImage .jrCompactGallery .jrMediaThumb {
  margin: 0 4px 4px 0;
  padding: 0;
  float: left;
  position: relative;
}
.jrListingMainImage .jrCompactGallery .jrMediaThumb img {
  margin: 0;
  padding: 0;
  float: none;
  vertical-align: middle;
  border: 0;
  border-radius: 3px;
}
.jrListingMainImage .jrCompactGallery .jrMediaThumb.jrVideo:before {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 16px;
  height: 16px;
  background-image: url(images/icons_overlay.png);
  background-repeat: no-repeat;
  background-position: -18px 0;
  content: "";
}
.jrListingMainImage .jrCompactGallery .jrMediaThumb.jrVideo:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrMediaButtons {
  clear: right;
  float: right;
  margin-bottom: 10px;
}
.jrMediaButtons.jrMediaLeft {
  clear: left;
  float: left;
}
/* Contact Video Lightbox/Linked below small gallery */
.jrContactVideo {
  clear: right;
  float: right;
  max-width: 360px;
  margin: 0 0 20px 0;
  text-align: center;
}
.jrContactVideo .jrMediaThumb {
  float: none;
  display: inline-block;
  position: relative;
  margin: 0 0 10px 10px;
}
.jrContactVideo .jrMediaThumb img {
  margin: 2px 0 0 2px;
  float: none;
  padding: 1px;
  vertical-align: middle;
  border: 0;
  border-radius: 3px;
}
.jrContactVideo .jrMediaThumb.jrVideo:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
/*************************************
INTRO AND FULL TEXT
*************************************/
.jrListingSummary,
.jrListingDescription,
.jrListingFulltext {
  margin-bottom: 1em;
  line-height: 1.7em;
}
/*************************************
Media
*************************************/
.jrMediaContainer {
  clear: both;
}
.jrReviewContent .jrMediaContainer {
  margin-bottom: 10px;
}
.jrMediaContainer .jrHeading:first-of-type {
  margin-top: 10px;
}
.jrMediaContainer h4 {
  font-weight: bold;
  text-transform: none;
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px solid #ccc;
}
.jrMediaContainer .jrMediaThumb {
  float: left;
  position: relative;
  border: 0;
  padding: 1px;
  margin: 0 4px 4px 0;
  vertical-align: middle;
  text-align: center;
}
.jrMediaContainer .jrMediaThumb img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
  border-radius: 3px;
}
.jrMediaContainer.jrVideos .jrMediaThumbs:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrMediaContainer.jrAttachments ul {
  background: none;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.jrMediaContainer.jrAttachments .jrAttachmentSize,
.jrMediaContainer.jrAttachments .jrAttachmentType,
.jrMediaContainer.jrAttachments .jrAttachmentDownloads,
.jrMediaContainer.jrAttachments .jrAttachmentDownloadButton {
  text-align: right;
}
.jrMediaContainer.jrAttachments .jrAttachmentDescription {
  word-break: break-all;
}
.jrMediaLinks {
  float: right;
  text-transform: none;
  position: relative;
  top: -2px;
}
/*************************************
Audio player
*************************************/
/* Main interface */
.jrAudio .jp-audio {
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #444;
  position: relative;
}
.jrAudio .jp-audio .jp-interface {
  position: relative;
  width: 100%;
  height: 40px;
  background-image: -webkit-linear-gradient(#ccc, #ddd 50%, #ccc);
  background-image: -o-linear-gradient(#ccc, #ddd 50%, #ccc);
  background-image: linear-gradient(#ccc, #ddd 50%, #ccc);
  background-repeat: no-repeat;
}
.jrAudio .jp-interface ul.jp-controls {
  list-style-type: none;
  position: absolute;
  top: 13px;
  left: 13px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.jrAudio .jp-interface ul.jp-controls li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
  float: left;
}
.jrAudio .jp-interface ul.jp-controls a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  outline: none;
}
.jrAudio .jp-interface a.jp-play,
.jrAudio .jp-interface a.jp-pause {
  width: 16px;
  height: 16px;
}
.jrAudio .jp-interface a.jp-play {
  background: url("images/audio.png") 0 0 no-repeat;
}
.jrAudio .jp-interface a.jp-play:hover {
  background: url("images/audio.png") 0 -16px no-repeat;
}
.jrAudio .jp-interface a.jp-pause {
  background: url("images/audio.png") -16px 0 no-repeat;
}
.jrAudio .jp-interface a.jp-pause:hover {
  background: url("images/audio.png") -16px -16px no-repeat;
}
/* Progress bar */
.jrAudio .jp-progress-container {
  margin: 0 185px 0 40px;
  padding-top: 15px;
}
.jrAudio .jp-audio .jp-progress {
  overflow: hidden;
  background-color: #ddd;
  width: 100%;
  height: 12px;
}
.jrAudio .jp-seek-bar {
  background: #888;
  width: 0px;
  height: 100%;
  cursor: pointer;
}
.jrAudio .jp-play-bar {
  background: #000;
  width: 0px;
  height: 100%;
}
.jrAudio .jp-seeking-bg {
  background: url("images/audio-preloader.gif") repeat-x;
}
/* Volume bar */
.jrAudio .jp-volume-bar {
  top: 15px;
  right: 13px;
  position: absolute;
  overflow: hidden;
  background: #888;
  width: 50px;
  height: 12px;
  cursor: pointer;
}
.jrAudio .jp-volume-bar-value {
  background: #000;
  width: 0px;
  height: 12px;
}
/* Current time and duration */
.jrAudio .jp-audio .jp-time-holder {
  position: absolute;
  top: 13px;
  right: 105px;
  width: 70px;
  font-size: 11px !important;
}
.jrAudio .jp-current-time,
.jrAudio .jp-duration {
  display: inline;
  font-style: oblique;
}
/* Mute / unmute */
.jrAudio .jp-mute-unmute {
  position: absolute;
  top: 13px;
  right: 75px;
  width: 23px;
}
.jrAudio a.jp-mute,
.jrAudio a.jp-unmute {
  display: block;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  height: 16px;
  outline: none;
}
.jrAudio a.jp-mute {
  background: url("images/audio.png") -46px 0 no-repeat;
  width: 25px;
}
.jrAudio a.jp-mute:hover {
  background: url("images/audio.png") -46px -16px no-repeat;
}
.jrAudio a.jp-unmute {
  background: url("images/audio.png") -28px 0 no-repeat;
  width: 15px;
  display: none;
}
.jrAudio a.jp-unmute:hover {
  background: url("images/audio.png") -28px -16px no-repeat;
}
/* Playlist */
.jrAudio .jp-playlist a {
  outline: none;
}
.jrAudio .jp-playlist-current {
  font-weight: bold;
}
.jrAudio .jp-free-media {
  float: right;
}
/*************************************
Related Listing Widgets
*************************************/
.jrWidget {
  margin-top: 10px;
}
.jrTabs .jrWidget:first-of-type {
  margin-top: 0px;
}
.jrWidget .jrOverallRatings {
  float: none;
}
.jrTabs .jrWidget:first-child .jrHeading {
  margin-top: 0 !important;
}
/*************************************
EDITOR REVIEW ELEMENTS
*************************************/
.jrEditorReviewsSummary {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px 0;
}
/*************************************
USER REVIEW SUMMARY
*************************************/
.jrUserReviewsSummary {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px 0;
}
.jrReviewSummaryInfo {
  margin-bottom: 10px;
}
/* Buttons */
.jrBackButton {
  float: right;
  margin-left: 10px !important;
}
/*************************************
Compact Detail page
*************************************/
.jrListingDetail.jrCompact .jrListingMainImage {
  float: left;
  margin: 0 0 10px 0;
}
.jrListingDetail.jrCompact .jrListingFulltext {
  float: left;
  width: 50%;
}
.jrListingDetail.jrCompact .jrPathway {
  margin-bottom: 15px;
}
.jrListingDetail.jrCompact h1.contentheading {
  border: 0 !important;
  font-size: 22px !important;
}
.jrListingDetail.jrCompact .jrOverallRatings {
  clear: left;
  float: none;
  overflow: hidden;
}
.jrListingDetail.jrCompact .jrWidget .jrOverallRatings {
  clear: none;
}
.jrListingDetail.jrCompact .jrOverallEditor {
  float: left;
  margin-right: 10px;
}
.jrListingDetail.jrCompact .jrListingInfoButtons {
  margin: 10px 0;
  padding: 0;
  clear: none;
}
.jrListingDetail.jrCompact .jrListingButtons {
  margin: 10px 0;
  float: none;
}
.jrListingDetail.jrCompact .jrListingButtons .jrButton {
  margin-bottom: 5px;
}
.jrListingDetail.jrCompact .contentheading .jrIconInfo {
  margin: 5px;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrOverallRatings {
  clear: right;
  float: none;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrListingButtons {
  float: none;
}
.jrListingDetail.jrCompact .jrCustomFields {
  width: 45%;
  clear: right;
  float: right;
  background: #f0f0f0;
  padding: 10px;
  margin: 10px 0 10px 10px;
  border-radius: 2px;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrCustomFields {
  clear: left;
  float: left;
}
/*************************************
Detail page header cover/logo/avatar
*************************************/
.jrDetailHeader {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 25px auto 65px;
  height: 300px;
  position: relative;
}
.jrListingDetail .jrDetailHeader .jrAuthorInfo {
  position: absolute;
  bottom: -45px;
  left: 185px;
  font-size: 1.1em;
}
.jrDetailHeader.jrHeaderFullWidth {
  margin-bottom: 0;
}
figure.jrHeaderCover {
  left: 0;
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  margin: 0;
}
figure.jrHeaderCover img {
  position: absolute;
  width: 100%;
  top: -100%;
  left: 0;
  right: 0;
  bottom: -100%;
  margin: auto;
  height: 300px;
  object-fit: cover;
}
figure.jrHeaderLogo {
  border: 5px var(--fwd-color-white);
  bottom: -35px;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  height: 148px;
  left: 35px;
  position: absolute;
  width: 148px;
  z-index: 3;
  margin: 0;
  overflow: hidden;
}
figure.jrHeaderLogo img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
figure.jrHeaderAvatar {
  margin: 0;
  padding: 0;
  border: 5px solid var(--fwd-color-white);
  border-radius: 50%;
  bottom: -50px;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
  height: 148px;
  left: 35px;
  position: absolute;
  width: 148px;
  z-index: 3;
  background-color: #ccc;
  overflow: hidden;
  display: flex;
  align-items: center;
}
figure.jrHeaderAvatar a {
  flex: 0 0 100%;
}
figure.jrHeaderAvatar img {
  margin: 0;
  padding: 0;
  width: 100%;
}
.jrHeaderInfo {
  bottom: 0;
  left: 0;
  padding: 15px 15px 15px 204px;
  position: absolute;
  right: 0;
  z-index: 2;
  background-color: hsla(0, 0%, 0%, 0.5);
  color: var(--fwd-color-white-fixed);
}
.jrHeaderInfo .jrOverallRatings &gt; div {
  margin-top: 0.5rem !important;
}
.jrHeaderInfo .jrRatingValue,
.jrHeaderInfo .jrListingStatus,
.jrHeaderInfo [class^="jrIcon"]:before {
  color: var(--fwd-color-white-fixed);
}
.jrListingDetail .jrHeaderInfo [class^=jrIcon] {
  margin-right: 8px;
  line-height: 0.75rem;
}
.jrListingDetail .jrHeaderInfo [class^=jrIcon]:before {
  font-size: 1.25em;
}
.jrHeaderInfo h1 {
  display: inline-block;
  font-size: 30px;
  z-index: 5;
  font-weight: 400;
  margin: 0 10px 5px 0;
  padding: 0;
  color: var(--fwd-color-white-fixed);
}
.jrHeaderInfo h1 a {
  color: var(--fwd-color-white-fixed);
  text-decoration: none;
}
.jrHeaderInfo.jrHeaderFullWidth {
  padding-left: 15px;
}
.jrHeaderBelowCover.jrNoLogo {
  margin-top: 1rem !important;
}
.jrHeaderBelowCover:not(.jrNoLogo) {
  position: absolute;
  left: 204px;
  top: 354px;
  z-index: 5;
}
@media (max-width: 767px) {
  figure.jrHeaderLogo,
  figure.jrHeaderAvatar {
    height: 128px;
    width: 128px;
    left: 20px;
    bottom: -30px;
  }
  .jrHeaderInfo {
    padding: 15px 15px 15px 170px;
  }
  .jrHeaderBelowCover {
    left: 170px;
  }
  .jrListingDetail .jrDetailHeader .jrAuthorInfo {
    left: 155px;
    bottom: -45px;
  }
  .jrListingDetail .jrHeaderInfo h1 {
    font-size: 26px;
  }
  .jrListingDetail .jrHeaderInfo .jrListingStatus {
    clear: left;
    float: left;
    margin-top: 10px;
  }
  .jrListingDetail .jrCustomFields {
    width: 100%;
  }
  .jrListingDetail .jrListingMainImage {
    margin-left: 0 !important;
    float: none !important;
  }
}
@media (max-width: 550px) {
  figure.jrHeaderLogo,
  figure.jrHeaderAvatar {
    height: 64px;
    width: 64px;
    left: 10px;
    top: 10px;
    bottom: none;
    border-width: 2px;
  }
  .jrHeaderInfo {
    padding: 15px;
    max-height: 200px;
  }
  .jrListingDetail .jrHeaderInfo h1 {
    font-size: 22px;
    line-height: 1.3;
  }
  .jrHeaderBelowCover,
  .jrListingDetail .jrDetailHeader .jrAuthorInfo {
    left: 0;
  }
}
@media (max-width: 380px) {
  .jrHeaderInfo {
    padding: 10px;
  }
  .jrListingDetail .jrHeaderInfo h1 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 6px;
  }
  .jrListingDetail .jrHeaderInfo .jrListingStatus {
    margin-top: 6px;
  }
}
.jrUserReviewsContainer {
  margin-bottom: 10px;
}
.jrReviewActions,
.jrReviewButtons {
  margin-top: 10px;
}
.jrTextSeparator {
  margin: 0 10px;
  color: var(--fwd-color-gray-300);
}
.jrReviewVoting {
  margin-top: 8px;
}
.jrVoteYes,
.jrVoteNo {
  margin-left: 8px;
}
.jrVoteYes .count-text {
  color: green;
}
.jrVoteNo .count-text {
  color: red;
}
.jrSubmitterDetails,
.jrSubmitterDetails a {
  margin: 1rem 0 0 0;
  color: var(--fwd-color-gray-600) !important;
}
.jrReviewHeader {
  width: 100%;
}
.jrReviewDate,
.jrOwnerReplyDate {
  float: right;
  margin-bottom: 10px;
  color: var(--fwd-color-gray-600);
}
.jrReviewUpdated {
  margin-left: 5px;
}
.jrPostComment {
  margin: 10px 0;
}
.jrReviewTitle {
  display: inline-block;
  font-size: 1.4em;
  margin-bottom: 8px;
}
.jrReviewAuthor a {
  display: block;
  box-shadow: none;
  text-decoration: none!important;
}
.jrReviewAuthor a:hover {
  box-shadow: none!important;
}
.jrReviewLayoutRight {
  float: right;
  width: calc(90% - 80px);
}
.jrReviewLayoutLeft {
  float: left;
  width: calc(10% + 50px);
}
.jrUserInfo {
  text-align: center;
}
.jrUserInfoText &gt; span {
  display: block;
}
.jrOwnerReply {
  padding: 12px;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-top: 24px;
  border: 1px solid var(--fwd-color-gray-300);
}
.jrOwnerReply .jrOwnerReplyTitle {
  margin: 5px 0;
  font-weight: bold;
}
.jrDiscussion .jrListing {
  padding-bottom: 10px;
}
.jrDiscussion .jrListingThumbnail {
  float: right;
  width: 150px;
}
.jrReviewSearch {
  display: inline-block;
}
.jrReviewSearch.jrRight {
  float: none;
}
.jrReviewList {
  margin: 0 0 15px 0;
}
.jrReviewList div.jrListingInfo {
  margin-bottom: 5px;
  padding: 0;
  border: 0;
}
.jrReviewList .jrListingTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.jrReviewList .jrRatingInfo {
  clear: right;
  float: right;
  margin: 5px 0 10px 15px;
}
.jrReviewList .jrPathway {
  margin-bottom: 0;
}
.jrPostUpdated {
  margin-left: 5px;
}
.jrPostComment {
  margin: 10px 0;
}
.jrDiscussionLayoutRight {
  float: right;
  width: calc(90% - 80px);
}
.jrDiscussionLayoutLeft {
  float: left;
  width: calc(10% + 50px);
}
.jrDiscussion .jrListing {
  clear: both;
  border-bottom: solid 2px var(--fwd-color-gray-200);
  margin: 0 0 10px 0 !important;
  padding-top: 2em;
}
.jrDiscussion .jrListingTitle,
.jrDiscussion .jrListingTitle a {
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1.3em;
}
.jrDiscussion .jrListingCategory {
  margin-bottom: 8px;
}
.jrDiscussion .jrListingAuthor {
  display: inline-block;
  margin-bottom: 0;
}
.jrDiscussion .jrListingThumbnail {
  padding: 1px;
  margin-right: 5px;
}
.jrDiscussion .jrPostNewComment {
  margin: 15px 0 15px 0;
}
.jrDiscussion .jrPostCommentReply {
  margin-top: 5px;
  font-size: 1.05em;
}
.jrDiscussion .jrCommentReply {
  margin-left: 15px;
}
.jrDiscussion .jrReviewComments {
  margin-top: 20px;
  word-wrap: break-word;
}
.jrDiscussion .jrPostList .jrPost {
  padding: 15px 0;
}
.jrDiscussion .jrPostList .jrListingTitle {
  margin-right: 10px;
}
.jrDiscussion .jrPostList .jrCommentReviewTitle {
  font-weight: bold;
}
.jrCommentPopupText {
  margin: 10px 5px 10px 30px;
}
/*************************************
Reviewer Rank Page
*************************************/
.jrReviewerRank .jrTableGrid {
  border-collapse: collapse;
}
.jrReviewerRank .jrDataListHeader {
  border-bottom: 0;
}
.jrRankLayoutRight {
  float: right;
  width: calc(90% - 80px);
}
.jrRankLayoutLeft {
  float: left;
  width: calc(10% + 50px);
}
/*************************************
Reviewer Rank Module
*************************************/
.jrModuleItems .jrReviewerRankModule .jrModuleItemThumbnail {
  margin-left: 25px;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailLeft .jrModuleItemThumbnail,
.jrModuleItems .jrReviewerRankModule .jrThumbnailRight .jrModuleItemThumbnail {
  position: absolute;
  top: 50%;
  height: 64px;
  margin: -32px 0 0 0;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailLeft .jrModuleItemThumbnail {
  left: 25px;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailRight .jrModuleItemThumbnail {
  right: 0;
}
.jrModuleItems .jrReviewerRankModule .jrAvatar {
  height: 55px;
  width: 55px;
  margin: 0;
}
.jrModuleItems .jrReviewerRankModule .jrAvatar img {
  width: 55px;
}
.jrModuleItems .jrReviewerRankModule .jrModuleItem {
  position: relative;
}
.jrModuleItems .jrReviewerRankModule .jrModuleItemNumber {
  position: absolute;
  top: 50%;
  height: 25px;
  margin-top: -12.5px;
}
.jrModuleItems .jrReviewerRankModule .jrModuleItemContent {
  margin-left: 25px;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailLeft .jrModuleItemContent {
  margin-left: 100px;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailRight .jrModuleItemContent {
  margin-right: 70px;
}
/******************************************
Shared layout styles for modules &amp; plugins
*******************************************/
.jrModuleItems {
  line-height: 1.4em;
}
.jrModuleItems .jrResults {
  border-top: 0;
  padding-top: 5px;
}
.jrModuleItems.vertical .jrResults {
  overflow: hidden;
}
.jrModuleItems .jrModuleItem {
  float: left;
  padding-right: 10px;
  margin: 0;
  overflow: hidden;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.jrModuleItems .jrModuleItemContent {
  overflow: hidden;
}
.jrModuleItems .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrModuleItems .jrModuleItemNumber {
  font-weight: bold;
  margin: 0 5px 5px 0;
  float: left;
}
.jrModuleItems .jrModuleItemThumbnail {
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
}
.jrModuleItems.jrThumbnailRight .jrModuleItemThumbnail {
  float: right;
  margin: 0 10px 10px 10px;
}
.jrModuleItems.jrThumbnailBottom .jrModuleItemThumbnail {
  clear: both;
}
.jrModuleItems .jrModuleItemThumbnail a {
  display: block;
}
.jrModuleItems .jrModuleItemThumbnail img {
  max-width: 100%;
  border-radius: 2px;
}
.jrModuleItems .jrModuleItemThumbnail .jrButton {
  margin-top: 5px;
}
.jrModuleItems.jrThumbnailTop .jrModuleItemContent {
  clear: both;
}
.jrModuleItems .jrModuleItemTitle {
  margin-bottom: 5px;
  white-space: normal;
}
.jrModuleItems .jrModuleItemCategory,
.jrModuleItems .jrModuleItemReviewer,
.jrModuleItems .jrModuleItem:not(.jrSlideshowLayout) .jrModuleFieldDiv {
  margin-bottom: 5px;
}
.jrModuleItems .jrModuleFieldDiv .jrModuleFieldValue .jrFieldValueList,
.jrModuleItems .jrModuleFieldDiv .jrModuleFieldValue .jrFieldValueList li {
  display: inline;
  float: none;
  white-space: normal;
}
.jrModuleItems .jrModuleItemInfo {
  margin-bottom: 5px;
  border: 0;
}
.jrModuleItems .jrModuleItemInfo:after {
  display: none;
}
.jrModuleItems .jrOverallRatings {
  float: none;
  margin-bottom: 5px;
}
.jrModuleItems .jrOverallRatings div.jrOverallEditor,
.jrModuleItems .jrOverallRatings div.jrOverallUser {
  display: inline-flex;
}
.jrModuleItems .jrDivider {
  border: 0;
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 2.5px;
}
.jrModuleItems.fade {
  opacity: 1 !important;
  /* prevents conflicts with Bootstrap fade effect */
}
/* Vertical layout */
.jrModuleItems .jrVerticalLayout {
  border-bottom: 1px solid var(--fwd-color-gray-200);
}
.jrModuleItems .jrVerticalLayout .jrModuleItemNumber {
  width: 15px;
}
.jrModuleItems .jrVerticalLayout .jrModuleItemThumbnail {
  margin: 0 5px 5px 0;
}
.jrModuleItems .jrVerticalLayout .jrModuleItemThumbnail img {
  width: 25px !important;
  height: 25px !important;
}
.jrModuleItems .jrVerticalLayout .jrModuleFields {
  float: right;
}
.jrModuleItems .jrVerticalLayout .jrModuleFields .jrModuleFieldTitle {
  display: none;
}
/* Slideshow layout */
.jrModuleItems .jrSlideshowLayout {
  margin-bottom: 5px;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail {
  width: 100%;
  height: 248px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail a.jrModuleItemTitle:hover {
  color: #fff !important;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo {
  display: block;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemContent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  background: hsla(0, 0%, 0%, 0.7);
}
.jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:link,
.jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:visited {
  display: block;
  width: 97%;
  padding: 1em;
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemInfo {
  display: none;
  width: 97%;
  padding: 0 3% 3%;
  margin: 0;
  color: #fff !important;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemInfo a {
  display: inline;
  color: #fff !important;
  font-weight: bold;
}
.jrModuleItems .jrSlideshowLayout .jrRatingValue {
  display: none;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings {
  position: absolute;
  background: hsla(0, 0%, 0%, 0.7);
  top: 0;
  right: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  padding: 0.75em;
  justify-content: center;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings &gt; div:first-of-type {
  margin-right: 1em;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings .rating_count {
  display: none;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings [class^='jrIcon']:before,
.jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrRatingValue {
  color: var(--fwd-color-white-fixed);
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor div {
  background-image: url('images/rating_stars.png');
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle2,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle2,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle2 div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle2 div {
  background-image: url('images/rating_stars_2.png');
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle3,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle3,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle3 div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle3 div {
  background-image: url('images/rating_bars.png');
}
/* Title animation */
.jrModuleSlider .jrSlideshowLayout .jrModuleItemInfo {
  display: block;
  padding: 0;
  max-height: 0px;
  -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.jrModuleSlider .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo {
  padding: 0 0 1em 0;
  max-height: 100px;
}
/* Module links */
.jrModuleLinks {
  margin: 10px 0;
  padding: 0;
}
.jrModuleLinks li {
  list-style-type: none;
  margin: 0 10px 0 0;
  padding: 0;
  display: inline;
}
/*************************************
Module Slider Pagination
*************************************/
/* Reset and layout */
.jrModuleSlider .bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  direction: ltr;
}
.jrModuleSlider .bx-wrapper img {
  max-width: 100%;
  display: block;
}
.jrModuleSlider .bx-wrapper .bx-controls {
  position: relative;
  height: 55px;
}
.jrModuleSlider .bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  transform: translatez(0);
}
.jrModuleSlider .bx-wrapper .bx-pager,
.jrModuleSlider .bx-wrapper .bx-controls-auto {
  width: 100%;
}
.jrModuleSlider .bx-wrapper .bx-loading {
  min-height: 50px;
  background: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
.jrModuleSlider .bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  position: absolute;
  top: 30px;
  z-index: 998;
}
.jrModuleSlider .bx-wrapper .bx-pager .bx-pager-item,
.jrModuleSlider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}
.jrModuleSlider .bx-wrapper .bx-pager.bx-default-pager a {
  background: var(--fwd-color-gray-200);
  text-indent: -500px;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
  box-shadow: none;
}
.jrModuleSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.jrModuleSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: var(--fwd-color-gray-600);
}
.jrModuleSlider .bx-wrapper .bx-prev,
.jrModuleSlider .bx-wrapper .bx-next {
  display: inline-block;
  border-right: 5px solid var(--fwd-color-gray-600);
  border-bottom: 5px solid var(--fwd-color-gray-600);
  width: 16px;
  height: 16px;
  background: none;
}
.jrModuleSlider .bx-wrapper .bx-prev {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.jrModuleSlider .bx-wrapper .bx-next {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.jrModuleSlider .bx-wrapper .bx-controls-direction {
  text-align: center;
  margin: 25px 0;
  position: absolute;
  text-align: left;
  z-index: 999;
}
.jrModuleSlider .bx-wrapper .bx-controls-direction a.disabled {
  border-color: var(--fwd-color-gray-300);
}
.jrModuleSlider .bx-wrapper .bx-controls-direction a {
  outline: 0;
  text-indent: -500px;
  overflow: hidden;
  font: 10px monospace;
  letter-spacing: -10px;
  z-index: 999;
  margin: 0 5px;
  box-shadow: none;
}
.jrModuleSlider.jrSliderVertical .bx-wrapper .bx-prev {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: relative;
  top: 8px;
}
.jrModuleSlider.jrSliderVertical .bx-wrapper .bx-next {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jrModuleSlider.jrSliderVertical .bx-controls-direction a {
  margin: -5px 10px;
}
.jrModuleSlider.jrSliderSideArrows {
  margin: 0 25px;
}
.jrModuleSlider.jrSliderSideArrows .bx-controls-direction a {
  margin: -11px 10px;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-pager,
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls,
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls-direction {
  position: static;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: -15px;
  bottom: auto;
  top: 50%;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls {
  height: 0;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-prev {
  width: 18px;
  height: 18px;
  left: -40px;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-next {
  width: 18px;
  height: 18px;
  left: auto;
  right: -40px;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleItems {
  width: auto;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleContainer {
  float: none !important;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleContainer:not(:first-child) {
  display: none;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleItems.vertical {
  height: auto;
  width: auto;
}
/*************************************
JReviews Adv. Search Module
*************************************/
.jrAdvSearchModule.jrRoundedPanel {
  padding: 12px;
}
.jrAdvSearchModule.jrForm .jrFieldDiv {
  align-items: center;
}
.jrAdvSearchModule.jrForm .jrFieldDiv label {
  margin-right: 0.5em;
}
@media (max-width: 480px) {
  .jrAdvSearchModule.jrForm .jrFieldDiv {
    float: none;
    clear: both;
  }
  .jrAdvSearchModule.jrForm .jrSelect,
  .jrAdvSearchModule.jrForm .jrKeywords,
  .jrAdvSearchModule.jrForm .jrText,
  .jrAdvSearchModule.jrForm .jrAutoSuggest {
    width: 100%;
  }
}
.jrAdvSearchModule {
  position: relative;
}
.jrAdvSearchSuggest {
  display: none;
  position: absolute;
  z-index: 1010;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--fwd-color-white);
  border: 1px solid var(--fwd-color-gray-200);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.jrAdvSearchModule.jrRoundedPanel .jrAdvSearchSuggest {
  border-radius: 0;
  margin: 2px -1px;
}
.jrAdvSearchSuggest .jrSearchResults {
  color: var(--fwd-color-black);
  padding: 10px;
}
.jrAdvSearchSuggest .jrModuleItem {
  float: left;
  padding-right: 10px;
  margin: 0 0 10px 0;
  overflow: hidden;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.jrAdvSearchSuggest .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrAdvSearchSuggest .jrModuleItem .jrModuleItemThumbnail {
  float: left;
  width: 50px;
  max-height: 50px;
  border: 0;
  margin-right: 5px;
  overflow: hidden;
}
.jrAdvSearchSuggest .jrModuleItem .jrModuleItemThumbnail img {
  border-radius: 2px;
}
.jrAdvSearchSuggest .jrModuleItem .jrModuleItemContent {
  text-align: left;
  line-height: 22px;
  font-size: 13px;
  padding-right: 15px;
  overflow: hidden;
}
.jrAdvSearchSuggest .jrModuleItem .jrOverallRatings {
  float: none;
}
.jrAdvSearchSuggest .jrOverallRatings .jrRatingLabel {
  margin: 0;
}
.jrAdvSearchSuggest .jrModuleItem .jrOverallRatings .jrOverallEditor,
.jrAdvSearchSuggest .jrModuleItem .jrOverallRatings .jrOverallUser {
  padding: 0;
  margin: 0;
  display: inline-flex;
  margin-right: 10px;
}
.jrAdvSearchSuggest .jrModuleItem .jrOverallRatings .jrOverallEditor .jrRatingLabel,
.jrAdvSearchSuggest .jrModuleItem .jrOverallRatings .jrOverallUser .jrRatingLabel {
  margin-right: 0.25rem;
}
.jrAdvSearchSuggest .jrDivider {
  border: 0;
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 2.5px;
}
.jrAdvSearchSuggest .jrViewAllResults {
  background: var(--fwd-color-gray-100);
  border-top: 1px solid var(--fwd-color-gray-200);
  padding: 0.75em;
  line-height: 1.4;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.jrAdvSearchSuggest .jrViewAllResults a,
.jrAdvSearchSuggest .jrViewAllResults a:link,
.jrAdvSearchSuggest .jrViewAllResults a:visited {
  color: var(--fwd-color-gray-900);
  font-weight: 700 !important;
}
.jrAdvSearchSuggest .jrCloseLiveResults {
  cursor: pointer;
}
.jrAdvSearchSuggest .jrIconClose {
  margin: 4px;
}
.jrAdvSearchSuggest .jrBeforeMessage {
  padding: 10px 10px 0 10px;
}
/* Overrides for results embedded listing form */
.jrListingCreate .jrAdvSearchSuggest {
  position: relative;
}
.jrListingCreate .jrAdvSearchSuggest .jrSearchResults {
  padding: 10px 0 0 10px;
}
.jrListingCreate .jrAdvSearchSuggest .jrDivider {
  padding: 0;
  line-height: 0;
}
.jrListingCreate .jrAdvSearchSuggest .jrModuleItem {
  margin: 0 0 5px 0;
}
/*************************************
JReviews Media Module
*************************************/
.jrModuleItems .jrMediaModule .jrModuleItem {
  position: relative;
}
.jrModuleItems .jrMediaModule .jrModuleItemThumbnail {
  margin: 0 3px 3px 0;
  float: none;
  display: inline-block;
}
.jrModuleItems .jrMediaModule .jrModuleItemThumbnail img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
  height: auto !important;
}
.jrModuleItems .jrMediaModule .jrModuleItemOverlay {
  position: relative;
}
.jrModuleItems .jrModuleItemOverlay.jrMediaTypeIcon:before {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background-image: url('images/icons_overlay.png');
  background-repeat: no-repeat;
  content: '';
}
.jrModuleItems .jrMediaTypePhoto .jrModuleItemOverlay:before {
  background-position: 0 0;
}
.jrModuleItems .jrMediaTypeVideo .jrModuleItemOverlay:before {
  background-position: -18px 0;
}
.jrModuleItems .jrMediaTypeAudio .jrModuleItemOverlay:before {
  background-position: -36px 0;
}
.jrModuleItems .jrMediaTypeAttachment .jrModuleItemOverlay:before {
  background-position: -52px 0;
}
.jrModuleItems .jrModuleItemOverlay.jrNoTypeIcon:before {
  display: none;
}
.jrModuleItems .jrMediaTypeVideo .jrModuleItemOverlay:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--fwd-color-gray-800);
  color: var(--fwd-color-white);
  opacity: 0.8;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaTitle,
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaDescription,
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaFrom {
  margin: 0 0 5px 0;
}
/******************************************
Directory Module
*******************************************/
.jrDirectoryExpanded {
  padding: 0;
  margin: 0;
}
.jrDirectoryExpanded li {
  background: none !important;
  list-style-image: url('images/breadcrumb.png');
}
.jrDirectoryExpanded &gt; li {
  list-style: none;
}
/*************************************
JReviews Fields &amp; Range Modules
*************************************/
.jrFieldsModule {
  border-top: solid 0px #ccc;
  padding-top: 15px;
  display: inline;
}
.jrFieldsModule ul {
  overflow: hidden;
  margin-left: 0;
  padding-left: 0;
}
.jrFieldsModule ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}
.jrFieldsModule.jrHorizontalLayout ul {
  overflow: hidden;
}
.jrFieldsModule.jrHorizontalLayout ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
  float: left;
  width: 33%;
  display: block;
}
.jrFieldsModule.jrTagsLayout ul {
  text-align: left;
}
.jrFieldsModule.jrTagsLayout ul li {
  float: none;
  width: auto;
  display: inline-block;
}
.jrFieldsModule.jrTagsLayout ul li a {
  display: inline-block;
  padding: 0.5em 1em;
  margin: 0 5px 5px 0;
  color: var(--fwd-color-gray-900);
  background: var(--fwd-color-gray-200);
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.jrFieldsModule.jrTagsLayout ul li a:hover,
.jrFieldsModule.jrTagsLayout ul li a.jrActive {
  text-decoration: none;
  background: var(--fwd-color-gray-900);
  color: var(--fwd-color-gray-200);
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionSmallest {
  font-size: 0.8em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionSmall {
  font-size: 0.9em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionMedium {
  font-size: 1em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionLarge {
  font-size: 1.1em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionLargest {
  font-size: 1.2em;
}
.jrFieldsModule .jrFieldOptionImage {
  margin: 0 5px;
}
.jrFieldsModule ul li.jrOptionHidden {
  display: none;
}
/*************************************
JReviews Favorite Users Module
*************************************/
.jrFavoritesModule {
  border-top: 0;
  overflow: hidden;
}
.jrFavoritesModule .jrModuleItem {
  float: left;
  padding-right: 10px;
  margin: 0 0 10px 0;
  text-align: center;
}
.jrFavoritesModule .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrFavoritesModule .jrModuleItem a {
  display: block;
  text-align: center;
  width: 99%;
  margin: 0 auto;
}
.jrFavoritesModule .jrUserAvatar {
  margin: 0 auto 5px;
  padding: 1px;
  overflow: hidden;
  display: block;
}
.jrFavoritesModule .jrUserAvatar .jrAvatar {
  width: 65px;
  height: auto;
  text-align: center;
}
.jrFavoritesModule .jrUserAvatar .jrAvatar img {
  width: auto;
  height: auto;
}
.jrFavoritesModule .jrDivider {
  border: 0;
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 2.5px;
}
.favoriteListingTitle {
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 10px;
}
/*************************************
Calendar
*************************************/
.jrModuleCalendar {
  margin: 0 auto;
  max-width: 500px;
  min-width: 200px;
}
.jrModuleCalendar .jrModuleCalendarDescription {
  margin-bottom: 10px;
}
.jrModuleCalendar .clndr {
  overflow: hidden;
  margin-bottom: 10px;
}
.jrModuleCalendar .clndr .controls {
  background-color: var(--fwd-color-gray-600);
  color: var(--fwd-color-white);
}
.jrModuleCalendar .clndr .controls .clndr-previous-button,
.jrModuleCalendar .clndr .controls .clndr-next-button {
  width: 15%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.jrModuleCalendar .clndr .controls .clndr-previous-button:hover,
.jrModuleCalendar .clndr .controls .clndr-next-button:hover {
  background-color: var(--fwd-color-gray-800);
}
.jrModuleCalendar .clndr .controls .month {
  width: 70%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.jrModuleCalendar .clndr .days-container .days {
  overflow: hidden;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
  background-color: var(--fwd-color-gray-100);
}
.jrModuleCalendar .clndr .days-container .days .day,
.jrModuleCalendar .clndr .days-container .days .empty {
  display: inline-block;
  box-sizing: border-box;
  float: left;
  width: 14.2857%;
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  color: var(--fwd-color-gray-900);
  border-right: 1px solid var(--fwd-color-gray-200);
  border-bottom: 1px solid var(--fwd-color-gray-200);
}
.jrModuleCalendar .clndr .days-container .days .day.today {
  color: var(--fwd-color-red-600);
  font-weight: bold;
}
.jrModuleCalendar .clndr .days-container .days .day.event,
.jrModuleCalendar .clndr .days-container .days .empty.event {
  background-color: var(--fwd-color-green-300);
  color: var(--fwd-color-green-900);
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  cursor: pointer;
}
.jrModuleCalendar .clndr .days-container .days .day.event:hover,
.jrModuleCalendar .clndr .days-container .days .empty.event:hover {
  background-color: var(--fwd-color-green-400);
}
.jrModuleCalendar .clndr .days-container .days .day.adjacent-month,
.jrModuleCalendar .clndr .days-container .days .empty.adjacent-month {
  color: var(--fwd-color-gray-400);
}
.jrModuleCalendar .clndr .days-container .days .empty {
  height: 31px;
  vertical-align: bottom;
}
.jrModuleCalendar .clndr .days-container .days .headers {
  overflow: hidden;
  background-color: var(--fwd-color-gray-400);
}
.jrModuleCalendar .clndr .days-container .days .headers .day-header {
  float: left;
  width: 14.2857%;
  padding: 5px 0;
  display: inline-block;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
/*******************************************************
My Listings, My Reviews &amp; My Favorites Plugins - overrides to prevent JomSocial conflicts
*******************************************************/
.jrPlugin {
  padding-top: 5px !important;
}
.jrPlugin .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrPlugin .jrModuleItemNumber {
  margin: 0 5px 5px 0 !important;
}
.jrPlugin .jrModuleItemThumbnail {
  margin: 0 10px 10px 0 !important;
}
.jrPlugin .jrModuleItems .jrModuleItemCategory {
  margin-bottom: 5px !important;
}
.jrPlugin .jrModuleItemThumbnail label {
  display: inline !important;
}
.jrPlugin .jrModuleItemTitle {
  margin-bottom: 5px !important;
}
.jrPlugin .jrModuleItemInfo {
  margin-bottom: 5px !important;
}
.jrPlugin .jrOverallRatings {
  margin-bottom: 5px !important;
}
.jrPlugin .jrDivider {
  padding: 2.5px !important;
}
.jrPlugin .jrRatingStarsUser,
.jrPlugin .jrRatingStarsEditor,
.jrPlugin .jrRatingStarsUser div,
.jrPlugin .jrRatingStarsEditor div {
  background: url(images/rating_stars.png) 0 0 repeat-x !important;
}
.jrPlugin .jrRatingStarsUser div {
  background-position: 0 -16px !important;
}
.jrPlugin .jrRatingStarsEditor div {
  background-position: 0 -32px !important;
}
/*************************************
Form Container - Outer box for form
*************************************/
.jrFormContainer,
.jrReviewForm {
  border: 0;
  background-color: transparent;
  padding: 0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  display: block;
}
.jrDialog.ui-dialog .jrFormContainer,
.jrDialog.ui-dialog .jrReviewForm {
  box-shadow: none;
}
.jrForm {
  margin-bottom: 10px;
  text-align: left;
}
.jrForm,
.jrForm.jrFormContainer,
.jrForm.jrReviewForm {
  padding: 32px;
}
.jrForm.jrFiltersModule,
.jrForm.jrReviewSearch {
  padding: 0;
}
.jrForm label {
  display: inline;
  margin-left: 0.5em;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: normal;
}
.jrForm .jrLabel {
  font-size: 0.8em;
}
.jrForm .jrFieldBefore {
  float: right;
}
/******************************
Fields
*******************************/
.jrPage input[type="checkbox"],
.jrForm input[type="checkbox"],
.jrPage input[type=radio],
.jrForm input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  outline: none;
  cursor: pointer;
  border-color: var(--fwd-color-gray-500);
  background: var(--fwd-color-white);
  border-style: solid;
  border-width: 1px;
  min-width: auto;
}
.jrPage input[type="checkbox"]::before,
.jrForm input[type="checkbox"]::before,
.jrPage input[type=radio]::before,
.jrForm input[type=radio]::before {
  content: "";
  background: none;
}
.jrPage .jrFieldDiv .jrFieldOption,
.jrForm .jrFieldDiv .jrFieldOption {
  display: inline-flex;
  align-items: center;
}
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox],
.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox],
.jrPage input[type=checkbox],
.jrForm input[type=checkbox] {
  height: 1em!important;
  width: 1em!important;
  border-radius: 0.25em;
}
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:focus,
.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:focus,
.jrPage input[type=checkbox]:focus,
.jrForm input[type=checkbox]:focus {
  box-shadow: 0 0 0 3px var(--fwd-color-blue-300);
  outline: 0;
}
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:focus:not(:checked),
.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:focus:not(:checked),
.jrPage input[type=checkbox]:focus:not(:checked),
.jrForm input[type=checkbox]:focus:not(:checked) {
  box-shadow: none;
}
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:checked,
.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:checked,
.jrPage input[type=checkbox]:checked,
.jrForm input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.293 4.293a1 1 0 0 1 0 1.414L7 12a1 1 0 0 1-1.414 0L3.293 9.707a1 1 0 0 1 1.414-1.414l1.586 1.586 5.586-5.586a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--fwd-color-blue-600) !important;
  border-color: var(--fwd-color-blue-600);
}
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:checked[disabled],
.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:checked[disabled],
.jrPage input[type=checkbox]:checked[disabled],
.jrForm input[type=checkbox]:checked[disabled],
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:checked[readonly],
.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:checked[readonly],
.jrPage input[type=checkbox]:checked[readonly],
.jrForm input[type=checkbox]:checked[readonly] {
  background-color: var(--fwd-color-gray-300) !important;
  border-color: var(--fwd-color-gray-300);
}
.jrPage .jrFieldDiv .jrFieldOption input[type=radio],
.jrForm .jrFieldDiv .jrFieldOption input[type=radio],
.jrPage input[type=radio],
.jrForm input[type=radio] {
  height: 1em;
  width: 1em!important;
  border-radius: 9999px;
}
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:focus,
.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:focus,
.jrPage input[type=radio]:focus,
.jrForm input[type=radio]:focus {
  box-shadow: 0 0 0 3px var(--fwd-color-blue-300);
  outline: 0;
}
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:focus:not(:checked),
.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:focus:not(:checked),
.jrPage input[type=radio]:focus:not(:checked),
.jrForm input[type=radio]:focus:not(:checked) {
  box-shadow: none;
}
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:checked,
.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:checked,
.jrPage input[type=radio]:checked,
.jrForm input[type=radio]:checked {
  color: var(--fwd-color-blue-600);
  background-color: currentColor;
  border-color: currentColor;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
}
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:checked[disabled],
.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:checked[disabled],
.jrPage input[type=radio]:checked[disabled],
.jrForm input[type=radio]:checked[disabled],
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:checked[readonly],
.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:checked[readonly],
.jrPage input[type=radio]:checked[readonly],
.jrForm input[type=radio]:checked[readonly] {
  color: var(--fwd-color-gray-300);
}
.jrPage .jrFieldDiv,
.jrForm .jrFieldDiv {
  margin: 0 0 16px 0;
  padding: 1px 0;
  position: relative;
  overflow: hidden;
}
.jrPage .jrFieldDiv:last-child,
.jrForm .jrFieldDiv:last-child {
  margin: 0;
}
.jrPage .jrFieldDiv.jrInputError input,
.jrForm .jrFieldDiv.jrInputError input {
  border-color: var(--fwd-color-red-600);
}
.jrPage .jrFieldDiv label,
.jrForm .jrFieldDiv label {
  font-weight: bold;
  display: block;
  float: none;
  margin: 0 0 8px 0;
  font-size: 1em;
  letter-spacing: 0.05em;
  text-transform: none;
  color: var(--fwd-color-gray-700);
}
.jrPage .jrFieldDiv label.jrLabel,
.jrForm .jrFieldDiv label.jrLabel {
  font-weight: bold;
}
.jrPage .jrFieldDiv label.error,
.jrForm .jrFieldDiv label.error {
  color: var(--fwd-color-red-600);
}
.jrPage input[type="text"],
.jrForm input[type="text"],
.jrPage input[type="email"],
.jrForm input[type="email"],
.jrPage input[type="url"],
.jrForm input[type="url"],
.jrPage input[type="number"],
.jrForm input[type="number"],
.jrPage input[type="password"],
.jrForm input[type="password"],
.jrPage textarea,
.jrForm textarea,
.jrPage select,
.jrForm select,
.jrListSearch input[type="text"] {
  font-weight: normal;
  outline: 0;
  float: none;
  opacity: 1;
  font-size: 1em;
  height: auto;
  line-height: normal;
  vertical-align: top;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  border-color: var(--fwd-color-gray-300);
  background-color: var(--fwd-color-white);
  color: var(--fwd-color-black);
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.jrPage input[type="text"].jrPage input[type="text"]::placeholder,
.jrPage input[type="text"].jrForm input[type="text"]::placeholder,
.jrPage input[type="text"].jrPage input[type="email"]::placeholder,
.jrPage input[type="text"].jrForm input[type="email"]::placeholder,
.jrPage input[type="text"].jrPage input[type="url"]::placeholder,
.jrPage input[type="text"].jrForm input[type="url"]::placeholder,
.jrPage input[type="text"].jrPage input[type="number"]::placeholder,
.jrPage input[type="text"].jrForm input[type="number"]::placeholder,
.jrPage input[type="text"].jrPage input[type="password"]::placeholder,
.jrPage input[type="text"].jrForm input[type="password"]::placeholder,
.jrPage input[type="text"].jrPage textarea::placeholder,
.jrPage input[type="text"].jrForm textarea::placeholder,
.jrPage input[type="text"].jrPage select::placeholder,
.jrPage input[type="text"].jrForm select::placeholder,
.jrForm input[type="text"].jrPage input[type="text"]::placeholder,
.jrForm input[type="text"].jrForm input[type="text"]::placeholder,
.jrForm input[type="text"].jrPage input[type="email"]::placeholder,
.jrForm input[type="text"].jrForm input[type="email"]::placeholder,
.jrForm input[type="text"].jrPage input[type="url"]::placeholder,
.jrForm input[type="text"].jrForm input[type="url"]::placeholder,
.jrForm input[type="text"].jrPage input[type="number"]::placeholder,
.jrForm input[type="text"].jrForm input[type="number"]::placeholder,
.jrForm input[type="text"].jrPage input[type="password"]::placeholder,
.jrForm input[type="text"].jrForm input[type="password"]::placeholder,
.jrForm input[type="text"].jrPage textarea::placeholder,
.jrForm input[type="text"].jrForm textarea::placeholder,
.jrForm input[type="text"].jrPage select::placeholder,
.jrForm input[type="text"].jrForm select::placeholder,
.jrPage input[type="email"].jrPage input[type="text"]::placeholder,
.jrPage input[type="email"].jrForm input[type="text"]::placeholder,
.jrPage input[type="email"].jrPage input[type="email"]::placeholder,
.jrPage input[type="email"].jrForm input[type="email"]::placeholder,
.jrPage input[type="email"].jrPage input[type="url"]::placeholder,
.jrPage input[type="email"].jrForm input[type="url"]::placeholder,
.jrPage input[type="email"].jrPage input[type="number"]::placeholder,
.jrPage input[type="email"].jrForm input[type="number"]::placeholder,
.jrPage input[type="email"].jrPage input[type="password"]::placeholder,
.jrPage input[type="email"].jrForm input[type="password"]::placeholder,
.jrPage input[type="email"].jrPage textarea::placeholder,
.jrPage input[type="email"].jrForm textarea::placeholder,
.jrPage input[type="email"].jrPage select::placeholder,
.jrPage input[type="email"].jrForm select::placeholder,
.jrForm input[type="email"].jrPage input[type="text"]::placeholder,
.jrForm input[type="email"].jrForm input[type="text"]::placeholder,
.jrForm input[type="email"].jrPage input[type="email"]::placeholder,
.jrForm input[type="email"].jrForm input[type="email"]::placeholder,
.jrForm input[type="email"].jrPage input[type="url"]::placeholder,
.jrForm input[type="email"].jrForm input[type="url"]::placeholder,
.jrForm input[type="email"].jrPage input[type="number"]::placeholder,
.jrForm input[type="email"].jrForm input[type="number"]::placeholder,
.jrForm input[type="email"].jrPage input[type="password"]::placeholder,
.jrForm input[type="email"].jrForm input[type="password"]::placeholder,
.jrForm input[type="email"].jrPage textarea::placeholder,
.jrForm input[type="email"].jrForm textarea::placeholder,
.jrForm input[type="email"].jrPage select::placeholder,
.jrForm input[type="email"].jrForm select::placeholder,
.jrPage input[type="url"].jrPage input[type="text"]::placeholder,
.jrPage input[type="url"].jrForm input[type="text"]::placeholder,
.jrPage input[type="url"].jrPage input[type="email"]::placeholder,
.jrPage input[type="url"].jrForm input[type="email"]::placeholder,
.jrPage input[type="url"].jrPage input[type="url"]::placeholder,
.jrPage input[type="url"].jrForm input[type="url"]::placeholder,
.jrPage input[type="url"].jrPage input[type="number"]::placeholder,
.jrPage input[type="url"].jrForm input[type="number"]::placeholder,
.jrPage input[type="url"].jrPage input[type="password"]::placeholder,
.jrPage input[type="url"].jrForm input[type="password"]::placeholder,
.jrPage input[type="url"].jrPage textarea::placeholder,
.jrPage input[type="url"].jrForm textarea::placeholder,
.jrPage input[type="url"].jrPage select::placeholder,
.jrPage input[type="url"].jrForm select::placeholder,
.jrForm input[type="url"].jrPage input[type="text"]::placeholder,
.jrForm input[type="url"].jrForm input[type="text"]::placeholder,
.jrForm input[type="url"].jrPage input[type="email"]::placeholder,
.jrForm input[type="url"].jrForm input[type="email"]::placeholder,
.jrForm input[type="url"].jrPage input[type="url"]::placeholder,
.jrForm input[type="url"].jrForm input[type="url"]::placeholder,
.jrForm input[type="url"].jrPage input[type="number"]::placeholder,
.jrForm input[type="url"].jrForm input[type="number"]::placeholder,
.jrForm input[type="url"].jrPage input[type="password"]::placeholder,
.jrForm input[type="url"].jrForm input[type="password"]::placeholder,
.jrForm input[type="url"].jrPage textarea::placeholder,
.jrForm input[type="url"].jrForm textarea::placeholder,
.jrForm input[type="url"].jrPage select::placeholder,
.jrForm input[type="url"].jrForm select::placeholder,
.jrPage input[type="number"].jrPage input[type="text"]::placeholder,
.jrPage input[type="number"].jrForm input[type="text"]::placeholder,
.jrPage input[type="number"].jrPage input[type="email"]::placeholder,
.jrPage input[type="number"].jrForm input[type="email"]::placeholder,
.jrPage input[type="number"].jrPage input[type="url"]::placeholder,
.jrPage input[type="number"].jrForm input[type="url"]::placeholder,
.jrPage input[type="number"].jrPage input[type="number"]::placeholder,
.jrPage input[type="number"].jrForm input[type="number"]::placeholder,
.jrPage input[type="number"].jrPage input[type="password"]::placeholder,
.jrPage input[type="number"].jrForm input[type="password"]::placeholder,
.jrPage input[type="number"].jrPage textarea::placeholder,
.jrPage input[type="number"].jrForm textarea::placeholder,
.jrPage input[type="number"].jrPage select::placeholder,
.jrPage input[type="number"].jrForm select::placeholder,
.jrForm input[type="number"].jrPage input[type="text"]::placeholder,
.jrForm input[type="number"].jrForm input[type="text"]::placeholder,
.jrForm input[type="number"].jrPage input[type="email"]::placeholder,
.jrForm input[type="number"].jrForm input[type="email"]::placeholder,
.jrForm input[type="number"].jrPage input[type="url"]::placeholder,
.jrForm input[type="number"].jrForm input[type="url"]::placeholder,
.jrForm input[type="number"].jrPage input[type="number"]::placeholder,
.jrForm input[type="number"].jrForm input[type="number"]::placeholder,
.jrForm input[type="number"].jrPage input[type="password"]::placeholder,
.jrForm input[type="number"].jrForm input[type="password"]::placeholder,
.jrForm input[type="number"].jrPage textarea::placeholder,
.jrForm input[type="number"].jrForm textarea::placeholder,
.jrForm input[type="number"].jrPage select::placeholder,
.jrForm input[type="number"].jrForm select::placeholder,
.jrPage input[type="password"].jrPage input[type="text"]::placeholder,
.jrPage input[type="password"].jrForm input[type="text"]::placeholder,
.jrPage input[type="password"].jrPage input[type="email"]::placeholder,
.jrPage input[type="password"].jrForm input[type="email"]::placeholder,
.jrPage input[type="password"].jrPage input[type="url"]::placeholder,
.jrPage input[type="password"].jrForm input[type="url"]::placeholder,
.jrPage input[type="password"].jrPage input[type="number"]::placeholder,
.jrPage input[type="password"].jrForm input[type="number"]::placeholder,
.jrPage input[type="password"].jrPage input[type="password"]::placeholder,
.jrPage input[type="password"].jrForm input[type="password"]::placeholder,
.jrPage input[type="password"].jrPage textarea::placeholder,
.jrPage input[type="password"].jrForm textarea::placeholder,
.jrPage input[type="password"].jrPage select::placeholder,
.jrPage input[type="password"].jrForm select::placeholder,
.jrForm input[type="password"].jrPage input[type="text"]::placeholder,
.jrForm input[type="password"].jrForm input[type="text"]::placeholder,
.jrForm input[type="password"].jrPage input[type="email"]::placeholder,
.jrForm input[type="password"].jrForm input[type="email"]::placeholder,
.jrForm input[type="password"].jrPage input[type="url"]::placeholder,
.jrForm input[type="password"].jrForm input[type="url"]::placeholder,
.jrForm input[type="password"].jrPage input[type="number"]::placeholder,
.jrForm input[type="password"].jrForm input[type="number"]::placeholder,
.jrForm input[type="password"].jrPage input[type="password"]::placeholder,
.jrForm input[type="password"].jrForm input[type="password"]::placeholder,
.jrForm input[type="password"].jrPage textarea::placeholder,
.jrForm input[type="password"].jrForm textarea::placeholder,
.jrForm input[type="password"].jrPage select::placeholder,
.jrForm input[type="password"].jrForm select::placeholder,
.jrPage textarea.jrPage input[type="text"]::placeholder,
.jrPage textarea.jrForm input[type="text"]::placeholder,
.jrPage textarea.jrPage input[type="email"]::placeholder,
.jrPage textarea.jrForm input[type="email"]::placeholder,
.jrPage textarea.jrPage input[type="url"]::placeholder,
.jrPage textarea.jrForm input[type="url"]::placeholder,
.jrPage textarea.jrPage input[type="number"]::placeholder,
.jrPage textarea.jrForm input[type="number"]::placeholder,
.jrPage textarea.jrPage input[type="password"]::placeholder,
.jrPage textarea.jrForm input[type="password"]::placeholder,
.jrPage textarea.jrPage textarea::placeholder,
.jrPage textarea.jrForm textarea::placeholder,
.jrPage textarea.jrPage select::placeholder,
.jrPage textarea.jrForm select::placeholder,
.jrForm textarea.jrPage input[type="text"]::placeholder,
.jrForm textarea.jrForm input[type="text"]::placeholder,
.jrForm textarea.jrPage input[type="email"]::placeholder,
.jrForm textarea.jrForm input[type="email"]::placeholder,
.jrForm textarea.jrPage input[type="url"]::placeholder,
.jrForm textarea.jrForm input[type="url"]::placeholder,
.jrForm textarea.jrPage input[type="number"]::placeholder,
.jrForm textarea.jrForm input[type="number"]::placeholder,
.jrForm textarea.jrPage input[type="password"]::placeholder,
.jrForm textarea.jrForm input[type="password"]::placeholder,
.jrForm textarea.jrPage textarea::placeholder,
.jrForm textarea.jrForm textarea::placeholder,
.jrForm textarea.jrPage select::placeholder,
.jrForm textarea.jrForm select::placeholder,
.jrPage select.jrPage input[type="text"]::placeholder,
.jrPage select.jrForm input[type="text"]::placeholder,
.jrPage select.jrPage input[type="email"]::placeholder,
.jrPage select.jrForm input[type="email"]::placeholder,
.jrPage select.jrPage input[type="url"]::placeholder,
.jrPage select.jrForm input[type="url"]::placeholder,
.jrPage select.jrPage input[type="number"]::placeholder,
.jrPage select.jrForm input[type="number"]::placeholder,
.jrPage select.jrPage input[type="password"]::placeholder,
.jrPage select.jrForm input[type="password"]::placeholder,
.jrPage select.jrPage textarea::placeholder,
.jrPage select.jrForm textarea::placeholder,
.jrPage select.jrPage select::placeholder,
.jrPage select.jrForm select::placeholder,
.jrForm select.jrPage input[type="text"]::placeholder,
.jrForm select.jrForm input[type="text"]::placeholder,
.jrForm select.jrPage input[type="email"]::placeholder,
.jrForm select.jrForm input[type="email"]::placeholder,
.jrForm select.jrPage input[type="url"]::placeholder,
.jrForm select.jrForm input[type="url"]::placeholder,
.jrForm select.jrPage input[type="number"]::placeholder,
.jrForm select.jrForm input[type="number"]::placeholder,
.jrForm select.jrPage input[type="password"]::placeholder,
.jrForm select.jrForm input[type="password"]::placeholder,
.jrForm select.jrPage textarea::placeholder,
.jrForm select.jrForm textarea::placeholder,
.jrForm select.jrPage select::placeholder,
.jrForm select.jrForm select::placeholder {
  opacity: 0.5;
}
.jrPage input[type="text"][disabled],
.jrForm input[type="text"][disabled],
.jrPage input[type="email"][disabled],
.jrForm input[type="email"][disabled],
.jrPage input[type="url"][disabled],
.jrForm input[type="url"][disabled],
.jrPage input[type="number"][disabled],
.jrForm input[type="number"][disabled],
.jrPage input[type="password"][disabled],
.jrForm input[type="password"][disabled],
.jrPage textarea[disabled],
.jrForm textarea[disabled],
.jrPage select[disabled],
.jrForm select[disabled] {
  background-color: var(--fwd-color-gray-200);
}
.jrPage input[type="text"],
.jrForm input[type="text"],
.jrPage input[type="email"],
.jrForm input[type="email"],
.jrPage input[type="url"],
.jrForm input[type="url"],
.jrPage input[type="number"],
.jrForm input[type="number"],
.jrPage input[type="password"],
.jrForm input[type="password"],
.jrPage select,
.jrForm select,
.jrListSearch input[type="text"] {
  padding: 10px 14px;
  margin: 0 0.75em 0 0;
}
.jrPage textarea,
.jrForm textarea,
.jrPage .jrCode:not(.jrFieldDiv),
.jrForm .jrCode:not(.jrFieldDiv),
.jrPage .jrTextArea:not(.jrFieldDiv),
.jrForm .jrTextArea:not(.jrFieldDiv) {
  padding: 10px 14px;
  width: 100%;
  margin: 0;
  height: 11em;
  line-height: 1.5;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  box-shadow: none;
}
.jrPage input[type="text"]:focus,
.jrForm input[type="text"]:focus,
.jrPage input[type="email"]:focus,
.jrForm input[type="email"]:focus,
.jrPage input[type="url"]:focus,
.jrForm input[type="url"]:focus,
.jrPage input[type="number"]:focus,
.jrForm input[type="number"]:focus,
.jrPage input[type="password"]:focus,
.jrForm input[type="password"]:focus,
.jrPage textarea:focus,
.jrForm textarea:focus,
.jrPage select:focus,
.jrForm select:focus {
  background-color: var(--fwd-color-gray-100);
  color: var(--fwd-color-gray-900);
  outline: none;
}
.jrPage input[type=radio],
.jrForm input[type=radio],
.jrPage input[type=checkbox],
.jrForm input[type=checkbox] {
  background-image: none;
  margin: 0 2px;
}
.jrPage input[type="text"].jrTitle,
.jrForm input[type="text"].jrTitle,
.jrPage input[type="url"].jrWebsite:not(.jrFieldDiv),
.jrForm input[type="url"].jrWebsite:not(.jrFieldDiv),
.jrPage input[type="text"].jrWebsite:not(.jrFieldDiv),
.jrForm input[type="text"].jrWebsite:not(.jrFieldDiv),
.jrPage input[type="email"].jrEmail:not(.jrFieldDiv),
.jrForm input[type="email"].jrEmail:not(.jrFieldDiv) {
  width: 70%;
}
.jrPage input[type="text"].jrTitleMedium,
.jrForm input[type="text"].jrTitleMedium {
  width: 25em;
}
.jrPage input[type="text"].jrText,
.jrForm input[type="text"].jrText {
  width: 20em;
}
.jrPage input[type="email"].jrEmail:not(.jrFieldDiv),
.jrForm input[type="email"].jrEmail:not(.jrFieldDiv),
.jrPage input[type="text"].jrEmail:not(.jrFieldDiv),
.jrForm input[type="text"].jrEmail:not(.jrFieldDiv) {
  width: 70%;
}
.jrPage input[type="text"].jrKeywords,
.jrForm input[type="text"].jrKeywords,
.jrPage input[type="text"].jrName,
.jrForm input[type="text"].jrName,
.jrPage input[type="text"].jrAutoSuggest,
.jrForm input[type="text"].jrAutoSuggest {
  width: 15em;
}
.jrPage input[type="text"].jrAutoSuggest,
.jrForm input[type="text"].jrAutoSuggest {
  float: left !important;
}
.jrPage select,
.jrForm select {
  line-height: normal;
}
.jrPage input[type="number"].jrDecimal,
.jrForm input[type="number"].jrDecimal,
.jrPage input[type="number"].jrInteger,
.jrForm input[type="number"].jrInteger {
  width: 8em;
}
.jrPage input[type="text"].jrDate,
.jrForm input[type="text"].jrDate {
  width: 100px;
}
.jrPage select.jrSelect,
.jrForm select.jrSelect {
  padding-right: 2.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath fill='var%28--fwd-color-gray-700%29'  d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 1em auto, 100%;
}
.jrPage select.jrSelect,
.jrForm select.jrSelect,
.jrPage select.jrSelectMultiple,
.jrForm select.jrSelectMultiple {
  margin-right: 0.75em;
}
.jrPage select.jrSelect:disabled,
.jrForm select.jrSelect:disabled,
.jrPage select.jrSelectMultiple:disabled,
.jrForm select.jrSelectMultiple:disabled {
  background-color: var(--fwd-color-gray-200);
  color: var(--fwd-color-gray-600);
}
.jrPage select.jrSelect[multiple],
.jrForm select.jrSelect[multiple],
.jrPage select.jrSelectMultiple,
.jrForm select.jrSelectMultiple {
  height: auto;
  margin-bottom: 5px;
}
.jrPage select.jrSelect[multiple] option,
.jrForm select.jrSelect[multiple] option,
.jrPage select.jrSelectMultiple option,
.jrForm select.jrSelectMultiple option {
  height: auto;
  line-height: 1.6;
  padding: 4px 10px;
}
.jrPage select.jrSearchOptions,
.jrForm select.jrSearchOptions {
  margin-right: 4px;
  width: auto !important;
}
.jrPage .jrButtons,
.jrForm .jrButtons {
  margin: 20px 0 0 0 !important;
}
.jrPage input.button,
.jrForm input.button,
.jrPage input.jrButton,
.jrForm input.jrButton {
  width: auto !important;
  margin: 0;
}
.jrPage .jrFieldDiv .jrFieldOption,
.jrForm .jrFieldDiv .jrFieldOption {
  margin: 0;
  white-space: nowrap;
  line-height: 26px;
}
.jrPage .jrFieldDiv .jrFieldOption.jrOptionMinWidth,
.jrForm .jrFieldDiv .jrFieldOption.jrOptionMinWidth {
  min-width: 125px;
}
.jrPage .jrFieldDiv .jrFieldOption input,
.jrForm .jrFieldDiv .jrFieldOption input {
  /* set checkboxes and radiobutton widths back to natural width */
  width: auto !important;
}
.jrPage .jrFieldDiv .jrFieldOption label,
.jrForm .jrFieldDiv .jrFieldOption label {
  font-size: 1em;
  text-transform: none;
  font-weight: normal;
  display: inline !important;
  margin: 0 8px;
  cursor: pointer;
}
.jrPage .jrCheckboxInline label,
.jrForm .jrCheckboxInline label {
  display: flex;
  align-items: baseline;
}
.jrPage .jrCheckboxInline.jrPrivacyCheck label,
.jrForm .jrCheckboxInline.jrPrivacyCheck label {
  font-size: inherit;
  font-weight: normal;
}
.jrPage .jrCheckboxInline input[type="checkbox"],
.jrForm .jrCheckboxInline input[type="checkbox"] {
  flex: none;
  margin: 0 10px 0 0;
}
.jrPage .jrFieldDiv .jrNewFieldOption,
.jrForm .jrFieldDiv .jrNewFieldOption {
  display: none;
  float: left;
  margin-left: 10px;
}
.jrPage .jrFieldDescription,
.jrForm .jrFieldDescription {
  color: var(--fwd-color-gray-600);
  font-size: 1em;
  display: inline-block;
  width: 100%;
  margin: 8px 0;
}
.jrPage .jrFieldDescription.jrAbove,
.jrForm .jrFieldDescription.jrAbove {
  margin-bottom: 12px;
}
.jrPage .jrFieldDescription.jrBelow,
.jrForm .jrFieldDescription.jrBelow {
  margin-top: 12px;
}
.jrPage span.error,
.jrForm span.error,
.jrPage input.error,
.jrForm input.error,
.jrPage select.error,
.jrForm select.error,
.jrPage textarea.error,
.jrForm textarea.error {
  background-color: inherit;
  color: inherit;
  border-color: var(--fwd-color-red-600);
}
.jrAdvSearchModule .jrAutoSuggest {
  float: none !important;
}
.jrRelatedListingSelected {
  margin-top: 5px;
  float: left;
}
/******************************
Pagination and Simple Search
*******************************/
.jrListSearch input[type="text"] {
  width: 14em;
  display: inline-block;
}
/******************************
Field Group Container
*******************************/
.jrForm fieldset {
  padding: 0;
  margin: 0;
  background: none;
  position: relative;
  border: 0;
  box-shadow: none;
}
.jrForm fieldset.jrFieldsetMargin {
  margin: 30px 0 0 0 !important;
}
.jrForm fieldset legend {
  top: -8px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: var(--fwd-color-gray-900);
  border: 0;
  border-style: solid;
  border-bottom-width: 4px;
  border-color: var(--fwd-color-gray-100);
  padding: 0 0 10px 0;
  margin: 0 0 12px 0;
}
.jrForm fieldset:first-of-type .jrFieldDiv {
  margin-top: 0;
}
.jrForm fieldset &gt; .jrFieldDiv {
  margin-top: 20px;
}
.jrForm fieldset legend ~ .jrFieldDiv {
  margin-top: 0;
}
.jrForm fieldset .jrFieldDiv:last-of-type {
  margin-bottom: 1em;
}
.jrForm fieldset.jrReviewFormOption .jrFieldDiv {
  margin: 0;
}
/****************************************
Reviews Field Group
*****************************************/
.jrForm label.jrReviewTitleLabel {
  font-weight: bold;
}
/******************************
Field Groups in tabs
*******************************/
.jrForm .jrTabs {
  margin: 20px 0 0 0;
}
.jrForm .jrTabs fieldset {
  margin: 0 !important;
}
.jrForm .jrTabs legend {
  display: none;
}
/******************************
Listing Submit Form
*******************************/
.jrListingCreateHelp {
  margin-bottom: 20px;
}
.jrListingTitleAlias.jrFieldDiv {
  overflow: visible;
}
.jrListingCreate ul {
  margin-left: 20px;
  padding: 0;
}
.jrListingCreate ul li {
  line-height: 2em;
}
#introtext.jrTextArea {
  height: 10em;
}
#fulltext.jrTextArea {
  height: 25em;
}
/* WYSIWYG Editor */
.jr-wysiwyg-editor {
  width: 34em;
}
table.mceLayout {
  width: 99.9% !important;
}
input#jr_submitListing {
  margin: 0 10px 0 0;
}
.jrForm label [class^="jrIcon"],
.jrForm legend [class^="jrIcon"],
.jrForm .jrRatingCriteria .jrIconRequired {
  margin: 0 0 0 5px;
}
.jrIconRequired {
  width: 11px;
}
.jrIconRequired:before {
  font-size: 11px;
  color: var(--fwd-color-red-700);
}
.jrIconInfo:before {
  font-size: 13px;
}
/****************************************
Media Upload Form
*****************************************/
.jrMediaForm .jrTabs {
  margin: 20px 0;
}
.jrMediaForm .jrMediaLimits {
  margin: 10px 0;
  display: block;
}
.jrMediaForm .jrMediaLimits ul {
  margin: 0 !important;
  padding: 0 !important;
}
.jrMediaForm .jrMediaLimits ul li {
  float: left;
  list-style: none;
  background: none;
  margin: 0 10px 5px 0;
}
.jrMediaForm .jrMediaLimits ul li:first-child {
  margin: 0 10px 0 0;
  font-weight: bold;
}
.jrMediaForm .jrMediaTermsCheckbox {
  margin-top: 5px;
}
.jrMediaForm .jrMediaTermsCheckbox label {
  display: inline;
  font-weight: bold;
  cursor: pointer;
}
.jrMediaForm div.jrUpload {
  padding: 5px 10px;
}
.jrMediaForm #mediaUploader {
  margin-bottom: 20px;
}
.jrMediaForm .jrMediaUploadSuccess {
  margin-bottom: 5px;
  display: inline-block;
}
.jrMediaForm .jrMediaDiv {
  border-bottom: 1px solid #bbb;
  padding: 15px;
  position: relative;
}
.jrMediaForm .jrMediaDiv:last-child {
  border: 0;
  margin: 0;
}
.jrMediaForm .jrMediaInfo {
  float: right;
  text-align: right;
}
.jrMediaForm .jrMediaInfo span {
  float: right;
  width: auto;
  clear: both;
  margin-top: 5px;
  word-break: break-all;
}
.jrMediaForm .jrMediaFilename {
  word-break: break-all;
}
.jrMediaForm .jrMediaThumb {
  text-align: center;
}
.jrMediaForm .jrMediaDetails input,
.jrMediaForm .jrMediaDetails textarea {
  width: 100%;
  margin: 0;
  padding: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jrMediaForm .jrMediaDiv .jrFieldDiv {
  margin-right: 8px;
}
.jrMediaForm .jrMediaMessage li {
  margin-left: 10px;
}
.jrMediaForm .jrDropArea {
  text-align: center;
  padding: 10px;
  margin: 10px;
}
.jrMediaForm label {
  margin-bottom: 3px;
}
.jrMediaForm .jrMediaDelete {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
/****************************************
Media Edit Form
*****************************************/
.jrThumbList label {
  font-weight: bold;
}
.jrThumbList &gt; div {
  margin: 5px 0;
  display: flex;
  flex-flow: row wrap;
}
/****************************************
FormBuilder Custom Field
*****************************************/
.jrForm .jrFormBuilder .jrFormHeading {
  margin-bottom: 5px;
}
.jrForm .jrFormBuilder .jrFormHeading .title {
  margin-right: 10px;
}
.jrForm .jrFormBuilder [data-schemapath="root"] &gt; .jrFormHeading .title {
  display: none;
}
.jrForm .jrFormBuilder .jrFormBuilderPanel {
  padding: 8px;
}
.jrForm .jrFormBuilder .jrFormBuilderPanel .jrGrid {
  margin-bottom: 10px;
}
.jrForm .jrFormBuilder .jrFormBuilderPanel[data-schemapath*="root"] {
  padding: 5px;
}
.jrForm .jrFormBuilder .jrFieldDiv {
  margin: 0 0 5px 0;
}
.jrForm .jrFormBuilder .jrFieldDiv .jrSelect {
  width: 95%;
}
.jrForm .jrFormBuilder .jrFieldDiv input {
  width: 95%;
}
.jrForm .jrFormBuilder .jrFieldDiv textarea {
  height: 5em;
  width: 95%;
}
.jrForm .jrFormBuilder .jrFieldDiv .jrButton {
  height: 2em;
}
.jrForm .jrFormBuilder .jrTableGrid {
  margin-bottom: 10px;
}
.jrForm .jrFormBuilder .jrTableGrid tr th {
  height: 25px;
  vertical-align: top;
}
.jrForm .jrFormBuilder .jrTableGrid tr td {
  vertical-align: top;
}
/******************************
Filters
*******************************/
.jrNoResultsDialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 99999;
}
.jrNoResults {
  display: inline-block;
  background: #757575;
  border: 0;
  box-shadow: 0 3px 7px #424242;
  font-weight: bold;
  color: #fff;
  width: 400px;
  padding: 30px 0;
  opacity: 0.98;
  border-radius: 3px;
}
.jrFilterFieldWrap .jrFilterLabel {
  user-select: none;
  cursor: pointer;
  padding: 10px 0;
}
.jrFilterFieldWrap .jrFilterName {
  margin: 0 0 3px 0;
  font-weight: 400;
  padding: 0;
  font-size: 18px;
  line-height: 1.1;
}
.jrFilterFieldWrap {
  border-bottom: 1px solid var(--fwd-color-gray-200);
  margin: 0 20px 0 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  /* so the +/- sign shows in the filter wrapper */
}
.jrFilterFieldWrap.jrFilterSlideout:before {
  content: "+";
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #777;
  z-index: -1;
  /* to make the +/- sign clickable */
}
.jrFilterFieldWrap .jrRatingStarsUser,
.jrFilterFieldWrap .jrRatingStarsEditor {
  display: inline-block;
  position: relative;
  top: 3px;
}
.jrSelectedFiltersPreview {
  color: #999;
  font-size: 14px;
  margin: -2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jrFilterFieldWrap.jrIsOpen:before {
  content: "\2013";
}
.jrFilterFieldWrap input[type="text"] {
  background: none;
  border: 0;
  border-bottom: 1px solid var(--fwd-color-gray-200);
  border-radius: 0;
  box-shadow: none;
  vertical-align: baseline;
  font-size: 16px;
}
.jrFilterFieldWrap input[type="text"].jrFilterOptionSearch {
  border: 1px solid #ccc;
  max-width: 125px;
  border-radius: 4px;
  font-size: 12px;
  height: 30px;
  margin-bottom: 5px;
  text-indent: 5px;
}
@media (max-width: 480px) {
  .jrFilterFieldWrap input[type="text"].jrFilterOptionSearch {
    font-size: 16px;
    line-height: 25px;
  }
}
.jrFilterFieldWrap .jrActiveLink {
  margin-left: 0;
}
.jrFilterSelected {
  border-bottom: 1px solid var(--fwd-color-gray-200);
  margin-bottom: 4px;
  padding-bottom: 2px;
}
.jrCheckboxFilter .jrFilterUnselected,
.jrLinkFilter .jrFilterUnselected {
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
}
.jrLinkBoxedFilter .jrFilterUnselected {
  margin-bottom: 0.5rem;
}
@media (max-width: 480px) {
  .jrCheckboxFilter .jrFilterUnselected,
  .jrLinkFilter .jrFilterUnselected {
    max-height: 100%;
    height: 100%;
    overflow: visible;
  }
}
.jrFilterContainer {
  margin-bottom: 10px;
}
.jrCheckboxFilter input[type=checkbox] {
  margin-right: 5px;
}
.jrFilterFieldWrap .jrFilterItem {
  text-decoration: none;
  display: block;
  color: var(--fwd-color-gray-700);
  margin-bottom: 5px;
}
.jrFilterFieldWrap .jrFilterItem .jrOptionText {
  letter-spacing: -0.3px;
}
.jrFilterFieldWrap .jrFilterItem:hover {
  color: var(--fwd-color-black);
}
.jrFilterFieldWrap .jrLink.jrChecked {
  font-weight: 600;
}
.jrFilterFieldWrap .jrFilterItem.jrLinkBoxed {
  border: 1px solid var(--fwd-color-gray-300);
  display: inline-block;
  font-size: 13px;
  height: 38px;
  letter-spacing: -1px;
  line-height: 40px;
  margin: 0 -1px -1px 0;
  padding: 0 5px;
  text-align: center;
  min-width: 38px;
}
.jrFilterFieldWrap .jrFilterItem.jrLinkBoxed.jrChecked {
  border-color: var(--fwd-color-gray-900);
  background-color: var(--fwd-color-gray-700);
  color: var(--fwd-color-white);
  position: relative;
}
.jrFilterFieldWrap .jrFilterItem.jrRatingStar.jrChecked:before,
.jrFilterFieldWrap .jrFilterItem.jrLink.jrChecked:before {
  font-family: 'jrIcons';
  font-size: 10px;
  line-height: 1.3;
  color: var(--fwd-color-black);
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 5px 0 -15px;
  content: "\e01c";
}
.jrFilterFieldWrap .jrRatingFilter .jrFilterItem,
.jrFilterFieldWrap .jrLinkFilter .jrFilterItem {
  margin-left: 20px;
}
.jrFilterFieldWrap .jrRangeFilterInner {
  margin: 5px 0 15px 0;
  padding-top: 15px;
  position: relative;
}
.jrFilterFieldWrap .jrRangeFilter label.jrRangeFilterLabel {
  font-size: 11px;
  font-weight: 700;
  margin-left: 5px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  float: none;
  display: inline;
}
.jrFilterFieldWrap .jrText {
  width: 80% !important;
}
.jrFilterFieldWrap .jrApplyFilter {
  position: absolute;
  right: 0;
}
.jrFilterFieldWrap .jrRangeFilter .jrRangeDelimiter {
  margin: 0 10px;
}
.jrFilterFieldWrap .jrRangeFilter .jrRangeInput {
  max-width: 50px;
  display: inline-block;
}
.jrFilterFieldWrap .jrRangeFilter .jrRangeInput.jrDate {
  width: 85px;
  max-width: 85px;
  margin-right: 0;
  font-size: 14px;
  padding: 12px 6px;
}
.jrApplyFilter.jrButton {
  padding: 5px 6px;
  border-radius: 9999px;
  width: 26px;
  height: 26px;
  z-index: 1;
}
.jrIconApplyFilter:before {
  content: "\e02c";
}
.jrFiltersContainer[data-layout="horizontal"] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.jrFiltersContainer[data-layout="horizontal"] .jrFilterFieldWrap {
  flex: 1;
  min-width: 180px;
  margin: 0;
  padding: 0 10px 10px 10px;
  text-overflow: hidden;
}
.jrFiltersContainer[data-layout="horizontal"] .jrFilterFieldWrap .jrApplyFilter {
  right: 10px;
}
.jrDialog .jrFilterFieldWrap {
  border: 0;
  margin: 0;
}
.jrDialog .jrFilterFieldWrap .jrFilterContainer {
  margin-right: 1px;
  /* Needed for linkboxed right border to appear */
}
.jrDialog .jrFilterFieldWrap .jrFilterOptions {
  display: flex;
  flex-flow: row wrap;
}
.jrDialog .jrFilterFieldWrap .jrFilterItem {
  display: inline-block;
  vertical-align: top;
  flex: 1 1 50%;
}
.jrDialog .jrFilterFieldWrap .jrFilterItem.jrLink.jrChecked:before {
  margin: 0 5px 0 0;
}
/* Toogle switch */
.jrToggleSwitchRow {
  display: table-row;
}
.jrToggleSwitchRow .jrToggleLabel,
.jrToggleSwitchRow .jrToggleSwitch {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 10px 0;
}
.jrToggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.jrToggle + label {
  margin: 0;
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input.jrToggleRound + label {
  padding: 2px;
  width: 46px;
  height: 25px;
  background-color: var(--fwd-color-gray-300);
  border-radius: 40px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.jrToggleRound + label:before,
input.jrToggleRound + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.jrToggleRound + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: var(--fwd-color-gray-300);
  border-radius: 40px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.jrToggleRound + label:after {
  top: 3px;
  left: 3px;
  bottom: 3px;
  width: 20px;
  background-color: var(--fwd-color-white);
  border-radius: 32px;
  -webkit-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
input.jrToggleRound[disabled] + label,
input.jrToggleRound[disabled] + label:before {
  background-color: var(--fwd-color-gray-100);
}
input.jrToggleRound:checked + label:before {
  background-color: var(--fwd-color-blue-600);
}
input.jrToggleRound:checked + label {
  background-color: var(--fwd-color-blue-600);
}
input.jrToggleRound:checked + label:after {
  margin-left: 20px;
  background-color: var(--fwd-color-white);
}
/******************************
Filters Panel
*******************************/
.jrFiltersButtonContainer {
  margin-bottom: 15px;
  min-height: 25px;
}
.jrFiltersButton {
  display: none;
  float: left;
  margin-right: 5px;
}
.jrFiltersNoScroll {
  overflow: hidden;
}
.jrFilterPanelTitle {
  font-weight: 300;
}
.jrFiltersPanel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 275px;
  padding: 0 10px 20px 10px;
  background: #fff;
  font-size: 16px;
}
.jrFiltersPanel .jrFiltersClearAll {
  display: block;
  margin-top: 0.85rem;
}
.jrFiltersPanel .jrFiltersClearAll.jrButton {
  text-align: center;
}
.jrFiltersPanel .jrFiltersPanelclose {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
}
.jrFiltersPanel[data-mobile="1"] .jrApplyFilter {
  display: none;
}
.jrFiltersPanelInner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}
.jrFiltersPanelContent {
  padding: 0 15px 100px 15px;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
}
.jrFiltersPanelHead {
  display: block;
  border-bottom: 1px solid var(--fwd-color-gray-200);
  padding: 15px;
}
.jrFiltersPanelOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 998;
  opacity: 0;
  background: rgba(30, 30, 30, 0.4);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.jrFiltersPanelShow {
  visibility: visible;
}
.jrFiltersPanelShow ~ .jrFiltersPanelOverlay {
  opacity: 1;
  visibility: visible;
}
.jrFiltersPanelShow .jrFiltersPanelInner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/******************************
AUTOCOMPLETE UI
*******************************/
.jrPage input[type="text"].jrAutoSuggest.acInstructions {
  color: var(--fwd-color-gray-700);
}
.ui-optionsDiv {
  margin: 2px 0;
  padding: 8px 0 0;
  clear: left;
  padding-left: 0.25rem !important;
  padding-top: 1rem !important;
}
.ui-optionsDiv a,
.ui-optionsDiv a:link {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  padding-bottom: 0.125rem !important;
  padding-top: 0.125rem !important;
  border-radius: 9999px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  background-color: var(--fwd-color-blue-100) !important;
  color: var(--fwd-color-blue-800) !important;
  border-width: 1px !important;
  border-style: solid;
  border-color: var(--fwd-color-blue-200) !important;
}
.ui-optionsDiv a.ui-disabled,
.ui-optionsDiv a.ui-disabled:hover,
.ui-optionsDiv a.ui-disabled:active {
  background-color: var(--fwd-color-gray-50) !important;
  color: var(--fwd-color-gray-500) !important;
  border-color: var(--fwd-color-gray-200) !important;
}
.ui-optionsDiv label {
  float: left;
  clear: none;
  margin: 0 5px 2px 0;
  font-weight: bold;
}
/******************************
VALIDATION
*******************************/
.jrForm #msg span,
.jrForm #msg p {
  color: red;
}
.jrForm #msg li {
  margin-left: 15px;
}
.jrValidation {
  margin-top: 5px;
  color: red;
  font-weight: normal;
}
/******************************
Ratings
*******************************/
.jrRatingsSubmission.jrTableGrid {
  width: auto;
  margin: 0;
}
.jrRatingsSubmission.jrTableGrid [class*="jrCol"] {
  padding: 0 3px;
}
.jrRatingsSubmission.jrTableGrid .jrRow {
  height: 30px;
}
.jrRatingsSubmission.jrTableGrid .jrRatingStars .jrSliderInput {
  width: 155px;
}
.jrRatingsSubmission.jrTableGrid .jrRatingCriteria,
.jrRatingsSubmission.jrTableGrid .jrRatingStars,
.jrRatingsSubmission.jrTableGrid .jrRatingCaption {
  vertical-align: middle;
}
.jrRatingsSubmission.jrTableGrid .jrRatingCaption {
  padding-left: 15px;
}
/* WordPress Editor */
.wp-editor-tools {
  display: inline-block;
}
/*************************************
Custom Fields Presentation
*************************************/
.jrCustomFields {
  overflow: hidden;
}
.jrFieldGroup {
  padding-bottom: 1em;
}
.jrFieldGroup .jrFieldRow {
  margin-bottom: 5px;
  overflow: hidden;
}
.jrFieldGroup .jrFieldLabel {
  float: left;
  clear: left;
  width: 150px;
  font-weight: normal;
  text-align: left;
  white-space: normal;
}
.jrFieldGroup .jrFieldLabelDisabled {
  display: none;
}
.jrFieldGroup .jrFieldValue {
  margin-left: 150px;
}
.jrFieldGroup .jrFieldValue.jrLabelDisabled {
  margin-left: 0;
}
.jrFieldGroup .jrFieldValue img {
  border: 0;
}
.jrFieldGroupTitle {
  text-transform: uppercase;
  font-size: 1.2em;
  padding: 0 0 2px 0;
  margin-top: 0 !important;
  margin-bottom: 0.3em;
  display: inline-block;
}
ul.jrFieldValueList,
ul.jrFieldValueList li {
  overflow: hidden;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}
ul.jrFieldValueList li {
  margin-right: 5px !important;
  white-space: nowrap;
  float: left;
  display: block;
}
ul.jrFieldValueList li:after {
  content: '\2022';
  padding-left: 5px;
}
ul.jrFieldValueList li:last-child:after {
  content: '';
}
ul.jrFieldValueList.jrFieldRelated li {
  float: none;
}
ul.jrFieldValueList.jrFieldRelated li:after {
  content: '';
  padding-right: 0;
}
/* List pages */
.jrResults .jrCustomFields {
  clear: left;
  margin: 1em 0;
}
.jrResults .jrCustomFields .jrFieldGroup {
  padding: 0;
}
.jrResults .jrCustomFields .jrFieldGroupTitle {
  /* hide the fieldGroup title when in list views! */
  display: none;
}
/* Reviews */
.jrReviewLayout .jrFieldGroupTitle {
  font-size: 1em;
}
/* Smartphone */
@media (max-width: 480px) {
  .jrCustomFields {
    clear: both;
  }
  .jrListingDetail.jrCompact .jrCustomFields {
    width: 100%;
    margin: 0 0 10px 0;
    clear: none;
  }
}
/*************************************
FormBuilder
*************************************/
/* Business Hours */
.jrBusinessHours {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
}
.jrBusinessHours .jrDay {
  font-weight: bold;
  width: 50px;
  display: inline-block;
}
.jrBusinessHours .jrBusinessHoursStatus {
  font-weight: bold;
}
.jrBusiness-open {
  color: #3cb52e;
}
.jrBusiness-closed {
  color: #c41200;
}
.jrForm .jrFormBuilder [data-schemaid="user-timezone"] &gt; .jrFieldDiv .jrSelect {
  max-width: 100%;
  width: 20em;
}
/* Recipes */
.jrRecipeGrid {
  text-align: left;
}
.jrCompareview .jrRecipeGrid.jrGrid &gt; .jrCol6 {
  width: 100%;
}
ol.jrRecipeSteps {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: item;
}
ol.jrRecipeSteps li:before {
  content: counter(item) !important;
  counter-increment: item;
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  color: #5f5f5f;
  background: #e0e0e0;
  font-weight: 600;
  transform: scale(0.8);
  font-size: 18px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 50%;
  text-align: center;
}
ol.jrRecipeSteps li {
  min-height: 30px;
}
ol.jrRecipeSteps li span {
  display: block;
  margin-left: 50px;
  margin-top: 10px;
  padding-top: 10px;
}
/* Restaurant Menu */
.jrDishDescription {
  color: #777;
}
.jrDishName {
  margin-bottom: 3px;
}
/*************************************
Responsive styles
*************************************/
/* Tablet to desktop */
@media (min-width: 768px) and (max-width: 979px) {
  /* Comparison dashboard */
  .jrCompareDashboard .jrCompareTabs {
    width: 720px;
  }
  .jrCompareDashboard .jrCompareTabs .ui-tabs-panel .jrCompareScroll {
    max-width: 535px;
  }
  .jrCompareDashboard .jrCompareTabs .ui-tabs-panel ul li.ltItem {
    width: 46%;
  }
  .jrCompareDashboard .jrCompareTitle {
    display: none;
  }
  /* Filters */
  .jrFiltersButton {
    float: none;
  }
}
/* Smartphone to tablet */
@media (max-width: 767px) {
  /* Directory */
  .jrDirview &gt; ul {
    padding-left: 10px;
  }
  .jrDirview ul li.jrCatLevel1 {
    float: none !important;
    width: auto !important;
    overflow: hidden;
  }
  /* List pages */
  .jrListSearch a {
    clear: both;
    display: block;
    margin: 5px 0;
  }
  .jrPagenavResults,
  .jrPagenavLimit,
  .jrOrdering {
    text-align: center;
    justify-content: center;
  }
  .jrOrdering .jrMediaFilter {
    display: inline;
  }
  .jrOrdering .jrMediaSort {
    display: inline;
    margin: 0;
  }
  .jrPagenavPages {
    margin: 8px 0;
  }
  .jrPagination {
    display: block;
    text-align: center;
  }
  .jrPagination &gt; [class*="jrCol"] {
    display: inline-block;
    width: 100%;
  }
  /* Blogview - disable map */
  .jrResults .jrListingColumn {
    width: auto !important;
    border: 0;
    padding: 0;
  }
  .jrMapColumn {
    display: none;
  }
  /* Detail page map */
  .jrMapLayoutDetail .jrMapDetail {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .jrMapLayoutDetail .jrStreetviewDetail {
    width: 100%;
    clear: both;
  }
  /* Review, discussion, reviewer rank layout */
  .jrReviewLayout,
  .jrReviewListLayout,
  .jrRankLayout {
    display: flex;
    flex-flow: column;
  }
  .jrReviewLayoutRight,
  .jrReviewLayoutLeft,
  .jrDiscussionLayoutRight,
  .jrDiscussionLayoutLeft,
  .jrRankLayoutRight,
  .jrRankLayoutLeft {
    width: 100%;
  }
  .jrUserInfo {
    display: flex;
    align-items: center;
  }
  .jrReviewContent,
  .jrDiscussionContent,
  .jrRankContent {
    order: 2;
  }
  .jrUserInfo {
    display: flex;
    order: 1;
    flex-flow: row;
  }
  .jrUserInfoText {
    margin-left: 10px;
    flex: 0 0 auto;
    text-align: left;
  }
  .jrReviewFooter,
  .jrDiscussionFooter {
    order: 3;
  }
}
/* Smartphone */
@media (max-width: 480px) {
  /* Recaptcha */
  .g-recaptcha {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    margin-left: 5px;
  }
  /* Popup tooltip */
  .jrIconInfo.jr-more-info:before {
    font-size: 16px;
  }
  .jrForm,
  .jrForm.jrFormContainer,
  .jrForm.jrReviewForm {
    padding: 12px;
  }
  .jrForm .jrFieldDiv.jrLeft {
    float: none;
  }
  .jrForm input[type="url"].jrWebsite,
  .jrForm input[type="url"].jrWebsite:not(.jrFieldDiv),
  .jrForm input[type="text"].jrTitle,
  .jrForm input[type="email"].jrEmail,
  .jrForm input[type="email"].jrEmail:not(.jrFieldDiv),
  .jrForm input[type="text"].jrTitleMedium,
  .jrForm input[type="text"].jrText,
  .jrForm input[type="text"].jrKeywords,
  .jrForm input[type="text"].jrName,
  .jrForm input[type="text"].jrAutoSuggest,
  .jrForm textarea {
    box-sizing: border-box;
    width: 100%;
  }
  .jrForm input[type="text"].jrDate {
    width: 110px!important;
  }
  .jrForm select[data-click2add="1"] ~ input[type="text"] {
    width: 70%;
  }
  .jrForm input[type="text"].acInstructions {
    font-size: 13px;
    height: 2.6em;
    line-height: 2.6em;
  }
  .jrForm select.jrSelectMultiple,
  .jrForm select.jrSelect {
    width: 100%;
  }
  .jrForm select.jrSelectMultiple option,
  .jrForm select.jrSelect option {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .jrForm .ui-optionsDiv a {
    white-space: normal;
  }
  #es form.jrForm input[type="url"].jrWebsite,
  #es form.jrForm input[type="text"].jrTitle,
  #es form.jrForm input[type="email"].jrEmail,
  #es form.jrForm input[type="text"].jrTitleMedium,
  #es form.jrForm input[type="text"].jrText,
  #es form.jrForm input[type="text"].jrKeywords,
  #es form.jrForm input[type="text"].jrName,
  #es form.jrForm input[type="text"].jrAutoSuggest,
  #es form.jrForm textarea {
    width: 100%;
  }
  .jrButton:not(.jr-pagenav-page):not(.jr-pagenav-current):not(.jr-pagenav-prev):not(.jr-pagenav-next):not(.jrApplyFilter):not(.jr-search):not(.jrFiltersButton) {
    margin-bottom: 8px;
  }
  .jrOrdering {
    margin-top: 1.5em;
  }
  /* Detail page */
  .jrListingDetail {
    /* Hide rating count when user rating follows editor rating */
  }
  .jrListingDetail .jrListingStatus {
    float: left !important;
  }
  .jrListingDetail .jrOverallRatings {
    margin-bottom: 10px;
  }
  .jrListingDetail .jrOverallRatings .jrOverallEditor {
    margin-right: 5px;
  }
  .jrListingDetail .jrOverallEditor + .jrOverallUser .rating_count {
    display: none;
  }
  .jrListingDetail .jrOverallUser ~ .jrOverallEditor {
    margin-right: 10px;
  }
  .jrListingDetail .jrListingFulltext {
    margin-bottom: 0;
    width: 100%;
  }
  .jrListingDetail .jrListingMainImage,
  .jrListingDetail .jrListingMainImage.jrLeft {
    float: none;
    display: block;
    max-width: 100%!important;
    margin: 0 0 10px 0;
  }
  .jrListingDetail .jrListingMainImage img,
  .jrListingDetail .jrListingMainImage.jrLeft img {
    float: none;
  }
  .jrListingDetail .jrListingStatus {
    float: left !important;
    margin-top: 8px;
  }
  .jrListingDetail .jrCompactGallery {
    margin-top: 5px;
  }
  .jrListingDetail .jrMediaContainer:not(.jrAttachments) .jrThumbGallery,
  .jrListingDetail .jrCompactGallery,
  .jrListingDetail .jrVideoList {
    display: flex;
    flex-flow: row nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .jrListingDetail .jrPhotoGalleryCompact {
    float: left;
    clear: both;
    margin: 0 0 20px 0;
  }
  .jrListingDetail .jrMediaContainer .jrThumbGallery .jrMediaThumb,
  .jrListingDetail .jrCompactGallery .jrMediaThumb,
  .jrListingDetail .jrVideoList .jrMediaThumb {
    padding: 0;
    margin: 0 5px 0 0;
    float: none;
    flex: 0 0 auto;
    max-width: 200px;
    height: auto;
  }
  .jrListingDetail .jrMediaContainer .jrThumbGallery .jrMediaThumb img,
  .jrListingDetail .jrCompactGallery .jrMediaThumb img,
  .jrListingDetail .jrVideoList .jrMediaThumb img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
  }
  .jrListingDetail .jrPhotoGalleryCompact {
    max-width: 100%!important;
  }
  .jrListingDetail .jrPhotoGalleryCompact .jrPhotoSlideShow {
    max-width: 100%;
    height: auto;
  }
  .jrListingDetail .jrPhotoGallery .jrButton.jrReport {
    box-shadow: none;
    font-size: 0!important;
    padding: 6px!important;
  }
  .jrListingDetail .jrPhotoGallery .jrButton.jrReport span {
    margin-right: 0;
  }
  .jrListingDetail .jrAttachments .jrDataListHeader,
  .jrListingDetail .jrAttachments .jrAttachmentSize,
  .jrListingDetail .jrAttachments .jrAttachmentType,
  .jrListingDetail .jrAttachments .jrAttachmentDownloads {
    display: none;
  }
  .jrListingDetail .jrAttachments .jrGrid {
    display: flex;
    flex-flow: row nowrap;
  }
  .jrListingDetail .jrAttachments .jrGrid &gt; [class*="jrCol"].jrAttachmentDescription {
    flex: 1 0 220px;
  }
  .jrListingDetail .jrAttachments .jrGrid &gt; [class*="jrCol"].jrAttachmentDownloadButton {
    flex: 1;
  }
  .jrListingDetail .jrReviewFooter .jrTextSeparator {
    display: none;
  }
  .jrListingDetail .jrReviewFooter .jrDiscussReview {
    display: block;
    margin-bottom: 8px;
  }
  .jrListingDetail.jrCompact .jrListingFulltext {
    width: 100%;
  }
  /* List pages */
  .jrPagination.jrPaginationTop &gt; .jrPagenavPages[class*="jrCol"] {
    display: none;
  }
  .jrPaginationBottom .jrPagenavResults {
    display: none;
  }
  /* Thumbview */
  .jrThumbview .jrResults .jrListingThumbnail {
    margin: 8px;
  }
  .jrListings .jrFieldGroup .jrFieldLabel {
    width: 125px;
  }
  .jrListings .jrFieldGroup .jrFieldValue:not(.jrLabelDisabled) {
    margin-left: 125px;
  }
  /* Tableview */
  .jrTableview .jrResults {
    display: block;
  }
  .jrTableview .jrResults .jrListingInfo {
    clear: left;
    text-align: center;
  }
  .jrTableview .jrDataList &gt; * {
    padding: 0;
  }
  .jrListings.jrTableview .jrListingTitle {
    margin-bottom: 5px;
  }
  .jrTableview .jrTableGrid.jrDataList [class*="jrCol"] {
    padding: 0;
    display: block;
  }
  .jrTableview .jrTableGrid.jrDataList [class*="jrCol"].jrTableColumnThumbnail {
    flex: 100%;
    padding: 0;
    margin: 0 0 12px 0;
    text-align: center;
  }
  .jrTableview .jrTableGrid.jrDataList [class*="jrCol"].jrTableColumnRatings {
    display: inline-block;
  }
  .jrTableview .jrTableGrid .jrRow {
    display: flex;
    flex-flow: row wrap;
    padding: 12px 0;
  }
  .jrTableview .jrTableGrid .jrRow:first-of-type {
    padding-top: 0;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain {
    flex: 100%;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrListingTitle,
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrTableColumnRatings,
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrListingInfo {
    text-align: center;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrListingTitle a {
    font-size: 1.2em;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrStatusIndicators {
    display: block;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnActions {
    flex: 100%;
  }
  .jrTableview .jrListingCategory {
    display: none;
  }
  .jrTableview .jrResults .jrTableColumnRatings .jrOverallRatings {
    width: auto;
  }
  .jrTableview .jrResults .jrTableColumnRatings .jrOverallRatings .jrOverallEditor,
  .jrTableview .jrResults .jrTableColumnRatings .jrOverallRatings .jrOverallUser {
    float: left;
    margin-right: 5px;
    white-space: nowrap;
  }
  /* Blogview */
  .jrListings.jrBlogview .jrListingTitle {
    margin: 0 0 5px 0;
  }
  .jrBlogview .jrListItem {
    display: flex;
    flex-flow: row wrap;
  }
  .jrBlogview .jrListItem .jrListingThumbnail {
    flex: 100%;
    padding: 0;
    margin: 0 0 12px 0;
  }
  .jrBlogview .jrListItem .jrListingContent {
    flex: 100%;
    overflow: hidden;
  }
  .jrBlogview .jrListItem .jrListingContent .jrListingTitle {
    text-align: center;
  }
  .jrBlogview .jrListItem .jrListingContent .jrListingTitle a {
    font-size: 1.2em;
  }
  .jrBlogview .jrListItem .jrListingContent .jrOverallRatings {
    text-align: center;
  }
  .jrBlogview .jrListItem .jrListingContent .jrOverallRatings .jrOverallUser,
  .jrBlogview .jrListItem .jrListingContent .jrOverallRatings .jrOverallEditor {
    float: none;
    display: inline-block;
  }
  .jrBlogview .jrListItem .jrListingContent .jrListingInfo {
    text-align: center;
  }
  .jrBlogview .jrListItem.jrNoThumbnail .jrListingContent {
    flex: 100%;
  }
  .jrBlogview .jrListItem .jrListingCategory {
    display: none;
  }
  /* Reviews */
  /* Review Layout */
  .jrReviewDate,
  .jrRatingInfo {
    float: none;
  }
  .jrReviewSummary .jrButton {
    margin-bottom: 10px;
  }
  /* Form */
  .jrForm fieldset {
    padding: 5px;
  }
  .jrForm input[type="text"].jrTitle,
  .jrForm input[type="text"].jrReviewTitle,
  .jrForm input[type="text"].jrText,
  .jrForm input[type="text"].jrEmail,
  .jrForm input[type="text"].jrWebsite,
  .jrDirectionsAddress input[type="text"] {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .jrPaidStep {
    width: auto !important;
  }
  /* Media */
  .jrMediaForm .jrMediaDiv {
    padding: 5px;
  }
  /* Dialog */
  .jrDialog.ui-dialog {
    width: 100%!important;
    left: 0!important;
    border-radius: 0!important;
  }
  /* Filters */
  .jrDialog .jrFilterFieldWrap .jrFilterItem {
    flex: 1 1 100%;
  }
  .jrFiltersButton {
    width: 100%;
    text-align: center;
    float: none;
  }
  /* Review Search */
  .jrReviewsMentioning {
    width: 100%;
    display: block;
    clear: both;
    margin: 15px 0;
  }
  .jrReviewSearch {
    margin-bottom: 15px;
  }
  .jrReviewSearch .jrKeywords {
    max-width: 130px;
  }
  /* Rating Stars Widget */
  .jrRatingsSubmission.jrTableGrid [class*="jrCol"] {
    display: block;
    margin-bottom: 5px;
  }
  .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingStars,
  .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingCaption {
    float: left;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingCaption {
    margin-top: 9px;
  }
  .jrRatingStars .jrSliderInput {
    width: 130px;
  }
  /* Directory */
  .jrDirview &gt; ul {
    padding-left: 10px;
  }
  .jrDirview ul li.jrCatLevel1 {
    float: none !important;
    width: auto !important;
    overflow: hidden;
  }
  /* Social sharing */
  .socialBookmarks &gt; div,
  .socialBookmarks &gt; span {
    margin-bottom: 15px ;
    display: inline-block;
  }
  .socialBookmarks iframe,
  .socialBookmarksVertical iframe,
  .socialBookmarks #___plus_0,
  .socialBookmarksVertical #___plus_0 {
    vertical-align: inherit!important;
  }
}
/*************************************
Debug styles
*************************************/
.s2-debug-container {
  display: block;
  border: 4px dashed #bdbdbd;
  padding: 8px;
  margin: 8px 12px;
}
.s2-debug-route {
  display: flex !important;
  flex-wrap: wrap;
}
.s2-debug-template {
  width: 100%;
  word-break: break-all;
  padding: 10px 12px;
  display: inline-block;
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 1rem;
  background-color: var(--fwd-color-blue-100);
  color: var(--fwd-color-gray-900);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.s2-template-path {
  margin-top: 0.25rem;
  font: 13px monospace;
}
.s2-debug-label {
  background-color: #3a87ad;
  text-transform: none;
  border: 2px solid var(--fwd-color-blue-100);
  padding: 4px 12px;
  display: inline-block;
  font-weight: normal;
  font-size: 1rem;
  text-align: left;
  color: var(--fwd-color-blue-100);
  border-radius: 0.25rem !important;
}
.s2-theme-name {
  background-color: #faf25f;
  color: #000;
  padding: 4px 12px;
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font: 13px monospace;
  margin-right: 0;
  border-radius: 9999px !important;
}
</pre></body></html>