: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: #68D391;
    --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
}

.fwd-text-gray-100,
.hover\:fwd-text-gray-100:hover {
    color: var(--fwd-color-gray-100) !important
}

.fwd-text-gray-200,
.hover\:fwd-text-gray-200:hover {
    color: var(--fwd-color-gray-200) !important
}

.fwd-text-gray-300,
.hover\:fwd-text-gray-300:hover {
    color: var(--fwd-color-gray-300) !important
}

.fwd-text-gray-400,
.hover\:fwd-text-gray-400:hover {
    color: var(--fwd-color-gray-400) !important
}

.fwd-text-gray-500,
.hover\:fwd-text-gray-500:hover {
    color: var(--fwd-color-gray-500) !important
}

.fwd-text-gray-600,
.hover\:fwd-text-gray-600:hover {
    color: var(--fwd-color-gray-600) !important
}

.fwd-text-gray-700,
.hover\:fwd-text-gray-700:hover {
    color: var(--fwd-color-gray-700) !important
}

.fwd-text-gray-800,
.hover\:fwd-text-gray-800:hover {
    color: var(--fwd-color-gray-800) !important
}

.fwd-text-gray-900,
.hover\:fwd-text-gray-900:hover {
    color: var(--fwd-color-gray-900) !important
}

.fwd-text-red-100,
.hover\:fwd-text-red-100:hover {
    color: var(--fwd-color-red-100) !important
}

.fwd-text-red-200,
.hover\:fwd-text-red-200:hover {
    color: var(--fwd-color-red-200) !important
}

.fwd-text-red-300,
.hover\:fwd-text-red-300:hover {
    color: var(--fwd-color-red-300) !important
}

.fwd-text-red-400,
.hover\:fwd-text-red-400:hover {
    color: var(--fwd-color-red-400) !important
}

.fwd-text-red-500,
.hover\:fwd-text-red-500:hover {
    color: var(--fwd-color-red-500) !important
}

.fwd-text-red-600,
.hover\:fwd-text-red-600:hover {
    color: var(--fwd-color-red-600) !important
}

.fwd-text-red-700,
.hover\:fwd-text-red-700:hover {
    color: var(--fwd-color-red-700) !important
}

.fwd-text-red-800,
.hover\:fwd-text-red-800:hover {
    color: var(--fwd-color-red-800) !important
}

.fwd-text-red-900,
.hover\:fwd-text-red-900:hover {
    color: var(--fwd-color-red-900) !important
}

.fwd-text-orange-100,
.hover\:fwd-text-orange-100:hover {
    color: var(--fwd-color-orange-100) !important
}

.fwd-text-orange-200,
.hover\:fwd-text-orange-200:hover {
    color: var(--fwd-color-orange-200) !important
}

.fwd-text-orange-300,
.hover\:fwd-text-orange-300:hover {
    color: var(--fwd-color-orange-300) !important
}

.fwd-text-orange-400,
.hover\:fwd-text-orange-400:hover {
    color: var(--fwd-color-orange-400) !important
}

.fwd-text-orange-500,
.hover\:fwd-text-orange-500:hover {
    color: var(--fwd-color-orange-500) !important
}

.fwd-text-orange-600,
.hover\:fwd-text-orange-600:hover {
    color: var(--fwd-color-orange-600) !important
}

.fwd-text-orange-700,
.hover\:fwd-text-orange-700:hover {
    color: var(--fwd-color-orange-700) !important
}

.fwd-text-orange-800,
.hover\:fwd-text-orange-800:hover {
    color: var(--fwd-color-orange-800) !important
}

.fwd-text-orange-900,
.hover\:fwd-text-orange-900:hover {
    color: var(--fwd-color-orange-900) !important
}

.fwd-text-yellow-100,
.hover\:fwd-text-yellow-100:hover {
    color: var(--fwd-color-yellow-100) !important
}

.fwd-text-yellow-200,
.hover\:fwd-text-yellow-200:hover {
    color: var(--fwd-color-yellow-200) !important
}

.fwd-text-yellow-300,
.hover\:fwd-text-yellow-300:hover {
    color: var(--fwd-color-yellow-300) !important
}

.fwd-text-yellow-400,
.hover\:fwd-text-yellow-400:hover {
    color: var(--fwd-color-yellow-400) !important
}

.fwd-text-yellow-500,
.hover\:fwd-text-yellow-500:hover {
    color: var(--fwd-color-yellow-500) !important
}

.fwd-text-yellow-600,
.hover\:fwd-text-yellow-600:hover {
    color: var(--fwd-color-yellow-600) !important
}

.fwd-text-yellow-700,
.hover\:fwd-text-yellow-700:hover {
    color: var(--fwd-color-yellow-700) !important
}

.fwd-text-yellow-800,
.hover\:fwd-text-yellow-800:hover {
    color: var(--fwd-color-yellow-800) !important
}

.fwd-text-yellow-900,
.hover\:fwd-text-yellow-900:hover {
    color: var(--fwd-color-yellow-900) !important
}

.fwd-text-green-100,
.hover\:fwd-text-green-100:hover {
    color: var(--fwd-color-green-100) !important
}

.fwd-text-green-200,
.hover\:fwd-text-green-200:hover {
    color: var(--fwd-color-green-200) !important
}

.fwd-text-green-300,
.hover\:fwd-text-green-300:hover {
    color: var(--fwd-color-green-300) !important
}

.fwd-text-green-400,
.hover\:fwd-text-green-400:hover {
    color: var(--fwd-color-green-400) !important
}

.fwd-text-green-500,
.hover\:fwd-text-green-500:hover {
    color: var(--fwd-color-green-500) !important
}

.fwd-text-green-600,
.hover\:fwd-text-green-600:hover {
    color: var(--fwd-color-green-600) !important
}

.fwd-text-green-700,
.hover\:fwd-text-green-700:hover {
    color: var(--fwd-color-green-700) !important
}

.fwd-text-green-800,
.hover\:fwd-text-green-800:hover {
    color: var(--fwd-color-green-800) !important
}

.fwd-text-green-900,
.hover\:fwd-text-green-900:hover {
    color: var(--fwd-color-green-900) !important
}

.fwd-text-blue-100,
.hover\:fwd-text-blue-100:hover {
    color: var(--fwd-color-blue-100) !important
}

.fwd-text-blue-200,
.hover\:fwd-text-blue-200:hover {
    color: var(--fwd-color-blue-200) !important
}

.fwd-text-blue-300,
.hover\:fwd-text-blue-300:hover {
    color: var(--fwd-color-blue-300) !important
}

.fwd-text-blue-400,
.hover\:fwd-text-blue-400:hover {
    color: var(--fwd-color-blue-400) !important
}

.fwd-text-blue-500,
.hover\:fwd-text-blue-500:hover {
    color: var(--fwd-color-blue-500) !important
}

.fwd-text-blue-600,
.hover\:fwd-text-blue-600:hover {
    color: var(--fwd-color-blue-600) !important
}

.fwd-text-blue-700,
.hover\:fwd-text-blue-700:hover {
    color: var(--fwd-color-blue-700) !important
}

.fwd-text-blue-800,
.hover\:fwd-text-blue-800:hover {
    color: var(--fwd-color-blue-800) !important
}

.fwd-text-blue-900,
.hover\:fwd-text-blue-900:hover {
    color: var(--fwd-color-blue-900) !important
}

.fwd-text-teal-100,
.hover\:fwd-text-teal-100:hover {
    color: var(--fwd-color-teal-100) !important
}

.fwd-text-teal-200,
.hover\:fwd-text-teal-200:hover {
    color: var(--fwd-color-teal-200) !important
}

.fwd-text-teal-300,
.hover\:fwd-text-teal-300:hover {
    color: var(--fwd-color-teal-300) !important
}

.fwd-text-teal-400,
.hover\:fwd-text-teal-400:hover {
    color: var(--fwd-color-teal-400) !important
}

.fwd-text-teal-500,
.hover\:fwd-text-teal-500:hover {
    color: var(--fwd-color-teal-500) !important
}

.fwd-text-teal-600,
.hover\:fwd-text-teal-600:hover {
    color: var(--fwd-color-teal-600) !important
}

.fwd-text-teal-700,
.hover\:fwd-text-teal-700:hover {
    color: var(--fwd-color-teal-700) !important
}

.fwd-text-teal-800,
.hover\:fwd-text-teal-800:hover {
    color: var(--fwd-color-teal-800) !important
}

.fwd-text-teal-900,
.hover\:fwd-text-teal-900:hover {
    color: var(--fwd-color-teal-900) !important
}

.fwd-border-white {
    border-color: var(--fwd-color-white) !important
}

.fwd-border-transparent {
    border-color: transparent !important
}

.fwd-border-gray-100,
.hover\:fwd-border-gray-100:hover {
    border-color: var(--fwd-color-gray-100) !important
}

.fwd-border-gray-200,
.hover\:fwd-border-gray-200:hover {
    border-color: var(--fwd-color-gray-200) !important
}

.fwd-border-gray-300,
.hover\:fwd-border-gray-300:hover {
    border-color: var(--fwd-color-gray-300) !important
}

.fwd-border-gray-400,
.hover\:fwd-border-gray-400:hover {
    border-color: var(--fwd-color-gray-400) !important
}

.fwd-border-gray-500,
.hover\:fwd-border-gray-500:hover {
    border-color: var(--fwd-color-gray-500) !important
}

.fwd-border-gray-600,
.hover\:fwd-border-gray-600:hover {
    border-color: var(--fwd-color-gray-600) !important
}

.fwd-border-gray-700,
.hover\:fwd-border-gray-700:hover {
    border-color: var(--fwd-color-gray-700) !important
}

.fwd-border-gray-800,
.hover\:fwd-border-gray-800:hover {
    border-color: var(--fwd-color-gray-800) !important
}

.fwd-border-gray-900,
.hover\:fwd-border-gray-900:hover {
    border-color: var(--fwd-color-gray-900) !important
}

.fwd-border-red-100,
.hover\:fwd-border-red-100:hover {
    border-color: var(--fwd-color-red-100) !important
}

.fwd-border-red-200,
.hover\:fwd-border-red-200:hover {
    border-color: var(--fwd-color-red-200) !important
}

.fwd-border-red-300,
.hover\:fwd-border-red-300:hover {
    border-color: var(--fwd-color-red-300) !important
}

.fwd-border-red-400,
.hover\:fwd-border-red-400:hover {
    border-color: var(--fwd-color-red-400) !important
}

.fwd-border-red-500,
.hover\:fwd-border-red-500:hover {
    border-color: var(--fwd-color-red-500) !important
}

.fwd-border-red-600,
.hover\:fwd-border-red-600:hover {
    border-color: var(--fwd-color-red-600) !important
}

.fwd-border-red-700,
.hover\:fwd-border-red-700:hover {
    border-color: var(--fwd-color-red-700) !important
}

.fwd-border-red-800,
.hover\:fwd-border-red-800:hover {
    border-color: var(--fwd-color-red-800) !important
}

.fwd-border-red-900,
.hover\:fwd-border-red-900:hover {
    border-color: var(--fwd-color-red-900) !important
}

.fwd-border-orange-100,
.hover\:fwd-border-orange-100:hover {
    border-color: var(--fwd-color-orange-100) !important
}

.fwd-border-orange-200,
.hover\:fwd-border-orange-200:hover {
    border-color: var(--fwd-color-orange-200) !important
}

.fwd-border-orange-300,
.hover\:fwd-border-orange-300:hover {
    border-color: var(--fwd-color-orange-300) !important
}

.fwd-border-orange-400,
.hover\:fwd-border-orange-400:hover {
    border-color: var(--fwd-color-orange-400) !important
}

.fwd-border-orange-500,
.hover\:fwd-border-orange-500:hover {
    border-color: var(--fwd-color-orange-500) !important
}

.fwd-border-orange-600,
.hover\:fwd-border-orange-600:hover {
    border-color: var(--fwd-color-orange-600) !important
}

.fwd-border-orange-700,
.hover\:fwd-border-orange-700:hover {
    border-color: var(--fwd-color-orange-700) !important
}

.fwd-border-orange-800,
.hover\:fwd-border-orange-800:hover {
    border-color: var(--fwd-color-orange-800) !important
}

.fwd-border-orange-900,
.hover\:fwd-border-orange-900:hover {
    border-color: var(--fwd-color-orange-900) !important
}

.fwd-border-yellow-100,
.hover\:fwd-border-yellow-100:hover {
    border-color: var(--fwd-color-yellow-100) !important
}

.fwd-border-yellow-200,
.hover\:fwd-border-yellow-200:hover {
    border-color: var(--fwd-color-yellow-200) !important
}

.fwd-border-yellow-300,
.hover\:fwd-border-yellow-300:hover {
    border-color: var(--fwd-color-yellow-300) !important
}

.fwd-border-yellow-400,
.hover\:fwd-border-yellow-400:hover {
    border-color: var(--fwd-color-yellow-400) !important
}

.fwd-border-yellow-500,
.hover\:fwd-border-yellow-500:hover {
    border-color: var(--fwd-color-yellow-500) !important
}

.fwd-border-yellow-600,
.hover\:fwd-border-yellow-600:hover {
    border-color: var(--fwd-color-yellow-600) !important
}

.fwd-border-yellow-700,
.hover\:fwd-border-yellow-700:hover {
    border-color: var(--fwd-color-yellow-700) !important
}

.fwd-border-yellow-800,
.hover\:fwd-border-yellow-800:hover {
    border-color: var(--fwd-color-yellow-800) !important
}

.fwd-border-yellow-900,
.hover\:fwd-border-yellow-900:hover {
    border-color: var(--fwd-color-yellow-900) !important
}

.fwd-border-green-100,
.hover\:fwd-border-green-100:hover {
    border-color: var(--fwd-color-green-100) !important
}

.fwd-border-green-200,
.hover\:fwd-border-green-200:hover {
    border-color: var(--fwd-color-green-200) !important
}

.fwd-border-green-300,
.hover\:fwd-border-green-300:hover {
    border-color: var(--fwd-color-green-300) !important
}

.fwd-border-green-400,
.hover\:fwd-border-green-400:hover {
    border-color: var(--fwd-color-green-400) !important
}

.fwd-border-green-500,
.hover\:fwd-border-green-500:hover {
    border-color: var(--fwd-color-green-500) !important
}

.fwd-border-green-600,
.hover\:fwd-border-green-600:hover {
    border-color: var(--fwd-color-green-600) !important
}

.fwd-border-green-700,
.hover\:fwd-border-green-700:hover {
    border-color: var(--fwd-color-green-700) !important
}

.fwd-border-green-800,
.hover\:fwd-border-green-800:hover {
    border-color: var(--fwd-color-green-800) !important
}

.fwd-border-green-900,
.hover\:fwd-border-green-900:hover {
    border-color: var(--fwd-color-green-900) !important
}

.fwd-border-blue-100,
.hover\:fwd-border-blue-100:hover {
    border-color: var(--fwd-color-blue-100) !important
}

.fwd-border-blue-200,
.hover\:fwd-border-blue-200:hover {
    border-color: var(--fwd-color-blue-200) !important
}

.fwd-border-blue-300,
.hover\:fwd-border-blue-300:hover {
    border-color: var(--fwd-color-blue-300) !important
}

.fwd-border-blue-400,
.hover\:fwd-border-blue-400:hover {
    border-color: var(--fwd-color-blue-400) !important
}

.fwd-border-blue-500,
.hover\:fwd-border-blue-500:hover {
    border-color: var(--fwd-color-blue-500) !important
}

.fwd-border-blue-600,
.hover\:fwd-border-blue-600:hover {
    border-color: var(--fwd-color-blue-600) !important
}

.fwd-border-blue-700,
.hover\:fwd-border-blue-700:hover {
    border-color: var(--fwd-color-blue-700) !important
}

.fwd-border-blue-800,
.hover\:fwd-border-blue-800:hover {
    border-color: var(--fwd-color-blue-800) !important
}

.fwd-border-blue-900,
.hover\:fwd-border-blue-900:hover {
    border-color: var(--fwd-color-blue-900) !important
}

.fwd-border-teal-100,
.hover\:fwd-border-teal-100:hover {
    border-color: var(--fwd-color-teal-100) !important
}

.fwd-border-teal-200,
.hover\:fwd-border-teal-200:hover {
    border-color: var(--fwd-color-teal-200) !important
}

.fwd-border-teal-300,
.hover\:fwd-border-teal-300:hover {
    border-color: var(--fwd-color-teal-300) !important
}

.fwd-border-teal-400,
.hover\:fwd-border-teal-400:hover {
    border-color: var(--fwd-color-teal-400) !important
}

.fwd-border-teal-500,
.hover\:fwd-border-teal-500:hover {
    border-color: var(--fwd-color-teal-500) !important
}

.fwd-border-teal-600,
.hover\:fwd-border-teal-600:hover {
    border-color: var(--fwd-color-teal-600) !important
}

.fwd-border-teal-700,
.hover\:fwd-border-teal-700:hover {
    border-color: var(--fwd-color-teal-700) !important
}

.fwd-border-teal-800,
.hover\:fwd-border-teal-800:hover {
    border-color: var(--fwd-color-teal-800) !important
}

.fwd-border-teal-900,
.hover\:fwd-border-teal-900:hover {
    border-color: var(--fwd-color-teal-900) !important
}

.fwd-bg-none {
    background: 0 0 !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
}

.fwd-bg-gray-100,
.hover\:fwd-bg-gray-100:hover {
    background-color: var(--fwd-color-gray-100) !important
}

.fwd-bg-gray-200,
.hover\:fwd-bg-gray-200:hover {
    background-color: var(--fwd-color-gray-200) !important
}

.fwd-bg-gray-300,
.hover\:fwd-bg-gray-300:hover {
    background-color: var(--fwd-color-gray-300) !important
}

.fwd-bg-gray-400,
.hover\:fwd-bg-gray-400:hover {
    background-color: var(--fwd-color-gray-400) !important
}

.fwd-bg-gray-500,
.hover\:fwd-bg-gray-500:hover {
    background-color: var(--fwd-color-gray-500) !important
}

.fwd-bg-gray-600,
.hover\:fwd-bg-gray-600:hover {
    background-color: var(--fwd-color-gray-600) !important
}

.fwd-bg-gray-700,
.hover\:fwd-bg-gray-700:hover {
    background-color: var(--fwd-color-gray-700) !important
}

.fwd-bg-gray-800,
.hover\:fwd-bg-gray-800:hover {
    background-color: var(--fwd-color-gray-800) !important
}

.fwd-bg-gray-900,
.hover\:fwd-bg-gray-900:hover {
    background-color: var(--fwd-color-gray-900) !important
}

.fwd-bg-red-100,
.hover\:fwd-bg-red-100:hover {
    background-color: var(--fwd-color-red-100) !important
}

.fwd-bg-red-200,
.hover\:fwd-bg-red-200:hover {
    background-color: var(--fwd-color-red-200) !important
}

.fwd-bg-red-300,
.hover\:fwd-bg-red-300:hover {
    background-color: var(--fwd-color-red-300) !important
}

.fwd-bg-red-400,
.hover\:fwd-bg-red-400:hover {
    background-color: var(--fwd-color-red-400) !important
}

.fwd-bg-red-500,
.hover\:fwd-bg-red-500:hover {
    background-color: var(--fwd-color-red-500) !important
}

.fwd-bg-red-600,
.hover\:fwd-bg-red-600:hover {
    background-color: var(--fwd-color-red-600) !important
}

.fwd-bg-red-700,
.hover\:fwd-bg-red-700:hover {
    background-color: var(--fwd-color-red-700) !important
}

.fwd-bg-red-800,
.hover\:fwd-bg-red-800:hover {
    background-color: var(--fwd-color-red-800) !important
}

.fwd-bg-red-900,
.hover\:fwd-bg-red-900:hover {
    background-color: var(--fwd-color-red-900) !important
}

.fwd-bg-orange-100,
.hover\:fwd-bg-orange-100:hover {
    background-color: var(--fwd-color-orange-100) !important
}

.fwd-bg-orange-200,
.hover\:fwd-bg-orange-200:hover {
    background-color: var(--fwd-color-orange-200) !important
}

.fwd-bg-orange-300,
.hover\:fwd-bg-orange-300:hover {
    background-color: var(--fwd-color-orange-300) !important
}

.fwd-bg-orange-400,
.hover\:fwd-bg-orange-400:hover {
    background-color: var(--fwd-color-orange-400) !important
}

.fwd-bg-orange-500,
.hover\:fwd-bg-orange-500:hover {
    background-color: var(--fwd-color-orange-500) !important
}

.fwd-bg-orange-600,
.hover\:fwd-bg-orange-600:hover {
    background-color: var(--fwd-color-orange-600) !important
}

.fwd-bg-orange-700,
.hover\:fwd-bg-orange-700:hover {
    background-color: var(--fwd-color-orange-700) !important
}

.fwd-bg-orange-800,
.hover\:fwd-bg-orange-800:hover {
    background-color: var(--fwd-color-orange-800) !important
}

.fwd-bg-orange-900,
.hover\:fwd-bg-orange-900:hover {
    background-color: var(--fwd-color-orange-900) !important
}

.fwd-bg-yellow-100,
.hover\:fwd-bg-yellow-100:hover {
    background-color: var(--fwd-color-yellow-100) !important
}

.fwd-bg-yellow-200,
.hover\:fwd-bg-yellow-200:hover {
    background-color: var(--fwd-color-yellow-200) !important
}

.fwd-bg-yellow-300,
.hover\:fwd-bg-yellow-300:hover {
    background-color: var(--fwd-color-yellow-300) !important
}

.fwd-bg-yellow-400,
.hover\:fwd-bg-yellow-400:hover {
    background-color: var(--fwd-color-yellow-400) !important
}

.fwd-bg-yellow-500,
.hover\:fwd-bg-yellow-500:hover {
    background-color: var(--fwd-color-yellow-500) !important
}

.fwd-bg-yellow-600,
.hover\:fwd-bg-yellow-600:hover {
    background-color: var(--fwd-color-yellow-600) !important
}

.fwd-bg-yellow-700,
.hover\:fwd-bg-yellow-700:hover {
    background-color: var(--fwd-color-yellow-700) !important
}

.fwd-bg-yellow-800,
.hover\:fwd-bg-yellow-800:hover {
    background-color: var(--fwd-color-yellow-800) !important
}

.fwd-bg-yellow-900,
.hover\:fwd-bg-yellow-900:hover {
    background-color: var(--fwd-color-yellow-900) !important
}

.fwd-bg-green-100,
.hover\:fwd-bg-green-100:hover {
    background-color: var(--fwd-color-green-100) !important
}

.fwd-bg-green-200,
.hover\:fwd-bg-green-200:hover {
    background-color: var(--fwd-color-green-200) !important
}

.fwd-bg-green-300,
.hover\:fwd-bg-green-300:hover {
    background-color: var(--fwd-color-green-300) !important
}

.fwd-bg-green-400,
.hover\:fwd-bg-green-400:hover {
    background-color: var(--fwd-color-green-400) !important
}

.fwd-bg-green-500,
.hover\:fwd-bg-green-500:hover {
    background-color: var(--fwd-color-green-500) !important
}

.fwd-bg-green-600,
.hover\:fwd-bg-green-600:hover {
    background-color: var(--fwd-color-green-600) !important
}

.fwd-bg-green-700,
.hover\:fwd-bg-green-700:hover {
    background-color: var(--fwd-color-green-700) !important
}

.fwd-bg-green-800,
.hover\:fwd-bg-green-800:hover {
    background-color: var(--fwd-color-green-800) !important
}

.fwd-bg-green-900,
.hover\:fwd-bg-green-900:hover {
    background-color: var(--fwd-color-green-900) !important
}

.fwd-bg-blue-100,
.hover\:fwd-bg-blue-100:hover {
    background-color: var(--fwd-color-blue-100) !important
}

.fwd-bg-blue-200,
.hover\:fwd-bg-blue-200:hover {
    background-color: var(--fwd-color-blue-200) !important
}

.fwd-bg-blue-300,
.hover\:fwd-bg-blue-300:hover {
    background-color: var(--fwd-color-blue-300) !important
}

.fwd-bg-blue-400,
.hover\:fwd-bg-blue-400:hover {
    background-color: var(--fwd-color-blue-400) !important
}

.fwd-bg-blue-500,
.hover\:fwd-bg-blue-500:hover {
    background-color: var(--fwd-color-blue-500) !important
}

.fwd-bg-blue-600,
.hover\:fwd-bg-blue-600:hover {
    background-color: var(--fwd-color-blue-600) !important
}

.fwd-bg-blue-700,
.hover\:fwd-bg-blue-700:hover {
    background-color: var(--fwd-color-blue-700) !important
}

.fwd-bg-blue-800,
.hover\:fwd-bg-blue-800:hover {
    background-color: var(--fwd-color-blue-800) !important
}

.fwd-bg-blue-900,
.hover\:fwd-bg-blue-900:hover {
    background-color: var(--fwd-color-blue-900) !important
}

.fwd-bg-teal-100,
.hover\:fwd-bg-teal-100:hover {
    background-color: var(--fwd-color-teal-100) !important
}

.fwd-bg-teal-200,
.hover\:fwd-bg-teal-200:hover {
    background-color: var(--fwd-color-teal-200) !important
}

.fwd-bg-teal-300,
.hover\:fwd-bg-teal-300:hover {
    background-color: var(--fwd-color-teal-300) !important
}

.fwd-bg-teal-400,
.hover\:fwd-bg-teal-400:hover {
    background-color: var(--fwd-color-teal-400) !important
}

.fwd-bg-teal-500,
.hover\:fwd-bg-teal-500:hover {
    background-color: var(--fwd-color-teal-500) !important
}

.fwd-bg-teal-600,
.hover\:fwd-bg-teal-600:hover {
    background-color: var(--fwd-color-teal-600) !important
}

.fwd-bg-teal-700,
.hover\:fwd-bg-teal-700:hover {
    background-color: var(--fwd-color-teal-700) !important
}

.fwd-bg-teal-800,
.hover\:fwd-bg-teal-800:hover {
    background-color: var(--fwd-color-teal-800) !important
}

.fwd-bg-teal-900,
.hover\:fwd-bg-teal-900:hover {
    background-color: var(--fwd-color-teal-900) !important
}

.fwd-gradient-b-50 {
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, #000 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: .125rem !important
}

.fwd-rounded {
    border-radius: .25rem !important
}

.fwd-rounded-md {
    border-radius: .375rem !important
}

.fwd-rounded-lg {
    border-radius: .5rem !important
}

.fwd-rounded-full {
    border-radius: 9999px !important
}

.fwd-rounded-t-sm {
    border-top-left-radius: .125rem !important;
    border-top-right-radius: .125rem !important
}

.fwd-rounded-t {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.fwd-rounded-t-lg {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important
}

.fwd-rounded-b-sm {
    border-bottom-left-radius: .125rem !important;
    border-bottom-right-radius: .125rem !important
}

.fwd-rounded-b {
    border-bottom-left-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.fwd-rounded-b-lg {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.fwd-lowercase {
    text-transform: lowercase
}

.fwd-uppercase {
    text-transform: uppercase
}

.fwd-whitespace-no-wrap {
    white-space: nowrap
}

.fwd-tracking-wide {
    letter-spacing: .025rem
}

.fwd-tracking-tight {
    letter-spacing: -.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: .75rem !important
}

.fwd-text-sm {
    font-size: .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: .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: .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::after,
.fwd-clearfix::before {
    content: '';
    display: table;
    clear: both
}

.fwd-shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.fwd-shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.fwd-shadow-none {
    box-shadow: none
}

.fwd-shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.fwd-shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.fwd-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

.fwd-shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.fwd-shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(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
    }
}

@media (min-width:768px) {
    .md\:fwd-overflow-x-hidden {
        overflow-x: hidden !important
    }
}

.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;
    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: -.5rem
}

.fwd--top-3 {
    top: -.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: .25rem !important
}

.fwd-p-2 {
    padding: .5rem !important
}

.fwd-p-3 {
    padding: .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: .25rem !important
}

.fwd-pt-2 {
    padding-top: .5rem !important
}

.fwd-pt-3 {
    padding-top: .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: .5rem !important
    }

    .sm\:fwd-pt-0 {
        padding-top: 0 !important
    }

    .sm\:fwd-pt-1 {
        padding-top: .25rem !important
    }
}

.fwd-pb-1 {
    padding-bottom: .25rem !important
}

.fwd-pb-2 {
    padding-bottom: .5rem !important
}

.fwd-pb-3 {
    padding-bottom: .75rem !important
}

.fwd-pb-4 {
    padding-bottom: 1rem !important
}

.fwd-pb-8 {
    padding-bottom: 2em !important
}

.fwd-pr-1 {
    padding-right: .25rem !important
}

.fwd-pr-2 {
    padding-right: .5rem !important
}

.fwd-pr-3 {
    padding-right: .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: .25rem !important
}

.fwd-pl-2 {
    padding-left: .5rem !important
}

.fwd-pl-3 {
    padding-left: .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: .25rem !important;
    padding-right: .25rem !important
}

.fwd-px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.fwd-px-3 {
    padding-left: .75rem !important;
    padding-right: .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: .125rem !important;
    padding-top: .125rem !important
}

.fwd-py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.fwd-py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

.fwd-py-3 {
    padding-top: .75rem !important;
    padding-bottom: .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: .75rem !important;
        padding-right: .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: .75rem !important
    }
}

.fwd-space-x-0>*+* {
    margin-left: 0
}

.fwd-space-x-1>*+* {
    margin-left: .25rem
}

.fwd-space-x-2>*+* {
    margin-left: .5rem
}

.fwd-space-x-3>*+* {
    margin-left: .75rem
}

.fwd-space-x-4>*+* {
    margin-left: 1rem
}

.fwd-space-x-5>*+* {
    margin-left: 1.25rem
}

.fwd-space-x-6>*+* {
    margin-left: 1.5rem
}

.fwd-space-x-7>*+* {
    margin-left: 1.75rem
}

.fwd-space-x-8>*+* {
    margin-left: 2rem
}

@media (min-width:640px) {
    .sm\:fwd-space-x-4>*+* {
        margin-left: 1rem
    }
}

.fwd-space-y-0>*+* {
    margin-top: 0
}

.fwd-space-y-1>*+* {
    margin-top: .25rem
}

.fwd-space-y-2>*+* {
    margin-top: .5rem
}

.fwd-space-y-3>*+* {
    margin-top: .75rem
}

.fwd-space-y-4>*+* {
    margin-top: 1rem
}

.fwd-space-y-5>*+* {
    margin-top: 1.25rem
}

.fwd-space-y-6>*+* {
    margin-top: 1.5rem
}

.fwd-space-y-8>*+* {
    margin-top: 2rem
}

@media (min-width:640px) {
    .sm\:fwd-space-y-0>*+* {
        margin-top: 0
    }
}

.fwd-m-0 {
    margin: 0 !important
}

.fwd-m-1 {
    margin: .25rem !important
}

.fwd-m-2 {
    margin: .5rem !important
}

.fwd-m-3 {
    margin: .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: .25rem !important
}

.fwd-mt-2 {
    margin-top: .5rem !important
}

.fwd-mt-3 {
    margin-top: .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: .25rem !important
}

.fwd-mb-2 {
    margin-bottom: .5rem !important
}

.fwd-mb-3 {
    margin-bottom: .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: .25rem !important
}

.fwd-ml-2 {
    margin-left: .5rem !important
}

.fwd-ml-3 {
    margin-left: .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: .25rem !important
}

.fwd-mr-2 {
    margin-right: .5rem !important
}

.fwd-mr-3 {
    margin-right: .75rem !important
}

.fwd-mr-4 {
    margin-right: 1rem !important
}

.fwd-mr-12 {
    margin-right: 3rem !important
}

.fwd-mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.fwd-mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.fwd-mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.fwd-mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.fwd-my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
}

.fwd-my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
}

.fwd-my-3 {
    margin-top: .75rem !important;
    margin-bottom: .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: -.25rem !important
}

.fwd--mx-1 {
    margin-right: -.25rem !important;
    margin-left: -.25rem !important
}

.fwd--mx-2 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.fwd--mx-3 {
    margin-right: -.75rem !important;
    margin-left: -.75rem !important
}

.fwd--mx-4 {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

.fwd--mt-1 {
    margin-top: -.25rem !important
}

.fwd--mt-2 {
    margin-top: -.5rem !important
}

.fwd--mt-3 {
    margin-top: -.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: .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: .5rem !important;
        margin-right: .5rem !important
    }

    .sm\:fwd-mx-3 {
        margin-left: .75rem !important;
        margin-right: .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: .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))
}

.fwd-scale-100,
.hover\:fwd-scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1
}

.fwd-scale-105,
.hover\:fwd-scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05
}

.fwd-scale-110,
.hover\:fwd-scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1
}

.fwd-scale-125,
.hover\:fwd-scale-125:hover {
    --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(.4, 0, 1, 1)
}

.fwd-ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.fwd-ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.fwd-duration-75 {
    transition-duration: 75ms
}

.fwd-duration-100 {
    transition-duration: .1s
}

.fwd-duration-150 {
    transition-duration: 150ms
}

.fwd-duration-200 {
    transition-duration: .2s
}

.fwd-duration-300 {
    transition-duration: .3s
}

.fwd-duration-500 {
    transition-duration: .5s
}

.fwd-duration-700 {
    transition-duration: .7s
}

.fwd-duration-1000 {
    transition-duration: 1s
}

[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, .5)
}

.fwd-shadow-outline-blue {
    box-shadow: 0 0 0 3px rgba(164, 202, 254, .45)
}

.fwd-shadow-outline-gray {
    box-shadow: 0 0 0 3px rgba(159, 166, 178, .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: .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(.4, 0, .2, 1);
    padding-bottom: .5rem !important;
    padding-top: .5rem !important;
    padding-left: .75rem !important;
    padding-right: .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, .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: .375rem;
    padding: .5rem 2.5rem .5rem .75rem !important;
    margin: 0 !important;
    font-size: 1rem;
    line-height: 1.5;
    background-position: right .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(.4, 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: .75rem
    }
}

.fwd-form-select:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(164, 202, 254, .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(.4, 0, .2, 1);
    transition-duration: 150ms;
    text-decoration: none !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: .5rem !important;
    padding-top: .5rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    border-radius: .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, .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: .75rem !important;
    padding-right: .75rem !important;
    padding-bottom: .5rem !important;
    padding-top: .5rem !important;
    font-size: .875rem !important;
    line-height: 1rem !important
}

.fwd-form-button.fwd-form-button-md {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: .5rem !important;
    padding-top: .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: .75rem !important;
    padding-bottom: .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-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.fwd-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.fwd-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.fwd-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.fwd-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.fwd-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.fwd-grid-cols-none {
    grid-template-columns: none
}

.fwd-grid-flow-col {
    grid-auto-flow: column
}

.fwd-grid-auto-rows {
    grid-auto-rows: 1fr !important
}

.fwd-grid-auto-cols-1\/2 {
    --fwd-gap-modifier: 0rem;
    grid-auto-columns: calc(50% - var(--fwd-gap-modifier))
}

.fwd-grid-auto-cols-full {
    --fwd-gap-modifier: 0rem;
    grid-auto-columns: calc(100% - var(--fwd-gap-modifier))
}

.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
}

.fwd-gap-1 {
    gap: .25rem
}

.fwd-gap-2 {
    gap: .5rem
}

.fwd-gap-3 {
    gap: .75rem
}

.fwd-gap-4 {
    gap: 1rem
}

.fwd-gap-5 {
    gap: 1.25rem
}

.fwd-gap-6 {
    gap: 1.5rem
}

.fwd-gap-7 {
    gap: 1.75rem
}

.fwd-gap-8 {
    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-auto-cols-3xs {
        grid-auto-columns: 8rem
    }

    .sm\:fwd-grid-auto-cols-2xs {
        grid-auto-columns: 10rem
    }

    .sm\:fwd-grid-auto-cols-xs {
        grid-auto-columns: 12rem
    }

    .sm\:fwd-grid-auto-cols-sm {
        grid-auto-columns: 14rem
    }

    .sm\:fwd-grid-auto-cols-md {
        grid-auto-columns: 16rem
    }

    .sm\:fwd-grid-auto-cols-lg {
        grid-auto-columns: 18rem
    }

    .sm\:fwd-grid-auto-cols-xl {
        grid-auto-columns: 24rem
    }

    .sm\:fwd-grid-auto-cols-2xl {
        grid-auto-columns: 28rem
    }

    .sm\:fwd-grid-auto-cols-3xl {
        grid-auto-columns: 36rem
    }

    .sm\:fwd-grid-auto-cols-4xl {
        grid-auto-columns: 42rem
    }

    .sm\:fwd-grid-auto-cols-5xl {
        grid-auto-columns: 48rem
    }

    .sm\:fwd-grid-auto-cols-6xl {
        grid-auto-columns: 56rem
    }

    .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: .8 !important
}

.fwd-opacity-100 {
    opacity: 1 !important
}

.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;
    max-width: 300px;
    padding: 12px;
    margin: 0 !important;
    list-style: none !important;
    border-radius: 5px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(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:not(.ui-fixed) {
    display: flex;
    align-items: center;
    line-height: 2;
    outline: 0;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 0;
    background: 0 0;
    text-align: left
}

.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li:not(.ui-fixed) .ui-menu-item-wrapper,
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li:not(.ui-fixed) a {
    flex: 1;
    border-radius: 4px;
    display: block;
    padding: 4px 8px;
    font-weight: 400;
    color: var(--fwd-color-black);
    white-space: normal;
    line-height: 1.25rem !important;
    cursor: pointer
}

.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li:not(.ui-fixed) .ui-menu-item-wrapper.ui-state-focus,
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li:not(.ui-fixed) a.ui-state-focus {
    background: var(--fwd-color-gray-300);
    margin: inherit
}

.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li:not(.ui-fixed).ui-state-focus,
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li:not(.ui-fixed)>.ui-menu-item-wrapper:hover,
.jrAutoComplete.ui-widget-content.ui-autocomplete.ui-widget-content li:not(.ui-fixed)>a: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(.5)
}

.jrButton {
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    margin-right: .5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    line-height: 1.5;
    padding: 8px 16px
}

.jrButton:focus,
.jrButton:hover {
    outline: 0
}

a.jrButton,
a.jrButton:hover,
a.jrButton:link,
a.jrButton:visited {
    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: .65
}

.jrButton.jrDisabled [class^=jrIcon]:before,
.jrButton[disabled] [class^=jrIcon]:before,
fieldset[disabled] .jrButton [class^=jrIcon]:before {
    opacity: .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-gray-100);
    border-color: var(--fwd-color-gray-100)
}

.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:hover,
a.jrButton.jrRed:link,
a.jrButton.jrRed:visited {
    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:hover,
a.jrButton.jrOrange:link,
a.jrButton.jrOrange:visited {
    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:hover,
a.jrButton.jrYellow:link,
a.jrButton.jrYellow:visited {
    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:hover,
a.jrButton.jrDark:link,
a.jrButton.jrDark:visited {
    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>[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>.jrButton {
    margin: 0 !important;
    border-radius: 0;
    box-shadow: none
}

.jrButtonGroup>.jrButton.jrActive,
.jrButtonGroup>.jrButton:active,
.jrButtonGroup>.jrButton:focus,
.jrButtonGroup>.jrButton:hover {
    z-index: 10
}

.jrButtonGroup>.jrButton:focus {
    outline: 0
}

.jrButtonGroup>.jrButton:first-of-type {
    padding-left: 1em !important
}

.jrButtonGroup>.jrButton:last-of-type {
    padding-right: 1em !important
}

.jrLinkButton {
    font-weight: 400;
    border-radius: 0;
    outline: 0;
    color: var(--fwd-color-gray-900) !important
}

.jrLinkButton,
.jrLinkButton:active,
.jrLinkButton[disabled],
fieldset[disabled] .jrLinkButton {
    background-color: transparent;
    box-shadow: none
}

.jrLinkButton,
.jrLinkButton:active,
.jrLinkButton:focus,
.jrLinkButton:hover {
    color: var(--fwd-color-gray-900) !important;
    border-color: transparent
}

.jrLinkButton:focus,
.jrLinkButton:hover {
    text-decoration: none;
    background-color: none !important
}

.jrLinkButton[disabled]:focus,
.jrLinkButton[disabled]:hover,
fieldset[disabled] .jrLinkButton:focus,
fieldset[disabled] .jrLinkButton:hover {
    color: var(--fwd-color-gray-600) !important;
    text-decoration: none
}

#ui-datepicker-div.jr-datepicker {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    background-color: var(--fwd-color-white) !important;
    z-index: 9999999 !important;
    border: 0;
    font-size: .875rem;
    display: none;
    width: 250px;
    padding: 0
}

#ui-datepicker-div.jr-datepicker .ui-priority-primary,
#ui-datepicker-div.jr-datepicker .ui-priority-secondary {
    font-weight: 400;
    opacity: 1
}

#ui-datepicker-div.jr-datepicker .ui-icon {
    background-image: none;
    text-indent: 0
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-header.ui-widget-header {
    position: relative;
    background: var(--fwd-color-gray-100);
    border: 0;
    font-weight: 400;
    min-height: 30px;
    margin: 0;
    padding: 8px 0;
    border-radius: 0
}

#ui-datepicker-div.jr-datepicker table {
    --th-bg: --fwd-color-white;
    width: calc(100% - 16px);
    font-size: 1em;
    border-collapse: collapse;
    margin: 10px 0 10px 8px
}

#ui-datepicker-div.jr-datepicker th {
    font-weight: 400;
    color: var(--fwd-color-gray-600);
    padding: .7em .3em;
    text-align: center;
    font-weight: 400;
    border: 0
}

#ui-datepicker-div.jr-datepicker td {
    border: 0;
    padding: 1px
}

#ui-datepicker-div.jr-datepicker td a.ui-state-default {
    color: var(--fwd-color-gray-800);
    text-align: center;
    display: block;
    padding: .2em;
    text-decoration: none;
    font-weight: 600
}

#ui-datepicker-div.jr-datepicker td a.ui-state-default.ui-state-hover {
    background: var(--fwd-color-gray-600);
    color: var(--fwd-color-gray-100)
}

#ui-datepicker-div.jr-datepicker .ui-corner-all,
#ui-datepicker-div.jr-datepicker.ui-corner-all {
    border: 0
}

#ui-datepicker-div.jr-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-div.jr-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;
    --input-padd: 0
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-title select.ui-datepicker-month,
#ui-datepicker-div.jr-datepicker .ui-datepicker-title select.ui-datepicker-year {
    width: 48%;
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    border-radius: .25rem !important;
    background-color: var(--fwd-color-white) !important
}

#ui-datepicker-div.jr-datepicker span.ui-icon {
    color: transparent
}

#ui-datepicker-div.jr-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: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#ui-datepicker-div.jr-datepicker .ui-icon-circle-triangle-e {
    background-position: -32px 0;
    cursor: pointer
}

#ui-datepicker-div.jr-datepicker .ui-icon-circle-triangle-e:before {
    content: "\e02c"
}

#ui-datepicker-div.jr-datepicker .ui-icon-circle-triangle-w {
    background-position: -96px 0;
    cursor: pointer
}

#ui-datepicker-div.jr-datepicker .ui-icon-circle-triangle-w:before {
    content: "\e02b"
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-today .ui-state-default {
    background: var(--fwd-color-gray-200)
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-current-day .ui-state-active {
    background: var(--fwd-color-yellow-300)
}

#ui-datepicker-div.jr-datepicker.ui-widget-content {
    background: var(--fwd-color-white);
    border: 0
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-next,
#ui-datepicker-div.jr-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 12px;
    width: 12px;
    height: 12px;
    opacity: 1
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-next span,
#ui-datepicker-div.jr-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -3px
}

#ui-datepicker-div.jr-datepicker .ui-state-default {
    background: 0 0;
    border: 0
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-prev,
#ui-datepicker-div.jr-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
    left: 12px
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-next,
#ui-datepicker-div.jr-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover {
    right: 12px
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-next,
#ui-datepicker-div.jr-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover,
#ui-datepicker-div.jr-datepicker .ui-datepicker-prev,
#ui-datepicker-div.jr-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
    top: 12px
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover,
#ui-datepicker-div.jr-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
    background: 0;
    border: 0;
    text-decoration: none
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content {
    margin: 0;
    padding: 12px 15px;
    background: var(--fwd-color-gray-100);
    zoom: 1;
    border: 0
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content:after {
    clear: both
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content:after,
#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content:before {
    content: "";
    display: table
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content button {
    float: right;
    margin: 0;
    cursor: pointer;
    padding: 4px 8px;
    width: auto;
    overflow: visible;
    font-size: 1em
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-current {
    float: left;
    background: var(--fwd-color-gray-600);
    color: var(--fwd-color-gray-100);
    border-radius: 3px
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-current.ui-state-hover {
    background: var(--fwd-color-gray-700)
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content 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-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content button.ui-datepicker-close.ui-state-hover {
    background: var(--fwd-color-green-700)
}

#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content button.clearDate,
#ui-datepicker-div.jr-datepicker .ui-datepicker-buttonpane.ui-widget-content button.clearDate.ui-state-hover {
    color: var(--fwd-color-gray-700);
    font-weight: 400;
    border: 0;
    background: 0 0
}

#ui-datepicker-div.jr-datepicker.ui-datepicker-multi {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#ui-datepicker-div.jr-datepicker.ui-datepicker-multi .ui-datepicker-group {
    flex: 1
}

#ui-datepicker-div.jr-datepicker.ui-datepicker-multi .ui-datepicker-row-break {
    width: 100%
}

#ui-datepicker-div.jr-datepicker.ui-datepicker-multi .ui-datepicker-buttonpane {
    width: 100%
}

.jrDialog {
    background: var(--fwd-color-white);
    z-index: 9999;
    outline: 0;
    max-height: 100vh
}

.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, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    background-color: var(--fwd-color-white) !important
}

.jrDialog.ui-dialog .jrDialogContent,
.jrDialog.ui-dialog .ui-dialog-content {
    width: inherit !important;
    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 .jrDialogContent .jrDialogContentInner,
.jrDialog.ui-dialog .ui-dialog-content .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: 0 0 !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: 0 0;
    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: 0 0;
    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: 0 0;
    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 fieldset,
.jrDialog .jrForm.jrFormContainer,
.jrDialog .jrForm.jrReviewForm {
    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, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    flex: 1 1 auto
}

.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: .875rem !important
}

.jrDialog.jrDialogToast .ui-widget-content {
    color: var(--fwd-color-white);
    padding: 14px;
    text-align: center
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-clearfix:after {
    clear: both
}

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

.ui-helper-hidden-accessible {
    display: none
}

.ui-widget-overlay {
    background: var(--fwd-color-gray-800);
    opacity: .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
}

.jrCompareTabs .ui-widget-content,
.jrDialog .ui-widget-content {
    border: 0;
    background: 0 0
}

.jrCompareTabs .ui-corner-all,
.jrTabs .ui-corner-all {
    border-radius: 0
}

.ui-widget {
    font-family: inherit;
    font-size: inherit
}

.jrStatusLabel {
    padding: 4px 12px;
    font-size: 12px;
    letter-spacing: .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)
}

.ui-slider {
    position: relative;
    text-align: left;
    cursor: pointer
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2
}

.jrSliderInput .ui-corner-all,
.jrSliderInput.ui-corner-all {
    border-radius: 0
}

.jrDialog .jrSliderInput.ui-slider,
.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
}

.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
}

.jrTabs,
.jrTabs.ui-tabs {
    padding: 0;
    border: 1px solid var(--fwd-color-gray-200);
    font-size: 1em;
    background: 0 0
}

.jrTabs .ui-tabs-tab.ui-state-default,
.jrTabs.ui-tabs .ui-tabs-tab.ui-state-default {
    background: 0 0
}

.jrTabs .ui-state-focus a,
.jrTabs.ui-tabs .ui-state-focus a {
    outline: 0
}

.jrTabs.jrBorder-0,
.jrTabs.ui-tabs.jrBorder-0 {
    border: 0
}

.jrTabs ul.ui-tabs-nav,
.jrTabs.ui-tabs ul.ui-tabs-nav,
.jrTabs.ui-tabs>ul,
.jrTabs>ul {
    background: var(--fwd-color-gray-100);
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    display: flex;
    flex-wrap: wrap
}

.jrTabs ul.ui-tabs-nav>li,
.jrTabs.ui-tabs ul.ui-tabs-nav>li,
.jrTabs.ui-tabs>ul>li,
.jrTabs>ul>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 ul.ui-tabs-nav>li,
.jrTabs ul.ui-tabs-nav>li:hover,
.jrTabs.ui-tabs ul.ui-tabs-nav>li,
.jrTabs.ui-tabs ul.ui-tabs-nav>li:hover,
.jrTabs.ui-tabs>ul>li,
.jrTabs.ui-tabs>ul>li:hover,
.jrTabs>ul>li,
.jrTabs>ul>li:hover {
    background: 0 0
}

.jrTabs ul.ui-tabs-nav>li>a,
.jrTabs ul.ui-tabs-nav>li>span,
.jrTabs.ui-tabs ul.ui-tabs-nav>li>a,
.jrTabs.ui-tabs ul.ui-tabs-nav>li>span,
.jrTabs.ui-tabs>ul>li>a,
.jrTabs.ui-tabs>ul>li>span,
.jrTabs>ul>li>a,
.jrTabs>ul>li>span {
    margin: 0;
    color: var(--fwd-color-gray-700);
    padding: 1.2em .8em .7em;
    font-size: 1em;
    font-weight: 800;
    display: block;
    float: none;
    text-align: center;
    text-decoration: none
}

.jrTabs ul.ui-tabs-nav>li.ui-state-active>a,
.jrTabs ul.ui-tabs-nav>li.ui-state-active>span,
.jrTabs.ui-tabs ul.ui-tabs-nav>li.ui-state-active>a,
.jrTabs.ui-tabs ul.ui-tabs-nav>li.ui-state-active>span,
.jrTabs.ui-tabs>ul>li.ui-state-active>a,
.jrTabs.ui-tabs>ul>li.ui-state-active>span,
.jrTabs>ul>li.ui-state-active>a,
.jrTabs>ul>li.ui-state-active>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 ul.ui-tabs-nav>li:before>li.ui-state-default:before,
.jrTabs.ui-tabs ul.ui-tabs-nav>li:before>li.ui-state-default:before,
.jrTabs.ui-tabs>ul>li:before>li.ui-state-default:before,
.jrTabs>ul>li:before>li.ui-state-default:before {
    border-color: var(--fwd-color-gray-600);
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    content: ''
}

.jrTabs ul.ui-tabs-nav>li.ui-state-default a [class^=jrIcon]:before,
.jrTabs.ui-tabs ul.ui-tabs-nav>li.ui-state-default a [class^=jrIcon]:before,
.jrTabs.ui-tabs>ul>li.ui-state-default a [class^=jrIcon]:before,
.jrTabs>ul>li.ui-state-default a [class^=jrIcon]:before {
    color: var(--fwd-color-gray-900)
}

.jrTabs ul.ui-tabs-nav>li.ui-state-default.ui-state-active:before,
.jrTabs ul.ui-tabs-nav>li.ui-state-default.ui-state-hover:before,
.jrTabs.ui-tabs ul.ui-tabs-nav>li.ui-state-default.ui-state-active:before,
.jrTabs.ui-tabs ul.ui-tabs-nav>li.ui-state-default.ui-state-hover:before,
.jrTabs.ui-tabs>ul>li.ui-state-default.ui-state-active:before,
.jrTabs.ui-tabs>ul>li.ui-state-default.ui-state-hover:before,
.jrTabs>ul>li.ui-state-default.ui-state-active:before,
.jrTabs>ul>li.ui-state-default.ui-state-hover:before {
    border-color: var(--fwd-color-gray-800);
    color: var(--fwd-color-gray-500)
}

.jrTabs ul.ui-tabs-nav>li.ui-state-default.ui-state-active [class^=jrIcon]:before,
.jrTabs ul.ui-tabs-nav>li.ui-state-default.ui-state-hover a [class^=jrIcon]:before,
.jrTabs.ui-tabs ul.ui-tabs-nav>li.ui-state-default.ui-state-active [class^=jrIcon]:before,
.jrTabs.ui-tabs ul.ui-tabs-nav>li.ui-state-default.ui-state-hover a [class^=jrIcon]:before,
.jrTabs.ui-tabs>ul>li.ui-state-default.ui-state-active [class^=jrIcon]:before,
.jrTabs.ui-tabs>ul>li.ui-state-default.ui-state-hover a [class^=jrIcon]:before,
.jrTabs>ul>li.ui-state-default.ui-state-active [class^=jrIcon]:before,
.jrTabs>ul>li.ui-state-default.ui-state-hover a [class^=jrIcon]:before {
    color: var(--fwd-color-gray-900)
}

.jrTabs .ui-tabs-panel,
.jrTabs.ui-tabs .ui-tabs-panel,
.jrTabs.ui-tabs>div,
.jrTabs>div {
    background: var(--fwd-color-white);
    padding: 2em 1.5em 1.5em;
    border: 0;
    margin: 0
}

.jrTabs .ui-tabs-panel:not(:first-of-type),
.jrTabs.ui-tabs .ui-tabs-panel:not(:first-of-type),
.jrTabs.ui-tabs>div:not(:first-of-type),
.jrTabs>div:not(:first-of-type) {
    display: none
}

.jrTabs .jrForm,
.jrTabs.ui-tabs .jrForm {
    padding: 24px
}

.jrTabs.jrTabsVertical,
.jrTabs.jrTabsVertical.ui-tabs {
    display: flex;
    flex-flow: row
}

.jrTabs.jrTabsVertical.ui-tabs>ul,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav,
.jrTabs.jrTabsVertical>ul,
.jrTabs.jrTabsVertical>ul.ui-tabs-nav {
    padding: 0 !important;
    display: flex;
    flex-flow: column;
    flex: 0 0 auto;
    max-width: 155px
}

.jrTabs.jrTabsVertical.ui-tabs>ul li,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav li,
.jrTabs.jrTabsVertical>ul li,
.jrTabs.jrTabsVertical>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.ui-tabs>ul li.ui-state-default>a,
.jrTabs.jrTabsVertical.ui-tabs>ul li.ui-state-default>span,
.jrTabs.jrTabsVertical.ui-tabs>ul li>a,
.jrTabs.jrTabsVertical.ui-tabs>ul li>span,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav li.ui-state-default>a,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav li.ui-state-default>span,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav li>a,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav li>span,
.jrTabs.jrTabsVertical>ul li.ui-state-default>a,
.jrTabs.jrTabsVertical>ul li.ui-state-default>span,
.jrTabs.jrTabsVertical>ul li>a,
.jrTabs.jrTabsVertical>ul li>span,
.jrTabs.jrTabsVertical>ul.ui-tabs-nav li.ui-state-default>a,
.jrTabs.jrTabsVertical>ul.ui-tabs-nav li.ui-state-default>span,
.jrTabs.jrTabsVertical>ul.ui-tabs-nav li>a,
.jrTabs.jrTabsVertical>ul.ui-tabs-nav li>span {
    text-align: left;
    white-space: normal
}

.jrTabs.jrTabsVertical.ui-tabs>ul li.ui-state-default.ui-state-active,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav li.ui-state-default.ui-state-active,
.jrTabs.jrTabsVertical>ul li.ui-state-default.ui-state-active,
.jrTabs.jrTabsVertical>ul.ui-tabs-nav li.ui-state-default.ui-state-active {
    border-left: 4px solid var(--fwd-color-blue-600)
}

.jrTabs.jrTabsVertical.ui-tabs>ul li.ui-state-default.ui-state-active>a,
.jrTabs.jrTabsVertical.ui-tabs>ul li.ui-state-default.ui-state-active>span,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav li.ui-state-default.ui-state-active>a,
.jrTabs.jrTabsVertical.ui-tabs>ul.ui-tabs-nav li.ui-state-default.ui-state-active>span,
.jrTabs.jrTabsVertical>ul li.ui-state-default.ui-state-active>a,
.jrTabs.jrTabsVertical>ul li.ui-state-default.ui-state-active>span,
.jrTabs.jrTabsVertical>ul.ui-tabs-nav li.ui-state-default.ui-state-active>a,
.jrTabs.jrTabsVertical>ul.ui-tabs-nav li.ui-state-default.ui-state-active>span {
    color: var(--fwd-color-gray-800);
    background: var(--fwd-color-white);
    border: 0 !important
}

.jrTabs.jrTabsVertical .ui-tabs-panel,
.jrTabs.jrTabsVertical.ui-tabs .ui-tabs-panel,
.jrTabs.jrTabsVertical.ui-tabs>div,
.jrTabs.jrTabsVertical>div {
    flex: auto;
    padding: 16px;
    border-style: none;
    margin: 0
}

@media (min-width:768px) {
    .md\:jrTabsVertical {
        display: flex;
        flex-flow: row
    }

    .md\:jrTabsVertical>ul,
    .md\:jrTabsVertical>ul.ui-tabs-nav {
        padding: 0 !important;
        display: flex;
        flex-flow: column;
        flex: 0 0 auto;
        max-width: 155px
    }

    .md\:jrTabsVertical>ul li,
    .md\:jrTabsVertical>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>ul li.ui-state-default>a,
    .md\:jrTabsVertical>ul li.ui-state-default>span,
    .md\:jrTabsVertical>ul li>a,
    .md\:jrTabsVertical>ul li>span,
    .md\:jrTabsVertical>ul.ui-tabs-nav li.ui-state-default>a,
    .md\:jrTabsVertical>ul.ui-tabs-nav li.ui-state-default>span,
    .md\:jrTabsVertical>ul.ui-tabs-nav li>a,
    .md\:jrTabsVertical>ul.ui-tabs-nav li>span {
        text-align: left;
        white-space: normal
    }

    .md\:jrTabsVertical>ul li.ui-state-default.ui-state-active,
    .md\:jrTabsVertical>ul.ui-tabs-nav li.ui-state-default.ui-state-active {
        border-left: 4px solid var(--fwd-color-blue-600)
    }

    .md\:jrTabsVertical>ul li.ui-state-default.ui-state-active>a,
    .md\:jrTabsVertical>ul li.ui-state-default.ui-state-active>span,
    .md\:jrTabsVertical>ul.ui-tabs-nav li.ui-state-default.ui-state-active>a,
    .md\:jrTabsVertical>ul.ui-tabs-nav li.ui-state-default.ui-state-active>span {
        color: var(--fwd-color-gray-800);
        background: var(--fwd-color-white);
        border: 0 !important
    }

    .md\:jrTabsVertical .ui-tabs-panel,
    .md\:jrTabsVertical>div {
        flex: auto;
        padding: 16px;
        border-style: none;
        margin: 0
    }
}

.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";
    font-family: Georgia, serif;
    font-size: 3.5em;
    font-weight: 800;
    opacity: .2;
    color: var(--fwd-color-blue-500);
    position: absolute;
    left: 12px;
    top: 0
}

.jrOverallRatings>* {
    margin-right: .75em
}

.jrOverallRatings>* [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
}

.jrRatingStarsEditor,
.jrRatingStarsUser {
    width: 79px
}

.jrRatingStarsEditor,
.jrRatingStarsEditor div,
.jrRatingStarsUser,
.jrRatingStarsUser div {
    background-image: url(images/rating_stars.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 15px
}

.jrRatingsLarge .jrRatingStarsEditor,
.jrRatingsLarge .jrRatingStarsEditor div,
.jrRatingsLarge .jrRatingStarsUser,
.jrRatingsLarge .jrRatingStarsUser div {
    background-image: url(images/rating_stars_lg.png);
    height: 23px
}

.jrRatingsLarge .jrRatingStarsEditor,
.jrRatingsLarge .jrRatingStarsUser {
    width: 118px
}

.jrRatingStarsEditor.jrRatingsStyle2,
.jrRatingStarsEditor.jrRatingsStyle2 div,
.jrRatingStarsUser.jrRatingsStyle2,
.jrRatingStarsUser.jrRatingsStyle2 div {
    background-image: url(images/rating_stars_2.png)
}

.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle2,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle2 div,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle2,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle2 div {
    background-image: url(images/rating_stars_2_lg.png)
}

.jrRatingStarsEditor.jrRatingsStyle3,
.jrRatingStarsEditor.jrRatingsStyle3 div,
.jrRatingStarsUser.jrRatingsStyle3,
.jrRatingStarsUser.jrRatingsStyle3 div {
    background-image: url(images/rating_bars.png)
}

.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle3,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle3 div,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle3,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle3 div {
    background-image: url(images/rating_bars_lg.png)
}

.jrRatingStarsEditor.jrRatingsGreen div,
.jrRatingStarsUser.jrRatingsGreen div {
    background-position: 0 -16px
}

.jrRatingsLarge .jrRatingStarsEditor.jrRatingsGreen div,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsGreen div {
    background-position: 0 -24px
}

.jrRatingStarsEditor.jrRatingsOrange div,
.jrRatingStarsUser.jrRatingsOrange div {
    background-position: 0 -32px
}

.jrRatingsLarge .jrRatingStarsEditor.jrRatingsOrange div,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsOrange div {
    background-position: 0 -48px
}

.jrRatingStarsEditor.jrRatingsRed div,
.jrRatingStarsUser.jrRatingsRed div {
    background-position: 0 -48px
}

.jrRatingsLarge .jrRatingStarsEditor.jrRatingsRed div,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsRed div {
    background-position: 0 -72px
}

.jrRatingStarsEditor.jrRatingsBlue div,
.jrRatingStarsUser.jrRatingsBlue div {
    background-position: 0 -64px
}

.jrRatingsLarge .jrRatingStarsEditor.jrRatingsBlue div,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsBlue div {
    background-position: 0 -96px
}

.jrRatingBarsEditor,
.jrRatingBarsUser {
    width: 79px;
    background: #dedede
}

.jrRatingBarsEditor.jrRatingsGreen div,
.jrRatingBarsUser.jrRatingsGreen div {
    background: #a3cf68
}

.jrRatingBarsEditor.jrRatingsOrange div,
.jrRatingBarsUser.jrRatingsOrange div {
    background: #fecf4b
}

.jrRatingBarsEditor.jrRatingsRed div,
.jrRatingBarsUser.jrRatingsRed div {
    background: #fc0100
}

.jrRatingBarsEditor.jrRatingsBlue div,
.jrRatingBarsUser.jrRatingsBlue div {
    background: #3387da
}

.jrRatingInfo {
    float: right;
    border: 0;
    margin: 0 0 10px 10px;
    background: 0 0;
    line-height: 1.2em
}

.ui-stars-cancel,
.ui-stars-star {
    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: 0
}

.ui-stars-cancel a {
    width: 12px;
    height: 4px;
    background: var(--fwd-color-white) !important;
    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-hover.green a,
.ui-stars-star.ui-stars-star-on.green a {
    background-position: 0 -24px
}

.ui-stars-star.ui-stars-star-hover a,
.ui-stars-star.ui-stars-star-hover.orange a,
.ui-stars-star.ui-stars-star-on a,
.ui-stars-star.ui-stars-star-on.orange a {
    background-position: 0 -48px
}

.ui-stars-star.ui-stars-star-hover.red a,
.ui-stars-star.ui-stars-star-on.red a {
    background-position: 0 -72px
}

.ui-stars-star.ui-stars-star-hover.blue a,
.ui-stars-star.ui-stars-star-on.blue a {
    background-position: 0 -96px
}

.ui-stars-cancel.ui-stars-star-hover,
.ui-stars-cancel.ui-stars-star-on {
    background: var(--fwd-color-red-500)
}

.ui-stars-cancel-disabled a,
.ui-stars-star-disabled,
.ui-stars-star-disabled a {
    cursor: default !important
}

.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: 400;
    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: 700;
    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
}

.jrError,
.jrInfo,
.jrSuccess,
.jrWarning {
    border-width: 0;
    border-style: solid;
    border-left-width: 4px;
    padding: 1rem;
    margin-bottom: 1rem
}

.jrError a,
.jrError a:hover,
.jrError a:link,
.jrInfo a,
.jrInfo a:hover,
.jrInfo a:link,
.jrSuccess a,
.jrSuccess a:hover,
.jrSuccess a:link,
.jrWarning a,
.jrWarning a:hover,
.jrWarning a:link {
    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
}

.jrError ul,
.jrInfo ul,
.jrSuccess ul,
.jrWarning 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, .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%)
    }
}

.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: 400;
    color: var(--fwd-color-gray-900);
    white-space: nowrap;
    text-align: left
}

.jrDropdown a,
.jrDropdown a:hover,
.jrDropdown a:link,
.jrDropdown a:link:hover,
.jrDropdown a:visited,
.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: .125rem !important;
    padding: .5rem !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.jrDropdown .jrDropdownMenu.jrShiftPosition {
    right: 0;
    left: unset
}

.jrDropdown .jrDropdownMenu li {
    font-size: .875rem !important;
    padding-bottom: .25rem !important;
    padding-top: .25rem !important;
    margin: 0;
    background: 0 0
}

.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
}

.jrDropdown.jrManage .jrManageText {
    display: none
}

.contentheading,
h1.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)
}

.jrStatusIndicators {
    margin: 0;
    padding: 0;
    position: relative;
    top: -3px;
    white-space: nowrap
}

.jrHeading {
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.25em;
    text-transform: uppercase;
    padding: .4em 0;
    margin: 1em 0 .5em;
    color: var(--fwd-color-gray-900);
    background: 0 0;
    border-bottom: 1px solid var(--fwd-color-gray-200)
}

.jrHeading [class^=jrIcon] {
    width: 1em;
    height: .9em
}

.jrHeading [class^=jrIcon]:before {
    font-size: .9em
}

.jrTabs .jrHeading:first-of-type {
    margin-top: 0 !important
}

.jrRoundedPanel,
.jrRoundedPanelLt {
    padding: 14px 0;
    border: 0;
    border-bottom: 1px solid var(--fwd-color-gray-200);
    background: 0 0
}

.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: 700;
    text-align: left
}

.jrDataTable td {
    padding: 5px;
    text-align: left;
    vertical-align: top
}

.jrDataTable tr:nth-child(odd) {
    background: var(--fwd-color-gray-100)
}

.jrDataList {
    list-style: none;
    padding: 0;
    margin: 0
}

.jrDataList>* {
    padding: 1em;
    margin: 0 !important;
    text-align: left
}

.jrDataList>.jrDataListHeader {
    padding: 5px;
    font-weight: 700;
    background: 0 0;
    color: var(--fwd-color-gray-700)
}

ul.jrDataList {
    list-style: none;
    background: 0 0;
    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>.jrGrid,
.jrDataList>.jrPost {
    border-bottom: 1px solid var(--fwd-color-gray-100)
}

.jrDataList>.jrGrid:not(.jrDataListHeader):hover,
ul.jrDataList li:not(.jrDataListHeader):hover {
    background-color: var(--fwd-color-gray-200)
}

.jrGrid {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.jrGrid:after,
.jrGrid:before {
    display: table;
    content: "";
    line-height: 0
}

.jrGrid:after {
    clear: both
}

.jrGrid>[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>[class*=jrCol]:first-child {
    margin-left: 0
}

.jrGrid>.jrCol12 {
    width: 100%
}

.jrGrid>.jrCol11 {
    width: 91.4893617%
}

.jrGrid>.jrCol10 {
    width: 82.9787234%
}

.jrGrid>.jrCol9 {
    width: 74.46808511%
}

.jrGrid>.jrCol8 {
    width: 65.95744681%
}

.jrGrid>.jrCol7 {
    width: 57.44680851%
}

.jrGrid>.jrCol6 {
    width: 48.93617021%
}

.jrGrid>.jrCol5 {
    width: 40.42553191%
}

.jrGrid>.jrCol4 {
    width: 31.91489362%
}

.jrGrid>.jrCol3 {
    width: 23.40425532%
}

.jrGrid>.jrCol2 {
    width: 14.89361702%
}

.jrGrid>.jrCol1 {
    width: 6.38297872%
}

@media (max-width:480px) {
    .jrGrid>[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:after,
.jrGrid24:before {
    display: table;
    content: "";
    line-height: 0
}

.jrGrid24:after {
    clear: both
}

.jrGrid24>[class*=jrCol] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: .84033613%
}

.jrGrid24>[class*=jrCol]:first-child {
    margin-left: 0
}

.jrGrid24>.jrCol1 {
    width: 3.36134454%
}

.jrGrid24>.jrCol2 {
    width: 7.56302521%
}

.jrGrid24>.jrCol3 {
    width: 11.76470588%
}

.jrGrid24>.jrCol4 {
    width: 15.96638655%
}

.jrGrid24>.jrCol5 {
    width: 20.16806723%
}

.jrGrid24>.jrCol6 {
    width: 24.3697479%
}

.jrGrid24>.jrCol7 {
    width: 28.57142857%
}

.jrGrid24>.jrCol8 {
    width: 32.77310924%
}

.jrGrid24>.jrCol9 {
    width: 36.97478992%
}

.jrGrid24>.jrCol10 {
    width: 41.17647059%
}

.jrGrid24>.jrCol11 {
    width: 45.37815126%
}

.jrGrid24>.jrCol12 {
    width: 49.57983193%
}

.jrGrid24>.jrCol13 {
    width: 53.78151261%
}

.jrGrid24>.jrCol14 {
    width: 57.98319328%
}

.jrGrid24>.jrCol15 {
    width: 62.18487395%
}

.jrGrid24>.jrCol16 {
    width: 66.38655462%
}

.jrGrid24>.jrCol17 {
    width: 70.58823529%
}

.jrGrid24>.jrCol18 {
    width: 74.78991597%
}

.jrGrid24>.jrCol19 {
    width: 78.99159664%
}

.jrGrid24>.jrCol20 {
    width: 83.19327731%
}

.jrGrid24>.jrCol21 {
    width: 87.39495798%
}

.jrGrid24>.jrCol22 {
    width: 91.59663866%
}

.jrGrid24>.jrCol23 {
    width: 95.79831933%
}

.jrGrid24>.jrCol24 {
    width: 100%
}

.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%
}

.jrListColumn:after,
.jrListColumn:before,
[class*=jrListColumn]:after,
[class*=jrListColumn]:before {
    content: " ";
    display: table
}

.jrListColumn:after,
[class*=jrListColumn]:after {
    clear: both
}

.jrListColumn4 .jrListItem,
[class*=jrListColumn] .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),
.jrListColumn1 .jrListItem,
.jrListColumn2 .jrListItem:nth-child(2n),
.jrListColumn3 .jrListItem:nth-child(3n),
.jrListColumn4 .jrListItem:nth-child(4n),
.jrListColumn5 .jrListItem:nth-child(5n),
.jrListColumn6 .jrListItem:nth-child(6n),
.jrListColumn7 .jrListItem:nth-child(7n),
.jrListColumn8 .jrListItem:nth-child(8n) {
    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),
    .jrListColumn1 .jrListItem,
    .jrListColumn2 .jrListItem:nth-child(2n),
    .jrListColumn3 .jrListItem:nth-child(3n),
    .jrListColumn4 .jrListItem:nth-child(4n),
    .jrListColumn5 .jrListItem:nth-child(5n),
    .jrListColumn6 .jrListItem:nth-child(6n),
    .jrListColumn7 .jrListItem:nth-child(7n),
    .jrListColumn8 .jrListItem:nth-child(8n) {
        margin: 0 1.42857143% 1.42857143% 0
    }

    .jrListColumn .jrListItem:nth-child(3n),
    .jrListColumn1 .jrListItem,
    .jrListColumn2 .jrListItem:nth-child(1n),
    .jrListColumn3 .jrListItem:nth-child(2n),
    .jrListColumn4 .jrListItem:nth-child(3n),
    .jrListColumn5 .jrListItem:nth-child(4n),
    .jrListColumn6 .jrListItem:nth-child(5n),
    .jrListColumn7 .jrListItem:nth-child(6n),
    .jrListColumn8 .jrListItem:nth-child(7n) {
        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%
    }

    .jrListColumn4 .jrListItem:nth-child(n),
    [class*=jrListColumn] .jrListItem:nth-child(n) {
        margin: 0 1.42857143% 1.42857143% 0
    }

    .jrListColumn .jrListItem:nth-child(3n),
    .jrListColumn1 .jrListItem,
    .jrListColumn2 .jrListItem:nth-child(1n),
    .jrListColumn3 .jrListItem:nth-child(2n),
    .jrListColumn4 .jrListItem:nth-child(3n),
    .jrListColumn5 .jrListItem:nth-child(4n),
    .jrListColumn6 .jrListItem:nth-child(5n),
    .jrListColumn7 .jrListItem:nth-child(6n),
    .jrListColumn8 .jrListItem:nth-child(7n) {
        margin: 0 0 1.42857143% 0
    }
}

@media (max-width:480px) {

    .jrListColumn .jrListItem,
    .jrListColumn1 .jrListItem,
    .jrListColumn2 .jrListItem,
    .jrListColumn3 .jrListItem,
    .jrListColumn4 .jrListItem,
    .jrListColumn5 .jrListItem,
    .jrListColumn6 .jrListItem,
    .jrListColumn7 .jrListItem,
    .jrListColumn8 .jrListItem {
        width: 48.72857143%
    }

    .jrListColumn4 .jrListItem:nth-child(n),
    [class*=jrListColumn] .jrListItem:nth-child(n) {
        margin: 0 1.42857143% 1.42857143% 0
    }

    .jrListColumn .jrListItem:nth-child(2n),
    .jrListColumn1 .jrListItem,
    .jrListColumn2 .jrListItem:nth-child(2n),
    .jrListColumn3 .jrListItem:nth-child(2n),
    .jrListColumn4 .jrListItem:nth-child(2n),
    .jrListColumn5 .jrListItem:nth-child(2n),
    .jrListColumn6 .jrListItem:nth-child(2n),
    .jrListColumn7 .jrListItem:nth-child(2n),
    .jrListColumn8 .jrListItem:nth-child(2n) {
        margin: 0 0 1.42857143% 0
    }
}

.jrListItem .jrListItemThumb {
    margin: 8px 0
}

.jrListItem .jrListItemThumb img {
    max-width: 100%
}

.jrListItem .jrListItemContent {
    margin: 0 4px
}

.jrShadowBox {
    background: var(--fwd-color-white);
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.jrShadowBox:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

.jrCompactBox {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.jrCompactBox:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.jrCompactBox .jrListItemThumb {
    width: 100%;
    margin: 0 0 8px 0
}

.jrCompactBox .jrListItemThumb img {
    width: 100%
}

@font-face {
    font-family: jrIcons;
    src: url(fonts/jrIcons.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

[data-jricon]:before {
    font-family: jrIcons;
    font-size: 1em;
    color: var(--fwd-color-gray-800);
    content: attr(data-jricon);
    speak: none;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[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: 400;
    -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"
}

.jrIconCancel:before,
.jrIconRemove:before {
    content: "\e018"
}

.jrIconCopy:before,
.jrIconNew:before,
.jrIconPlus:before {
    content: "\e019"
}

.jrIconMinus:before {
    content: "\e01a"
}

.jrIconApply:before,
.jrIconPublished:before,
.jrIconSave:before,
.jrIconSubmit:before,
.jrIconYes:before {
    content: "\e01b"
}

.jrIconClose:before,
.jrIconNo: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"
}

.jrIconEmptyStar:before,
.jrIconNotFeatured: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"
}

.jrIconNext:before,
.jrIconRight: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"
}

.jrButton .jrIconPublished[class^=jrIcon]:before {
    color: var(--fwd-color-green-800)
}

.jrButton .jrIconUnpublished[class^=jrIcon]:before {
    color: var(--fwd-color-red-800)
}

.jrBlue>[class^=jrIcon]:before,
.jrDark>[class^=jrIcon]:before,
.jrGreen>[class^=jrIcon]:before,
.jrOrange>[class^=jrIcon]:before,
.jrRed>[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
}

.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
}

.jrLoadingMedium,
.jrLoadingSmall {
    background: url(images/spinner-calm.svg);
    filter: brightness(.5);
    width: 25px;
    height: 25px;
    display: inline-block
}

.jrLoadingMedium {
    width: 35px;
    height: 35px
}

.jrPathway {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: .5em;
    padding-right: 16px;
    padding-left: 0 !important;
    list-style-type: none !important
}

.jrPathway>li+li:before {
    padding: 0 4px;
    color: var(--fwd-color-gray-500);
    content: "/\00a0"
}

.jrPathway a {
    text-decoration: none
}

.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, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

ul.jrNoStyle,
ul.jrNoStyle>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
}

.jrClearfix:after,
.jrClearfix:before {
    display: table;
    content: ""
}

.jrClearfix:after {
    clear: both
}

.jrClear {
    clear: both
}

.jrIsLoading {
    opacity: .3
}

.jrPage {
    text-align: left;
    position: relative
}

.jrPageHeader .contentheading {
    clear: left;
    margin-bottom: 10px
}

.jrPageHeader .contentheading a {
    font-size: 14px;
    font-weight: 700
}

.jrPageDescription {
    width: 100%;
    margin: 32px 0 16px
}

.jrPageDescription img {
    float: left;
    margin: 0 10px 10px 0;
    border: 0;
    max-width: 100%
}

.jrListScope {
    margin: 0 0 20px 0;
    text-align: center
}

.jrListScope h2 {
    margin: 0 0 10px 0;
    font-weight: 700
}

.jrListSearch {
    text-align: center !important;
    margin: 0
}

.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>span,
.jrMediaSort>span {
    display: none
}

.jrCaptcha {
    margin: 10px 0;
    overflow: hidden
}

.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: 700;
    margin-bottom: .2em
}

.jrPage .jrListingTitle a {
    font-size: 14px;
    font-weight: 700
}

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: .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)
}

.jrListingAuthor,
.jrListingDate {
    margin-right: .5rem
}

.jrListingAuthor:empty,
.jrListingDate:empty {
    display: none
}

.jrPage .jrCompareButton input[type=checkbox] {
    width: 12px !important;
    height: 12px !important
}

.jrCompareButton .comparisonMessageMax {
    left: -65px;
    top: -75px
}

.jrCustomModule {
    margin: 10px 0
}

.jrMapColumn .jrCustomModule {
    width: 300px
}

.jrHideLink {
    display: block;
    margin: 10px 0
}

.jrShowLink {
    margin-left: 5px;
    display: inline-block
}

.jrShowMoreDiv {
    margin-bottom: 10px
}

.jrUnapproved.jrUnpublished,
.jrUnpublished {
    background: var(--fwd-color-red-100) !important
}

.jr-encoding-progress {
    display: inline-block;
    padding: 40px
}

.jrMediaEditForm .jrMediaPhoto {
    max-width: 100%;
    max-height: 300px;
    width: auto;
    height: auto
}

.jrMediaEditForm .jrLeft+.jrFieldDiv {
    padding: 0;
    display: inline-block
}

.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 .jrMediaCreated,
.jrMediaList .jrMediaInfo .jrMediaFrom,
.jrMediaList .jrMediaInfo .jrMediaListingTitle,
.jrMediaList .jrMediaInfo .jrMediaViews {
    font-size: 1em
}

.jrMediaList .jrMediaInfo .jrMediaTitle {
    height: 32px;
    overflow: hidden
}

.jrMediaList .jrMediaInfo .jrMediaListingTitle {
    overflow: hidden
}

.jrMediaList .jrMediaTypeAttachment .jrMediaThumb:before,
.jrMediaList .jrMediaTypeAudio .jrMediaThumb:before,
.jrMediaList .jrMediaTypePhoto .jrMediaThumb:before,
.jrMediaList .jrMediaTypeVideo .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: 700;
    padding: 4px 6px;
    content: attr(data-duration)
}

.jrMediaForm .jrIconStar:before,
.jrMediaSort .jrIconStar:before {
    color: #f31818
}

.jrUploadProgressBar.ui-progressbar {
    height: 15px
}

.jrUploadProgressBar.ui-progressbar>div {
    height: 15px
}

.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 .jrVoteNo,
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike .jrVoteYes {
    margin-left: 0;
    margin-right: 10px
}

.jrVideoGallery .jrMediaTitle {
    font-weight: 700;
    margin: 5px 0
}

.jrVideoGallery .jrMediaDescription {
    max-height: 200px;
    overflow: auto
}

.jrVideoGallery .jrMediaFilter {
    margin-bottom: 10px;
    overflow: hidden
}

.jrVideoGallery .jrMediaFilter .jrMediaOrder {
    display: block;
    float: right
}

.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 .jrPhotoCaption,
.jrPhotoSlideShow .jrPhotoInfo {
    color: #fff;
    background-color: #000;
    background-color: rgba(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 .jrPhotoCaption,
.jrPhotoSlideShow.jrPhotoOverlay:hover .jrPhotoInfo {
    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: 700
}

.jrPhotoGallery .jrMediaActions {
    margin: 10px 0;
    overflow: hidden
}

.jrPhotoGallery .jrMediaActions .jrReport {
    margin-left: 5px
}

.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
}

.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: .75em .75em;
    box-sizing: content-box
}

.jrCompareview .jrCompareField.alt {
    background: var(--fwd-color-gray-100)
}

.jrCompareview .jrCompareField img {
    border: 0;
    border-radius: 2px
}

.jrCompareview .itemEditorRating.jrCompareField,
.jrCompareview .itemUserRating.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: 0 0;
    color: var(--fwd-color-gray-700);
    border-bottom: 3px solid var(--fwd-color-gray-200);
    padding: 1.5em 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 .jrRatingStarsEditor,
.jrCompareview .jrRatingStarsUser {
    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, .4);
    box-shadow: 0 0 1px rgba(255, 255, 255, .4)
}

.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: 0 0 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: 0 0;
    border: 0 !important
}

.jrCompareDashboard .jrCompareTabs .jrTabsContainer {
    display: none;
    min-height: 75px;
    margin: 0 16px
}

.jrCompareDashboard .jrCompareTabs ul.jrCompareTabsNav.ui-tabs-nav {
    position: relative;
    top: 0;
    right: -96px;
    max-width: calc(100% - 146px);
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    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: 0;
    background: 0 0;
    padding: 0 1em;
    text-decoration: none;
    font-weight: 400
}

.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
}

.jrPagination {
    width: 100%;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 10px;
    border: 0
}

.jrPagination.jrTableGrid>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
}

.jr-pagenav-next.jrButton.jrDisabled,
.jr-pagenav-prev.jrButton.jrDisabled,
.jrPageNext.jrButton,
.jrPagePrev.jrButton {
    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
}

.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
}

.jrDiscussion .jrListing .jrAvatar,
.jrListingDetail .jrListingAuthor .jrAvatar,
.jrListings .jrAvatar {
    margin-right: 5px;
    width: 30px;
    height: 30px
}

.jrReviewLayout .jrAvatar {
    margin-bottom: 8px
}

.jrLetterAvatar.jrAvatarStyle1 {
    color: #bdbdbd;
    border: 1px solid #bdbdbd !important;
}

.jrLetterAvatar.jrAvatarStyle2 {
    color: #f44336;
    border: 1px solid #f44336 !important;
}

.jrLetterAvatar.jrAvatarStyle3 {
    color: #e91e63;
    border: 1px solid #e91e63 !important;
}

.jrLetterAvatar.jrAvatarStyle4 {
    color: #9c27b0;
    border: 1px solid #9c27b0 !important;
}

.jrLetterAvatar.jrAvatarStyle5 {
    color: #673ab7;
    border: 1px solid #673ab7 !important;
}

.jrLetterAvatar.jrAvatarStyle6 {
    color: #3f51b5;
    border: 1px solid #3f51b5 !important;
}

.jrLetterAvatar.jrAvatarStyle7 {
    color: #2196f3;
    border: 1px solid #2196f3 !important;
}

.jrLetterAvatar.jrAvatarStyle8 {
    color: #03a9f4;
    border: 1px solid #03a9f4 !important;
}

.jrLetterAvatar.jrAvatarStyle9 {
    color: #00bcd4;
    border: 1px solid #00bcd4 !important;
}

.jrLetterAvatar.jrAvatarStyle10 {
    color: #009688;
    border: 1px solid #009688 !important;
}

.jrLetterAvatar.jrAvatarStyle11 {
    color: #4caf50;
    border: 1px solid #4caf50 !important;
}

.jrLetterAvatar.jrAvatarStyle12 {
    color: #8bc34a;
    border: 1px solid #8bc34a !important;
}

.jrLetterAvatar.jrAvatarStyle13 {
    color: #c0ca33;
    border: 1px solid #c0ca33 !important;
}

.jrLetterAvatar.jrAvatarStyle14 {
    color: #ffc107;
    border: 1px solid #ffc107 !important;
}

.jrLetterAvatar.jrAvatarStyle15 {
    color: #ff9800;
    border: 1px solid #ff9800 !important;
}

.jrLetterAvatar.jrAvatarStyle16 {
    color: #ff5722;
    border: 1px solid #ff5722 !important;
}

.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>span,
.jrAuthorInfo>time {
    flex: 0 0 auto;
    min-width: 1px
}

.jrAuthorInfo>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>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
}

.widget .jrReviewAuthor a {
    box-shadow: none !important
}

.widget .jrReviewAuthor a img {
    box-shadow: none !important
}

.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-arrow,
button.mfp-close {
    background: 0 0 !important;
    outline: 0
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.jrVideoGallery .vjs-default-skin .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin: -4em 0 0 -6em
}

trix-editor {
    padding: 12px 16px !important;
    border-color: var(--fwd-color-gray-300) !important;
    background: 0 0 !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: 0
}

object#panoflash1 {
    width: 100%
}

.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 #___plus_0,
.socialBookmarks .IN-widget,
.socialBookmarks div,
.socialBookmarks iframe,
.socialBookmarks>[class*=button_pin],
.socialBookmarksVertical #___plusone_0,
.socialBookmarksVertical .IN-widget,
.socialBookmarksVertical .reddit-button,
.socialBookmarksVertical div,
.socialBookmarksVertical iframe,
.socialBookmarksVertical>[class*=button_pin] {
    margin-right: 10px !important
}

.socialBookmarks iframe,
.socialBookmarksVertical iframe {
    max-width: none !important
}

.socialBookmarks .jr-fb-like,
.socialBookmarks .jr-fb-share,
.socialBookmarks>a {
    vertical-align: top
}

.socialBookmarksVertical>* {
    vertical-align: bottom !important
}

.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
}

.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: 700;
    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
}

table.contentpane,
table.contentpaneopen {
    margin: 0;
    padding: 0;
    width: 100% !important
}

.pac-container {
    width: auto !important;
    z-index: 9999
}

.jrAlphaindex.jrButtonGroup {
    margin-bottom: 24px;
    justify-content: center
}

.jrAlphaindex.jrButtonGroup>.jrButton {
    padding: .5em;
    box-shadow: none
}

.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
}

.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: 0 0;
    font-weight: 700;
    font-size: 1.2em
}

.jrDirview ul li ul {
    font-weight: 400;
    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
}

.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>* {
    margin-right: 0 !important;
    margin-left: .5rem !important
}

.jrAddListing.jrButton {
    margin: 0
}

.jrAddListing.jrButton .jrIconAddListing:before {
    color: var(--fwd-color-white)
}

.jrListingCategory {
    display: block
}

.jrListings .jrPageHeader {
    min-height: 25px
}

.jrListings .jrListingTitle {
    margin: 0 10px 5px 0
}

.jrListings .jrListingTitle a {
    font-size: 20px;
    font-weight: 400;
    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: .75em
}

.jrCardView.jrListings .jrListingActions .jrButton {
    box-shadow: none
}

.jrListLayoutOptions {
    margin: 0;
    padding: 0;
    border: 1px solid var(--fwd-color-gray-800)
}

.jrListLayoutOptions>.jrButton {
    border: 0
}

.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: .9em;
    color: #777;
    margin-bottom: 10px
}

.jrTableview .jrResults .jrListingStatus {
    white-space: nowrap
}

.jrTableview .jrResults .jrOverallRatings {
    float: none
}

.jrTableview .jrResults .jrOverallRatings>div {
    white-space: nowrap
}

.jrBlogview .jrListingColumn {
    min-height: 330px
}

.jrBlogview .jrResults .jrListItem {
    clear: both;
    position: relative;
    margin: 8px 0;
    padding: 8px 4px
}

.jrBlogview .jrResults .jrListItem:after,
.jrBlogview .jrResults .jrListItem:before {
    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: .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
}

.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: .9em;
    line-height: 1.3
}

.jrThumbview .jrResults .jrOverallRatings>div {
    display: flex;
    margin-bottom: .5em
}

.jrMasonry:after,
.jrMasonry:before {
    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: .9em;
    line-height: 1.3
}

.jrMasonry .jrResults .jrOverallRatings>div {
    display: flex;
    margin-bottom: .5em
}

.jrMasonry .jrResults .jrListingButtons {
    margin: .75em 0;
    align-items: center;
    justify-content: center;
    display: flex
}

.jrMasonry .jrResults .jrListingButtons>div {
    margin: 0 .25em 0 .25em
}

.jrMasonry .jrMediaList {
    padding-bottom: 40px
}

.jrMasonry .jrMediaList .jrListItem {
    height: auto
}

.jrMasonry .jrMediaList .jrMediaInfo {
    margin: 1em .5em
}

.jrCMSBlog {
    text-align: left
}

.jrCMSBlog .jrListingTitle,
.jrCMSBlog .jrListingTitle a {
    font-size: 20px;
    font-weight: 400
}

.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
}

.jrListingDetail h1.contentheading {
    margin: 10px 0;
    display: inline-block
}

.jrListingDetail h1.contentheading span {
    margin-right: 10px
}

.jrListingDetail .jrListingInfoContainer {
    clear: left;
    margin: 5px 0 7px 0;
    padding: 5px 0 6px 0;
    background: 0 0;
    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: .9em
}

.jrListingDetail .jrListingInfo:after,
.jrListingDetail .jrListingInfo:before {
    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: .9em
}

.jrListingDetail .jrListingInfoButtons:after,
.jrListingDetail .jrListingInfoButtons:before {
    content: " ";
    display: table
}

.jrListingDetail .jrListingInfoButtons:after {
    clear: both
}

.jrListingDetail .jrListingButtons {
    float: left
}

.jrListingDetail .jrListingButtons .jrButton {
    margin-bottom: 10px
}

.jrListingDetail .jrOverallRatings {
    float: left
}

.jrListingDetail .jrOverallRatings .jrOverallEditor,
.jrListingDetail .jrOverallRatings .jrOverallUser {
    float: left
}

.jrListingDetail .jrOverallRatings .jrOverallEditor {
    margin: 0 15px 0 0
}

.jrVideos .jrMediaThumb:after {
    display: inline-block;
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    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>a>img,
.jrListingMainImage>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: 700;
    padding: 2px;
    content: attr(data-duration)
}

.jrMediaButtons {
    clear: right;
    float: right;
    margin-bottom: 10px
}

.jrMediaButtons.jrMediaLeft {
    clear: left;
    float: left
}

.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: 700;
    padding: 2px;
    content: attr(data-duration)
}

.jrListingDescription,
.jrListingFulltext,
.jrListingSummary {
    margin-bottom: 1em;
    line-height: 1.7em
}

.jrMediaContainer {
    clear: both
}

.jrReviewContent .jrMediaContainer {
    margin-bottom: 10px
}

.jrMediaContainer .jrHeading:first-of-type {
    margin-top: 10px
}

.jrMediaContainer h4 {
    font-weight: 700;
    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: 700;
    padding: 2px;
    content: attr(data-duration)
}

.jrMediaContainer.jrAttachments ul {
    background: 0 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none
}

.jrMediaContainer.jrAttachments .jrAttachmentDownloadButton,
.jrMediaContainer.jrAttachments .jrAttachmentDownloads,
.jrMediaContainer.jrAttachments .jrAttachmentSize,
.jrMediaContainer.jrAttachments .jrAttachmentType {
    text-align: right
}

.jrMediaContainer.jrAttachments .jrAttachmentDescription {
    word-break: break-all
}

.jrMediaLinks {
    float: right;
    text-transform: none;
    position: relative;
    top: -2px
}

.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: 0
}

.jrAudio .jp-interface a.jp-pause,
.jrAudio .jp-interface a.jp-play {
    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
}

.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: 0;
    height: 100%;
    cursor: pointer
}

.jrAudio .jp-play-bar {
    background: #000;
    width: 0;
    height: 100%
}

.jrAudio .jp-seeking-bg {
    background: url(images/audio-preloader.gif) repeat-x
}

.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: 0;
    height: 12px
}

.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
}

.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: 0
}

.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
}

.jrAudio .jp-playlist a {
    outline: 0
}

.jrAudio .jp-playlist-current {
    font-weight: 700
}

.jrAudio .jp-free-media {
    float: right
}

.jrWidget {
    margin-top: 10px
}

.jrTabs .jrWidget:first-of-type {
    margin-top: 0
}

.jrWidget .jrOverallRatings {
    float: none
}

.jrTabs .jrWidget:first-child .jrHeading {
    margin-top: 0 !important
}

.jrEditorReviewsSummary {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px 0
}

.jrUserReviewsSummary {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px 0
}

.jrReviewSummaryInfo {
    margin-bottom: 10px
}

.jrBackButton {
    float: right;
    margin-left: 10px !important
}

.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
}

.jrDetailHeader {
    box-shadow: 0 2px 2px rgba(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, .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, .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%, .5);
    color: var(--fwd-color-white-fixed)
}

.jrHeaderInfo .jrOverallRatings>div {
    margin-top: .5rem !important
}

.jrHeaderInfo .jrListingStatus,
.jrHeaderInfo .jrRatingValue,
.jrHeaderInfo [class^=jrIcon]:before {
    color: var(--fwd-color-white-fixed)
}

.jrListingDetail .jrHeaderInfo [class^=jrIcon] {
    margin-right: 8px;
    line-height: .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.jrHeaderAvatar,
    figure.jrHeaderLogo {
        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.jrHeaderAvatar,
    figure.jrHeaderLogo {
        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
}

.jrVoteNo,
.jrVoteYes {
    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%
}

.jrOwnerReplyDate,
.jrReviewDate {
    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>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: 700
}

.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: 700;
    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: 400;
    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: 700
}

.jrCommentPopupText {
    margin: 10px 5px 10px 30px
}

.jrReviewerRank .jrTableGrid {
    border-collapse: collapse
}

.jrReviewerRank .jrDataListHeader {
    border-bottom: 0
}

.jrRankLayoutRight {
    float: right;
    width: calc(90% - 80px)
}

.jrRankLayoutLeft {
    float: left;
    width: calc(10% + 50px)
}

.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
}

.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: 0 !important
}

.jrModuleItems .jrModuleItemNumber {
    font-weight: 700;
    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 .jrModuleItem:not(.jrSlideshowLayout) .jrModuleFieldDiv,
.jrModuleItems .jrModuleItemCategory,
.jrModuleItems .jrModuleItemReviewer {
    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
}

.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
}

.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%, .7)
}

.jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:link,
.jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:visited {
    display: block;
    width: 97%;
    padding: 1em;
    font-size: 1em;
    color: #fff;
    font-weight: 700;
    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: 700
}

.jrModuleItems .jrSlideshowLayout .jrRatingValue {
    display: none
}

.jrModuleItems .jrSlideshowLayout .jrOverallRatings {
    position: absolute;
    background: hsla(0, 0%, 0%, .7);
    top: 0;
    right: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: .75em;
    justify-content: center
}

.jrModuleItems .jrSlideshowLayout .jrOverallRatings>div:first-of-type {
    margin-right: 1em
}

.jrModuleItems .jrSlideshowLayout .jrOverallRatings .rating_count {
    display: none
}

.jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrRatingValue,
.jrModuleItems .jrSlideshowLayout .jrOverallRatings [class^=jrIcon]:before {
    color: var(--fwd-color-white-fixed)
}

.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser div {
    background-image: url(images/rating_stars.png)
}

.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle2,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle2 div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle2,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle2 div {
    background-image: url(images/rating_stars_2.png)
}

.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle3,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle3 div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle3,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle3 div {
    background-image: url(images/rating_bars.png)
}

.jrModuleSlider .jrSlideshowLayout .jrModuleItemInfo {
    display: block;
    padding: 0;
    max-height: 0;
    -webkit-transition: all .3s cubic-bezier(.02, .01, .47, 1);
    transition: all .3s cubic-bezier(.02, .01, .47, 1)
}

.jrModuleSlider .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo {
    padding: 0 0 1em 0;
    max-height: 100px
}

.jrModuleLinks {
    margin: 10px 0;
    padding: 0
}

.jrModuleLinks li {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline
}

.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-controls-auto,
.jrModuleSlider .bx-wrapper .bx-pager {
    width: 100%
}

.jrModuleSlider .bx-wrapper .bx-loading {
    min-height: 50px;
    background: 0 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.jrModuleSlider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    position: absolute;
    top: 30px;
    z-index: 998
}

.jrModuleSlider .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.jrModuleSlider .bx-wrapper .bx-pager .bx-pager-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.active,
.jrModuleSlider .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: var(--fwd-color-gray-600)
}

.jrModuleSlider .bx-wrapper .bx-next,
.jrModuleSlider .bx-wrapper .bx-prev {
    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: 0 0
}

.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-controls,
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls-direction,
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-pager {
    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
}

.jrAdvSearchModule.jrRoundedPanel {
    padding: 12px
}

.jrAdvSearchModule.jrForm .jrFieldDiv {
    align-items: center
}

.jrAdvSearchModule.jrForm .jrFieldDiv label {
    margin-right: .5em
}

@media (max-width:480px) {
    .jrAdvSearchModule.jrForm .jrFieldDiv {
        float: none;
        clear: both
    }

    .jrAdvSearchModule.jrForm .jrAutoSuggest,
    .jrAdvSearchModule.jrForm .jrKeywords,
    .jrAdvSearchModule.jrForm .jrSelect,
    .jrAdvSearchModule.jrForm .jrText {
        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, .1), 0 2px 4px -1px rgba(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: 0 !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: .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: .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
}

.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
}

.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: .8;
    font-size: 10px;
    font-weight: 700;
    padding: 2px;
    content: attr(data-duration)
}

.jrModuleItems .jrMediaInfo.jrPopup .jrMediaDescription,
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaFrom,
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaTitle {
    margin: 0 0 5px 0
}

.jrDirectoryExpanded {
    padding: 0;
    margin: 0
}

.jrDirectoryExpanded li {
    background: 0 0 !important;
    list-style-image: url(images/breadcrumb.png)
}

.jrDirectoryExpanded>li {
    list-style: none
}

.jrFieldsModule {
    border-top: solid 0 #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: .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 .1s ease-in-out;
    transition: all .1s ease-in-out
}

.jrFieldsModule.jrTagsLayout ul li a.jrActive,
.jrFieldsModule.jrTagsLayout ul li a:hover {
    text-decoration: none;
    background: var(--fwd-color-gray-900);
    color: var(--fwd-color-gray-200)
}

.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionSmallest {
    font-size: .8em
}

.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionSmall {
    font-size: .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
}

.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: 0 !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: 400;
    line-height: 1.2em;
    margin-bottom: 10px
}

.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-next-button,
.jrModuleCalendar .clndr .controls .clndr-previous-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 .5s;
    transition: background-color .5s
}

.jrModuleCalendar .clndr .controls .clndr-next-button:hover,
.jrModuleCalendar .clndr .controls .clndr-previous-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 .5s;
    transition: left .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: 700
}

.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 .5s;
    transition: background-color .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: #fff;
    text-transform: uppercase
}

.jrPlugin {
    padding-top: 5px !important
}

.jrPlugin .jrModuleItem.jrLastItem {
    padding-right: 0 !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 .jrRatingStarsEditor,
.jrPlugin .jrRatingStarsEditor div,
.jrPlugin .jrRatingStarsUser,
.jrPlugin .jrRatingStarsUser 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
}

.jrFormContainer,
.jrReviewForm {
    border: 0;
    background-color: transparent;
    padding: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(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: .5em;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 400
}

.jrForm .jrLabel {
    font-size: .8em
}

.jrForm .jrFieldBefore {
    float: right
}

.jrForm input[type=checkbox],
.jrForm input[type=radio],
.jrPage input[type=checkbox],
.jrPage 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: 0;
    cursor: pointer;
    border-color: var(--fwd-color-gray-500);
    background: var(--fwd-color-white);
    border-style: solid;
    border-width: 1px;
    min-width: auto
}

.jrForm input[type=checkbox]::before,
.jrForm input[type=radio]::before,
.jrPage input[type=checkbox]::before,
.jrPage input[type=radio]::before {
    content: "";
    background: 0 0
}

.jrForm .jrFieldDiv .jrFieldOption,
.jrPage .jrFieldDiv .jrFieldOption {
    display: inline-flex;
    align-items: center
}

.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox],
.jrForm input[type=checkbox],
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox],
.jrPage input[type=checkbox] {
    height: 1em !important;
    width: 1em !important;
    border-radius: .25em
}

.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:focus,
.jrForm input[type=checkbox]:focus,
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:focus,
.jrPage input[type=checkbox]:focus {
    box-shadow: 0 0 0 3px var(--fwd-color-blue-300);
    outline: 0
}

.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:focus:not(:checked),
.jrForm input[type=checkbox]:focus:not(:checked),
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:focus:not(:checked),
.jrPage input[type=checkbox]:focus:not(:checked) {
    box-shadow: none
}

.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:checked,
.jrForm input[type=checkbox]:checked,
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:checked,
.jrPage 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)
}

.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:checked[disabled],
.jrForm .jrFieldDiv .jrFieldOption input[type=checkbox]:checked[readonly],
.jrForm input[type=checkbox]:checked[disabled],
.jrForm input[type=checkbox]:checked[readonly],
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:checked[disabled],
.jrPage .jrFieldDiv .jrFieldOption input[type=checkbox]:checked[readonly],
.jrPage input[type=checkbox]:checked[disabled],
.jrPage input[type=checkbox]:checked[readonly] {
    background-color: var(--fwd-color-gray-300) !important;
    border-color: var(--fwd-color-gray-300)
}

.jrForm .jrFieldDiv .jrFieldOption input[type=radio],
.jrForm input[type=radio],
.jrPage .jrFieldDiv .jrFieldOption input[type=radio],
.jrPage input[type=radio] {
    height: 1em;
    width: 1em !important;
    border-radius: 9999px
}

.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:focus,
.jrForm input[type=radio]:focus,
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:focus,
.jrPage input[type=radio]:focus {
    box-shadow: 0 0 0 3px var(--fwd-color-blue-300);
    outline: 0
}

.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:focus:not(:checked),
.jrForm input[type=radio]:focus:not(:checked),
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:focus:not(:checked),
.jrPage input[type=radio]:focus:not(:checked) {
    box-shadow: none
}

.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:checked,
.jrForm input[type=radio]:checked,
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:checked,
.jrPage 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
}

.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:checked[disabled],
.jrForm .jrFieldDiv .jrFieldOption input[type=radio]:checked[readonly],
.jrForm input[type=radio]:checked[disabled],
.jrForm input[type=radio]:checked[readonly],
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:checked[disabled],
.jrPage .jrFieldDiv .jrFieldOption input[type=radio]:checked[readonly],
.jrPage input[type=radio]:checked[disabled],
.jrPage input[type=radio]:checked[readonly] {
    color: var(--fwd-color-gray-300)
}

.jrForm .jrFieldDiv,
.jrPage .jrFieldDiv {
    margin: 0 0 16px 0;
    padding: 1px 0;
    position: relative;
    overflow: hidden
}

.jrForm .jrFieldDiv:last-child,
.jrPage .jrFieldDiv:last-child {
    margin: 0
}

.jrForm .jrFieldDiv.jrInputError input,
.jrPage .jrFieldDiv.jrInputError input {
    border-color: var(--fwd-color-red-600)
}

.jrForm .jrFieldDiv label,
.jrPage .jrFieldDiv label {
    font-weight: 700;
    display: block;
    float: none;
    margin: 0 0 8px 0;
    font-size: 1em;
    letter-spacing: .05em;
    text-transform: none;
    color: var(--fwd-color-gray-700)
}

.jrForm .jrFieldDiv label.jrLabel,
.jrPage .jrFieldDiv label.jrLabel {
    font-weight: 700
}

.jrForm .jrFieldDiv label.error,
.jrPage .jrFieldDiv label.error {
    color: var(--fwd-color-red-600)
}

.jrForm input:not([type=checkbox]):not([type=radio]),
.jrForm select,
.jrForm textarea,
.jrPage input:not([type=checkbox]):not([type=radio]),
.jrPage select,
.jrPage textarea {
    font-weight: 400;
    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
}

.jrForm input:not([type=checkbox]):not([type=radio])::placeholder,
.jrForm select::placeholder,
.jrForm textarea::placeholder,
.jrPage input:not([type=checkbox]):not([type=radio])::placeholder,
.jrPage select::placeholder,
.jrPage textarea::placeholder {
    opacity: .5
}

.jrForm input:not([type=checkbox]):not([type=radio])[disabled],
.jrForm select[disabled],
.jrForm textarea[disabled],
.jrPage input:not([type=checkbox]):not([type=radio])[disabled],
.jrPage select[disabled],
.jrPage textarea[disabled] {
    background-color: var(--fwd-color-gray-200)
}

.jrForm input:not([type=checkbox]):not([type=radio]),
.jrForm select,
.jrPage input:not([type=checkbox]):not([type=radio]),
.jrPage select {
    padding: 10px 14px;
    margin: 0 .75em 0 0
}

.jrForm .jrCode:not(.jrFieldDiv),
.jrForm .jrTextArea:not(.jrFieldDiv),
.jrForm textarea,
.jrPage .jrCode:not(.jrFieldDiv),
.jrPage .jrTextArea:not(.jrFieldDiv),
.jrPage textarea {
    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
}

.jrForm input:not([type=checkbox]):not([type=radio]):focus,
.jrForm select:focus,
.jrForm textarea:focus,
.jrPage input:not([type=checkbox]):not([type=radio]):focus,
.jrPage select:focus,
.jrPage textarea:focus {
    background-color: var(--fwd-color-gray-100);
    color: var(--fwd-color-gray-900);
    outline: 0
}

.jrForm input[type=checkbox],
.jrForm input[type=radio],
.jrPage input[type=checkbox],
.jrPage input[type=radio] {
    background-image: none;
    margin: 0 2px
}

.jrForm input:not([type=checkbox]):not([type=radio]).jrTitle,
.jrForm input[type=email].jrEmail:not(.jrFieldDiv),
.jrForm input[type=text].jrWebsite:not(.jrFieldDiv),
.jrForm input[type=url].jrWebsite:not(.jrFieldDiv),
.jrPage input:not([type=checkbox]):not([type=radio]).jrTitle,
.jrPage input[type=email].jrEmail:not(.jrFieldDiv),
.jrPage input[type=text].jrWebsite:not(.jrFieldDiv),
.jrPage input[type=url].jrWebsite:not(.jrFieldDiv) {
    width: 70%
}

.jrForm input[type=text].jrTitleMedium,
.jrPage input[type=text].jrTitleMedium {
    width: 25em
}

.jrForm input:not([type=checkbox]):not([type=radio]).jrText,
.jrPage input:not([type=checkbox]):not([type=radio]).jrText {
    width: 20em
}

.jrForm input[type=email].jrEmail:not(.jrFieldDiv),
.jrForm input[type=text].jrEmail:not(.jrFieldDiv),
.jrPage input[type=email].jrEmail:not(.jrFieldDiv),
.jrPage input[type=text].jrEmail:not(.jrFieldDiv) {
    width: 70%
}

.jrForm input[type=text].jrAutoSuggest,
.jrForm input[type=text].jrKeywords,
.jrForm input[type=text].jrName,
.jrPage input[type=text].jrAutoSuggest,
.jrPage input[type=text].jrKeywords,
.jrPage input[type=text].jrName {
    width: 15em
}

.jrForm input[type=text].jrAutoSuggest,
.jrPage input[type=text].jrAutoSuggest {
    float: left !important
}

.jrForm select,
.jrPage select {
    line-height: normal
}

.jrForm input[type=number].jrDecimal,
.jrForm input[type=number].jrInteger,
.jrPage input[type=number].jrDecimal,
.jrPage input[type=number].jrInteger {
    width: 12em
}

.jrForm input[type=text].jrDate,
.jrPage input[type=text].jrDate {
    width: 12em
}

.jrForm select.jrSelect,
.jrPage 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 .7em top 50%, 0 0;
    background-size: 1em auto, 100%
}

.jrForm select.jrSelect,
.jrForm select.jrSelectMultiple,
.jrPage select.jrSelect,
.jrPage select.jrSelectMultiple {
    margin-right: .75em
}

.jrForm select.jrSelect:disabled,
.jrForm select.jrSelectMultiple:disabled,
.jrPage select.jrSelect:disabled,
.jrPage select.jrSelectMultiple:disabled {
    background-color: var(--fwd-color-gray-200);
    color: var(--fwd-color-gray-600)
}

.jrForm select.jrSelectMultiple,
.jrForm select.jrSelect[multiple],
.jrPage select.jrSelectMultiple,
.jrPage select.jrSelect[multiple] {
    height: auto;
    margin-bottom: 5px
}

.jrForm select.jrSelectMultiple option,
.jrForm select.jrSelect[multiple] option,
.jrPage select.jrSelectMultiple option,
.jrPage select.jrSelect[multiple] option {
    height: auto;
    line-height: 1.6;
    padding: 4px 10px
}

.jrForm select.jrSearchOptions,
.jrPage select.jrSearchOptions {
    margin-right: 4px;
    width: auto !important
}

.jrForm .jrButtons,
.jrPage .jrButtons {
    margin: 20px 0 0 0 !important
}

.jrForm input.button,
.jrForm input.jrButton,
.jrPage input.button,
.jrPage input.jrButton {
    width: auto !important;
    margin: 0
}

.jrForm .jrFieldDiv .jrFieldOption,
.jrPage .jrFieldDiv .jrFieldOption {
    margin: 0;
    white-space: nowrap;
    line-height: 26px
}

.jrForm .jrFieldDiv .jrFieldOption.jrOptionMinWidth,
.jrPage .jrFieldDiv .jrFieldOption.jrOptionMinWidth {
    min-width: 125px
}

.jrForm .jrFieldDiv .jrFieldOption input,
.jrPage .jrFieldDiv .jrFieldOption input {
    width: auto !important
}

.jrForm .jrFieldDiv .jrFieldOption label,
.jrPage .jrFieldDiv .jrFieldOption label {
    font-size: 1em;
    text-transform: none;
    font-weight: 400;
    display: inline !important;
    margin: 0 8px;
    cursor: pointer
}

.jrForm .jrCheckboxInline label,
.jrPage .jrCheckboxInline label {
    display: flex;
    align-items: baseline
}

.jrForm .jrCheckboxInline.jrPrivacyCheck label,
.jrPage .jrCheckboxInline.jrPrivacyCheck label {
    font-size: inherit;
    font-weight: 400
}

.jrForm .jrCheckboxInline input[type=checkbox],
.jrPage .jrCheckboxInline input[type=checkbox] {
    flex: none;
    margin: 0 10px 0 0
}

.jrForm .jrFieldDiv .jrNewFieldOption,
.jrPage .jrFieldDiv .jrNewFieldOption {
    display: none;
    float: left;
    margin-left: 10px
}

.jrForm .jrFieldDescription,
.jrPage .jrFieldDescription {
    color: var(--fwd-color-gray-600);
    font-size: 1em;
    display: inline-block;
    width: 100%;
    margin: 8px 0
}

.jrForm .jrFieldDescription.jrAbove,
.jrPage .jrFieldDescription.jrAbove {
    margin-bottom: 12px
}

.jrForm .jrFieldDescription.jrBelow,
.jrPage .jrFieldDescription.jrBelow {
    margin-top: 12px
}

.jrForm input.error,
.jrForm select.error,
.jrForm span.error,
.jrForm textarea.error,
.jrPage input.error,
.jrPage select.error,
.jrPage span.error,
.jrPage 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
}

.jrListSearch input[type=text] {
    width: 14em;
    display: inline-block
}

.jrForm fieldset {
    padding: 0;
    margin: 0;
    background: 0 0;
    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>.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
}

.jrForm label.jrReviewTitleLabel {
    font-weight: 700
}

.jrForm .jrTabs {
    margin: 20px 0 0 0
}

.jrForm .jrTabs fieldset {
    margin: 0 !important
}

.jrForm .jrTabs legend {
    display: none
}

.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
}

.jr-wysiwyg-editor {
    width: 34em
}

table.mceLayout {
    width: 99.9% !important
}

input#jr_submitListing {
    margin: 0 10px 0 0
}

.jrForm .jrRatingCriteria .jrIconRequired,
.jrForm label [class^=jrIcon],
.jrForm legend [class^=jrIcon] {
    margin: 0 0 0 5px
}

.jrIconRequired {
    width: 11px
}

.jrIconRequired:before {
    font-size: 11px;
    color: var(--fwd-color-red-700)
}

.jrIconInfo:before {
    font-size: 13px
}

.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: 0 0;
    margin: 0 10px 5px 0
}

.jrMediaForm .jrMediaLimits ul li:first-child {
    margin: 0 10px 0 0;
    font-weight: 700
}

.jrMediaForm .jrMediaTermsCheckbox {
    margin-top: 5px
}

.jrMediaForm .jrMediaTermsCheckbox label {
    display: inline;
    font-weight: 700;
    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
}

.jrThumbList label {
    font-weight: 700
}

.jrThumbList>div {
    margin: 5px 0;
    display: flex;
    flex-flow: row wrap
}

.jrForm .jrFormBuilder .jrFormHeading {
    margin-bottom: 5px
}

.jrForm .jrFormBuilder .jrFormHeading .title {
    margin-right: 10px
}

.jrForm .jrFormBuilder [data-schemapath=root]>.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
}

.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: 700;
    color: #fff;
    width: 400px;
    padding: 30px 0;
    opacity: .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
}

.jrFilterFieldWrap.jrFilterSlideout:before {
    content: "+";
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #777;
    z-index: -1
}

.jrFilterFieldWrap .jrRatingStarsEditor,
.jrFilterFieldWrap .jrRatingStarsUser {
    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: 0 0;
    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: .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: -.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.jrLink.jrChecked:before,
.jrFilterFieldWrap .jrFilterItem.jrRatingStar.jrChecked:before {
    font-family: jrIcons;
    font-size: 10px;
    line-height: 1.3;
    color: var(--fwd-color-black);
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 5px 0 -15px;
    content: "\e01c"
}

.jrFilterFieldWrap .jrLinkFilter .jrFilterItem,
.jrFilterFieldWrap .jrRatingFilter .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
}

.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
}

.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: 0;
    -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 .4s;
    transition: background .4s
}

input.jrToggleRound+label:after,
input.jrToggleRound+label:before {
    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 .4s;
    transition: background .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 .4s, background .4s;
    transition: margin .4s, background .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)
}

.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: .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(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.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, .4);
    -webkit-transition: opacity .3s;
    transition: opacity .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
}

.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: .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: .75rem !important;
    padding-right: .75rem !important;
    padding-bottom: .125rem !important;
    padding-top: .125rem !important;
    border-radius: 9999px !important;
    font-size: .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:active,
.ui-optionsDiv a.ui-disabled:hover {
    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: 700
}

.jrForm #msg p,
.jrForm #msg span {
    color: red
}

.jrForm #msg li {
    margin-left: 15px
}

.jrValidation {
    margin-top: 5px;
    color: red;
    font-weight: 400
}

.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 .jrRatingCaption,
.jrRatingsSubmission.jrTableGrid .jrRatingCriteria,
.jrRatingsSubmission.jrTableGrid .jrRatingStars {
    vertical-align: middle
}

.jrRatingsSubmission.jrTableGrid .jrRatingCaption {
    padding-left: 15px
}

.wp-editor-tools {
    display: inline-block
}

.jrCustomFields {
    overflow: hidden
}

.jrFieldGroup {
    padding-bottom: 1em
}

.jrFieldGroup .jrFieldRow {
    margin-bottom: 5px;
    overflow: hidden
}

.jrFieldGroup .jrFieldLabel {
    float: left;
    clear: left;
    width: 150px;
    font-weight: 400;
    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: .3em;
    display: inline-block
}

ul.jrFieldValueList,
ul.jrFieldValueList li {
    overflow: hidden;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: 0 0 !important
}

ul.jrFieldValueList li {
    margin-right: 5px !important;
    white-space: nowrap;
    float: left;
    display: block
}

ul.jrFieldValueList li:not(:only-child):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
}

.jrResults .jrCustomFields {
    clear: left;
    margin: 1em 0
}

.jrResults .jrCustomFields .jrFieldGroup {
    padding: 0
}

.jrResults .jrCustomFields .jrFieldGroupTitle {
    display: none
}

.jrReviewLayout .jrFieldGroupTitle {
    font-size: 1em
}

@media (max-width:480px) {
    .jrCustomFields {
        clear: both
    }

    .jrListingDetail.jrCompact .jrCustomFields {
        width: 100%;
        margin: 0 0 10px 0;
        clear: none
    }
}

.jrBusinessHours {
    list-style: none;
    padding: 0;
    margin: 0 0 5px 0
}

.jrBusinessHours .jrDay {
    font-weight: 700;
    width: 50px;
    display: inline-block
}

.jrBusinessHours .jrBusinessHoursStatus {
    font-weight: 700
}

.jrBusiness-open {
    color: #3cb52e
}

.jrBusiness-closed {
    color: #c41200
}

.jrForm .jrFormBuilder [data-schemaid=user-timezone]>.jrFieldDiv .jrSelect {
    max-width: 100%;
    width: 20em
}

.jrRecipeGrid {
    text-align: left
}

.jrCompareview .jrRecipeGrid.jrGrid>.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(.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
}

.jrDishDescription {
    color: #777
}

.jrDishName {
    margin-bottom: 3px
}

@media (min-width:768px) and (max-width:979px) {
    .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
    }

    .jrFiltersButton {
        float: none
    }
}

@media (max-width:767px) {
    .jrDirview>ul {
        padding-left: 10px
    }

    .jrDirview ul li.jrCatLevel1 {
        float: none !important;
        width: auto !important;
        overflow: hidden
    }

    .jrListSearch a {
        clear: both;
        display: block;
        margin: 5px 0
    }

    .jrOrdering,
    .jrPagenavLimit,
    .jrPagenavResults {
        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>[class*=jrCol] {
        display: inline-block;
        width: 100%
    }

    .jrResults .jrListingColumn {
        width: auto !important;
        border: 0;
        padding: 0
    }

    .jrMapColumn {
        display: none
    }

    .jrMapLayoutDetail .jrMapDetail {
        width: 100% !important;
        margin-bottom: 10px
    }

    .jrMapLayoutDetail .jrStreetviewDetail {
        width: 100%;
        clear: both
    }

    .jrRankLayout,
    .jrReviewLayout,
    .jrReviewListLayout {
        display: flex;
        flex-flow: column
    }

    .jrDiscussionLayoutLeft,
    .jrDiscussionLayoutRight,
    .jrRankLayoutLeft,
    .jrRankLayoutRight,
    .jrReviewLayoutLeft,
    .jrReviewLayoutRight {
        width: 100%
    }

    .jrUserInfo {
        display: flex;
        align-items: center
    }

    .jrDiscussionContent,
    .jrRankContent,
    .jrReviewContent {
        order: 2
    }

    .jrUserInfo {
        display: flex;
        order: 1;
        flex-flow: row
    }

    .jrUserInfoText {
        margin-left: 10px;
        flex: 0 0 auto;
        text-align: left
    }

    .jrDiscussionFooter,
    .jrReviewFooter {
        order: 3
    }
}

@media (max-width:480px) {
    .g-recaptcha {
        -webkit-transform: scale(.85);
        -ms-transform: scale(.85);
        -o-transform: scale(.85);
        transform: scale(.85);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        margin-left: 5px
    }

    .jrIconInfo.jr-more-info:before {
        font-size: 16px
    }

    .jrForm,
    .jrForm.jrFormContainer,
    .jrForm.jrReviewForm {
        padding: 12px
    }

    .jrForm .jrFieldDiv.jrLeft {
        float: none
    }

    .jrForm input[type=email].jrEmail,
    .jrForm input[type=email].jrEmail:not(.jrFieldDiv),
    .jrForm input[type=text].jrAutoSuggest,
    .jrForm input[type=text].jrKeywords,
    .jrForm input[type=text].jrName,
    .jrForm input[type=text].jrText,
    .jrForm input[type=text].jrTitle,
    .jrForm input[type=text].jrTitleMedium,
    .jrForm input[type=url].jrWebsite,
    .jrForm input[type=url].jrWebsite:not(.jrFieldDiv),
    .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.jrSelect,
    .jrForm select.jrSelectMultiple {
        width: 100%
    }

    .jrForm select.jrSelect option,
    .jrForm select.jrSelectMultiple option {
        text-overflow: ellipsis;
        overflow: hidden
    }

    .jrForm .ui-optionsDiv a {
        white-space: normal
    }

    #es form.jrForm input[type=email].jrEmail,
    #es form.jrForm input[type=text].jrAutoSuggest,
    #es form.jrForm input[type=text].jrKeywords,
    #es form.jrForm input[type=text].jrName,
    #es form.jrForm input[type=text].jrText,
    #es form.jrForm input[type=text].jrTitle,
    #es form.jrForm input[type=text].jrTitleMedium,
    #es form.jrForm input[type=url].jrWebsite,
    #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
    }

    .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 .jrCompactGallery,
    .jrListingDetail .jrMediaContainer:not(.jrAttachments) .jrThumbGallery,
    .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 .jrCompactGallery .jrMediaThumb,
    .jrListingDetail .jrMediaContainer .jrThumbGallery .jrMediaThumb,
    .jrListingDetail .jrVideoList .jrMediaThumb {
        padding: 0;
        margin: 0 5px 0 0;
        float: none;
        flex: 0 0 auto;
        max-width: 200px;
        height: auto
    }

    .jrListingDetail .jrCompactGallery .jrMediaThumb img,
    .jrListingDetail .jrMediaContainer .jrThumbGallery .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 .jrAttachmentDownloads,
    .jrListingDetail .jrAttachments .jrAttachmentSize,
    .jrListingDetail .jrAttachments .jrAttachmentType,
    .jrListingDetail .jrAttachments .jrDataListHeader {
        display: none
    }

    .jrListingDetail .jrAttachments .jrGrid {
        display: flex;
        flex-flow: row nowrap
    }

    .jrListingDetail .jrAttachments .jrGrid>[class*=jrCol].jrAttachmentDescription {
        flex: 1 0 220px
    }

    .jrListingDetail .jrAttachments .jrGrid>[class*=jrCol].jrAttachmentDownloadButton {
        flex: 1
    }

    .jrListingDetail .jrReviewFooter .jrTextSeparator {
        display: none
    }

    .jrListingDetail .jrReviewFooter .jrDiscussReview {
        display: block;
        margin-bottom: 8px
    }

    .jrListingDetail.jrCompact .jrListingFulltext {
        width: 100%
    }

    .jrPagination.jrPaginationTop>.jrPagenavPages[class*=jrCol] {
        display: none
    }

    .jrPaginationBottom .jrPagenavResults {
        display: none
    }

    .jrThumbview .jrResults .jrListingThumbnail {
        margin: 8px
    }

    .jrListings .jrFieldGroup .jrFieldLabel {
        width: 125px
    }

    .jrListings .jrFieldGroup .jrFieldValue:not(.jrLabelDisabled) {
        margin-left: 125px
    }

    .jrTableview .jrResults {
        display: block
    }

    .jrTableview .jrResults .jrListingInfo {
        clear: left;
        text-align: center
    }

    .jrTableview .jrDataList>* {
        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 .jrListingInfo,
    .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrListingTitle,
    .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrTableColumnRatings {
        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
    }

    .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 .jrOverallEditor,
    .jrBlogview .jrListItem .jrListingContent .jrOverallRatings .jrOverallUser {
        float: none;
        display: inline-block
    }

    .jrBlogview .jrListItem .jrListingContent .jrListingInfo {
        text-align: center
    }

    .jrBlogview .jrListItem.jrNoThumbnail .jrListingContent {
        flex: 100%
    }

    .jrBlogview .jrListItem .jrListingCategory {
        display: none
    }

    .jrRatingInfo,
    .jrReviewDate {
        float: none
    }

    .jrReviewSummary .jrButton {
        margin-bottom: 10px
    }

    .jrForm fieldset {
        padding: 5px
    }

    .jrDirectionsAddress input[type=text],
    .jrForm input[type=text].jrEmail,
    .jrForm input[type=text].jrReviewTitle,
    .jrForm input[type=text].jrText,
    .jrForm input[type=text].jrTitle,
    .jrForm input[type=text].jrWebsite {
        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
    }

    .jrMediaForm .jrMediaDiv {
        padding: 5px
    }

    .jrDialog.ui-dialog {
        width: 100% !important;
        left: 0 !important;
        border-radius: 0 !important
    }

    .jrDialog .jrFilterFieldWrap .jrFilterItem {
        flex: 1 1 100%
    }

    .jrFiltersButton {
        width: 100%;
        text-align: center;
        float: none
    }

    .jrReviewsMentioning {
        width: 100%;
        display: block;
        clear: both;
        margin: 15px 0
    }

    .jrReviewSearch {
        margin-bottom: 15px
    }

    .jrReviewSearch .jrKeywords {
        max-width: 130px
    }

    .jrRatingsSubmission.jrTableGrid [class*=jrCol] {
        display: block;
        margin-bottom: 5px
    }

    .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingCaption,
    .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingStars {
        float: left;
        line-height: 1.2;
        margin-bottom: 10px
    }

    .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingCaption {
        margin-top: 9px
    }

    .jrRatingStars .jrSliderInput {
        width: 130px
    }

    .jrDirview>ul {
        padding-left: 10px
    }

    .jrDirview ul li.jrCatLevel1 {
        float: none !important;
        width: auto !important;
        overflow: hidden
    }

    .socialBookmarks>div,
    .socialBookmarks>span {
        margin-bottom: 15px;
        display: inline-block
    }

    .socialBookmarks #___plus_0,
    .socialBookmarks iframe,
    .socialBookmarksVertical #___plus_0,
    .socialBookmarksVertical iframe {
        vertical-align: inherit !important
    }
}

.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: 400;
    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, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

.s2-template-path {
    margin-top: .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: 400;
    font-size: 1rem;
    text-align: left;
    color: var(--fwd-color-blue-100);
    border-radius: .25rem !important
}

.s2-theme-name {
    background-color: #faf25f;
    color: #000;
    padding: 4px 12px;
    display: inline-block;
    text-transform: none;
    font-weight: 400;
    font: 13px monospace;
    margin-right: 0;
    border-radius: 9999px !important
}

.cstm-jr-results {
    overflow: hidden;
}

.cstm-jr-results .jrModuleItems .jrModuleItemThumbnail,
.cstm-jr-results .jrModuleItems .jrModuleItemContent {
    float: none !important;
    width: 100% !important;
}

.cstm-jr-results {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.cstm-jr-results .jrModuleItem.jrLastItem {
    width: 30%;
    max-width: 30%;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
    margin: 2px;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.cstm-jr-results .jrModuleItems .jrModuleItemContent {
    padding: 10px;
}

.cstm-jr-results .jrModuleItemThumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.cstm-jr-results .jrModuleItemThumbnail {
    height: 200px;
    display: block;
    overflow: hidden;
}

.cstm-jr-results .jrModuleItemContent {
    padding: 10px;
    text-align: center;
}

.cstm-jr-results .jrModuleItem .jrReviewAuthor {
    margin: auto !important;
    display: block;
}

.jrDomain .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrLifecyclephase .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrProductuserdiscipline .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrTargetbusinesssize .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrSupportedplatforms .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrSupporteddatabases .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrLanguagessupported .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrDatamodelstandard .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrCountriessupported .jr-option.jrFieldOption.jrHidden {
    display: none;
}

.jrServicelifecycle .jr-option.jrFieldOption.jrHidden,
.jrServicesuserdiscipline .jr-option.jrFieldOption.jrHidden,
.jrServicestargetbusiness .jr-option.jrFieldOption.jrHidden,
.jrServiceslanguagesupported .jr-option.jrFieldOption.jrHidden,
.jrServicesfootprint .jr-option.jrFieldOption.jrHidden{
    display: none;
}

/*210819*/
.jrDataList {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
}
.jrDataList>:nth-child(odd) {
    background: #f5f5f5;
}
.jrFormChooser {
    font-weight: 700;
    clear: right;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
.jrListingCreate ul {
    margin-left: 25px;
}
.jrForm fieldset {
    padding: 10px;
    margin: 20px 0 0;
    background-color: #f5f5f5;
    position: relative;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
.jrForm .jrCode, .jrForm .jrTextArea, .jrForm textarea {
    width: 600px;
    margin-left: 230px;
}
.trix-editor {
    background: #fff none repeat scroll 0 0;
    min-height: 150px;
    width: 600px;
    margin-left: 230px;
}
.jrFormContainer {
    border: 0;
    background: 0 0;
}
.jrForm {
    padding: 0;
    margin-bottom: 10px;
    text-align: left;
}
/*.jrForm input[type=email], .jrForm input[type=number], .jrForm input[type=password], .jrForm input[type=text], .jrForm input[type=url], .jrForm select option {
    padding: 3px 10px 3px 2px;
    margin: 0 5px 0 0;
}*/
.jrForm.jrFormContainer.cstm-jrFormContainer {
    padding: 0;
}
textarea.jr_productsummary.jrTextArea, textarea.jr_productkeywords.jrTextArea {
    width: 600px!important;
    margin-left: 230px!important;
}
.cstm-jrFormContainer input {
    padding: 4px!important;
    font-size: 13px!important;
    height: 30px!important;
    line-height: 30px!important;
    vertical-align: top!important;
    color: #444!important;
    border-width: 1px!important;
    border-style: solid!important;
    border-color: #bbb #ddd #ddd #bbb!important;
    border-radius: 3px!important;
}
.cstm-jrFormContainer select {
    padding: 4px!important;
    font-size: 13px!important;
    height: 30px!important;
    line-height: unset!important;
    vertical-align: top!important;
    color: #444!important;
    border-width: 1px!important;
    border-style: solid!important;
    border-color: #bbb #ddd #ddd #bbb!important;
    border-radius: 3px!important;
    padding-right: 30px!important;
    background-color: #fff!important;
}
.jrForm .jrDate {
    width: 85px!important;
}
.jrFieldDiv.jrProduct1stcommercialdate img.ui-datepicker-trigger {
    /*margin-left: 0;*/
}
.jrButton.jrGreen {
    background-repeat: repeat-x;
    text-shadow: none;
    border-color: #4eb04e;
    color: #fff!important;
}

.jrButton.jrLarge {
    padding: 6px 10px;
    font-size: 15px;
    line-height: 1.3333;
    border-radius: 3px;
}
.jrButton.jrGreen {
    background-color: #51b251;
}
.jrForm .jrError, .jrForm .jrInfo, .jrForm .jrSuccess, .jrForm .jrWarning {
    margin: 20px 0!important;
}
.jrInfo {
    color: #333;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
}
.jrError, .jrInfo, .jrSuccess, .jrWarning {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    border-radius: 4px;
}
#ui-datepicker-div {
    font-size: 13px;
    z-index: 999999!important;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 10%);
    border: 1px solid #ebebeb;
}
.ui-datepicker .clearDate, .ui-datepicker .ui-corner-all, .ui-datepicker.ui-corner-all {
    border-radius: 2px;
}
body .ui-widget {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ui-helper-clearfix {
    zoom: 1;
}
.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222;
}
.ui-datepicker th {
    font-weight: 400;
    color: #aaa;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0;
}
.ui-datepicker .ui-priority-primary, .ui-datepicker .ui-priority-secondary {
    font-weight: 400;
    opacity: 1;
}

.ui-datepicker .clearDate, .ui-datepicker .ui-corner-all, .ui-datepicker.ui-corner-all {
    border-radius: 2px;
}
.ui-datepicker .clearDate, .ui-datepicker .ui-state-default {
    border: 0;
    background: 0 0;
    color: #000;
    text-align: center;
    font-weight: 700;
}
.cstm-jrFormContainer trix-editor {
    background: #fff!important;
}
.jrForm .jrDecimal, .jrForm .jrInteger {
    width: 8em;
}
.jrForm .jrEmail, .jrForm .jrText {
    width: 20em;
}
.jrForm .acInstructions {
    width: 30%;
}
.jrButton {
    background-repeat: repeat-x;
    text-shadow: none;
    border-color: #fbfbfb;
    border-color: #d5d5d5;
}
.jrFieldDiv.jrKeyproductfunctions .jrButton {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}
.jrFieldDiv.jrKeyproductfunctions .jrButton {
    color: #333;
    background-color: #f0f0f0;
}
.jrFieldDiv.jrKeyproductfunctions .jrButton {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    font-weight: 400;
    text-transform: none;
    text-align: center;
    vertical-align: middle;
    height: auto;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #d5d5d5;
    white-space: nowrap;
    padding: 3px 8px;
    font-size: 13px;
    line-height: 1.5384;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0;
    transition: 0;
}
textarea.jr_productkeywords.jrTextArea {
    background: #fff!important;
}
.jrForm.jrFormContainer.cstm-jrFormContainer .jrForm fieldset:first-of-type .jrFieldDiv {
    margin-top: 0;
}
.jrForm.jrFormContainer.cstm-jrFormContainer .jrForm .jrFieldDiv .jrFieldOption label, .jrPage .jrFieldDiv .jrFieldOption label {
	font-size: 13px;
}

.jrForm .jrFieldDiv .jrFieldOption label {
    display: inline!important;
    margin: 0 5px 0 3px;
    cursor: pointer;
    font-weight: 400!important;
    font-family: 'Roboto Condensed';
}
.jr-option.jrFieldOption > label {
    border: none;
    background: none;
}
/* .jrFieldDiv.jrDomain label {
    float: none;
    border: 1px solid #aaa;
    background: transparent -moz-linear-gradient(center top , #eeeeee 0%, #dddddd 100%) repeat scroll 0 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
    border-radius: 3px 3px 0 0;
    height: 33px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    cursor: pointer;
    text-indent: 10px;
} */
.jrForm .jrFieldDiv label {
    float: left;
    min-width: 230px;
    max-width: 230px;
}
.jrForm .jrFieldDiv label {
    font-size: 13px;
    font-weight: 300;
    display: block;
    float: none;
    margin: 0 0 3px;
    color: #333;
}
.jrForm.jrFormContainer.cstm-jrFormContainer .jrForm .jrFieldDiv .jrFieldOption label {
    height: unset;
    width: unset;
}
.ostfeater.innerblock89 input.featurecheckr {
    margin-top: 5px!important;
}
.jrButton.jrSmall {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5384;
    border-radius: 1px;
}
.jrFieldDiv.jrSoftwareapplicationcompartiblewithnewproduct .jrFormBuilderPanel {
    padding: 0;
}
.jrFormContainer .jrFieldDiv.jrSubdomain .jrButton {
    padding: 3px;
}
.jrForm .acInstructions {
    width: 30%;
}
div#attribute .jrForm input[type=checkbox], .jrForm input[type=radio], .jrPage input[type=checkbox], .jrPage input[type=radio] {
    min-width: 13px;
    min-height: 13px;
}
input.featurecheckr {
    margin-top: 5px!important;
}
.jrIconRequired:before {
    content: "\f069";
    font-family: 'FontAwesome';
}
.jrIconCancel:before, .jrIconRemove:before {
    content: "\f057";
    font-family: 'FontAwesome';
}
.jrIconCopy:before, .jrIconNew:before, .jrIconPlus:before {
    content: "\f067";
    font-family: 'FontAwesome';
}
.jrIconArrowDown:before {
    content: "\f063";
    font-family: 'FontAwesome';
}
.jrIconArrowUp:before {
    content: "\f062";
    font-family: 'FontAwesome';
}
.jr-option.jrFieldOption label {
    width: fit-content;
    min-width: fit-content;
    padding: 0;
    text-align: left;
    margin: 0!important;
    font-weight: 400!important;
    padding-top: 4px;
}
.jrRoundedPanel {
    padding: 10px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    border-radius: 3px;
}
/*210819 end*/