/*************************************
GENERAL CLASSES
*************************************/
/* Buttons & Links */
.jrButton,
.ui-state-focus.jrButton,
#es a.jrButton {
  outline: 0;
  display: inline-block;
  float: none;
  font-weight: normal;
  text-transform: none;
  text-align: center;
  vertical-align: middle;
  height: auto;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 0;
  white-space: nowrap;
  padding: 8px 16px;
  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;
  color: #333;
  background-color: #f5f5f5;
  border-color: #ccc;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  transition: 0.3s ease-out;
  margin: 0 5px 5px 0;
}
.jrButton:hover,
.jrButton:focus,
.jrButton.jrFocus,
.jrButton:active,
.jrButton.jrActive {
  color: #333;
  background-color: #dcdcdc;
  border-color: #c7c7c7;
}
.jrButton:active,
.jrButton.jrActive {
  background-image: none;
}
.jrButton.jrDisabled,
.jrButton[disabled],
fieldset[disabled] .jrButton,
.jrButton.jrDisabled:hover,
.jrButton[disabled]:hover,
fieldset[disabled] .jrButton:hover,
.jrButton.jrDisabled:focus,
.jrButton[disabled]:focus,
fieldset[disabled] .jrButton:focus,
.jrButton.jrDisabled.jrFocus,
.jrButton[disabled].jrFocus,
fieldset[disabled] .jrButton.jrFocus,
.jrButton.jrDisabled:active,
.jrButton[disabled]:active,
fieldset[disabled] .jrButton:active,
.jrButton.jrDisabled.jrActive,
.jrButton[disabled].jrActive,
fieldset[disabled] .jrButton.jrActive {
  background-color: #f5f5f5;
  border-color: #ccc;
}
.jrButton.jrLarge {
  outline: 0;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.3333;
  border-radius: 2px;
}
.jrButton.jrSmall,
#es a.jrButton.jrSmall {
  outline: 0;
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.9em;
  border-radius: 2px;
  height: 31.25px;
}
.jrFormContainer .jrFieldDiv .jrButton {
  height: 2.5em;
}
.jrButton:focus,
.jrButton:active:focus,
.jrButton.jrActive:focus,
.jrButton.jrFocus,
.jrButton:active.jrFocus,
.jrButton.jrActive.jrFocus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: 0;
}
.jrButton:hover,
.jrButton:focus,
.jrButton.jrFocus {
  color: #333;
  text-decoration: none;
  outline: 0;
}
.jrButton:active,
.jrButton.jrActive {
  outline: 0;
  background-image: none;
  box-shadow: none;
}
.jrButton.jrDisabled,
.jrButton[disabled],
fieldset[disabled] .jrButton {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}
a.jrButton,
a.jrButton:link,
a.jrButton:visited {
  text-decoration: none;
  color: #333;
}
.jrButton.jrBlue {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.jrButton.jrBlue:hover,
.jrButton.jrBlue:focus,
.jrButton.jrBlue.jrFocus,
.jrButton.jrBlue:active,
.jrButton.jrBlue.jrActive {
  color: #fff;
  background-color: #3071a9;
  border-color: #3379b5;
}
.jrButton.jrBlue:active,
.jrButton.jrBlue.jrActive {
  background-image: none;
}
.jrButton.jrBlue.jrDisabled,
.jrButton.jrBlue[disabled],
fieldset[disabled] .jrButton.jrBlue,
.jrButton.jrBlue.jrDisabled:hover,
.jrButton.jrBlue[disabled]:hover,
fieldset[disabled] .jrButton.jrBlue:hover,
.jrButton.jrBlue.jrDisabled:focus,
.jrButton.jrBlue[disabled]:focus,
fieldset[disabled] .jrButton.jrBlue:focus,
.jrButton.jrBlue.jrDisabled.jrFocus,
.jrButton.jrBlue[disabled].jrFocus,
fieldset[disabled] .jrButton.jrBlue.jrFocus,
.jrButton.jrBlue.jrDisabled:active,
.jrButton.jrBlue[disabled]:active,
fieldset[disabled] .jrButton.jrBlue:active,
.jrButton.jrBlue.jrDisabled.jrActive,
.jrButton.jrBlue[disabled].jrActive,
fieldset[disabled] .jrButton.jrBlue.jrActive {
  background-color: #428bca;
  border-color: #357ebd;
}
.jrButton.jrGreen,
#es a.jrButton.jrGreen {
  color: #fff;
  background-color: #51b251;
  border-color: #48a248;
}
.jrButton.jrGreen:hover,
.jrButton.jrGreen:focus,
.jrButton.jrGreen.jrFocus,
.jrButton.jrGreen:active,
.jrButton.jrGreen.jrActive {
  color: #fff;
  background-color: #409040;
  border-color: #459b45;
}
.jrButton.jrGreen:active,
.jrButton.jrGreen.jrActive {
  background-image: none;
}
.jrButton.jrGreen.jrDisabled,
.jrButton.jrGreen[disabled],
fieldset[disabled] .jrButton.jrGreen,
.jrButton.jrGreen.jrDisabled:hover,
.jrButton.jrGreen[disabled]:hover,
fieldset[disabled] .jrButton.jrGreen:hover,
.jrButton.jrGreen.jrDisabled:focus,
.jrButton.jrGreen[disabled]:focus,
fieldset[disabled] .jrButton.jrGreen:focus,
.jrButton.jrGreen.jrDisabled.jrFocus,
.jrButton.jrGreen[disabled].jrFocus,
fieldset[disabled] .jrButton.jrGreen.jrFocus,
.jrButton.jrGreen.jrDisabled:active,
.jrButton.jrGreen[disabled]:active,
fieldset[disabled] .jrButton.jrGreen:active,
.jrButton.jrGreen.jrDisabled.jrActive,
.jrButton.jrGreen[disabled].jrActive,
fieldset[disabled] .jrButton.jrGreen.jrActive {
  background-color: #51b251;
  border-color: #48a248;
}
.jrButton.jrOrange {
  color: #fff;
  background-color: #ec9720;
  border-color: #df8a13;
}
.jrButton.jrOrange:hover,
.jrButton.jrOrange:focus,
.jrButton.jrOrange.jrFocus,
.jrButton.jrOrange:active,
.jrButton.jrOrange.jrActive {
  color: #fff;
  background-color: #c87c11;
  border-color: #d68412;
}
.jrButton.jrOrange:active,
.jrButton.jrOrange.jrActive {
  background-image: none;
}
.jrButton.jrOrange.jrDisabled,
.jrButton.jrOrange[disabled],
fieldset[disabled] .jrButton.jrOrange,
.jrButton.jrOrange.jrDisabled:hover,
.jrButton.jrOrange[disabled]:hover,
fieldset[disabled] .jrButton.jrOrange:hover,
.jrButton.jrOrange.jrDisabled:focus,
.jrButton.jrOrange[disabled]:focus,
fieldset[disabled] .jrButton.jrOrange:focus,
.jrButton.jrOrange.jrDisabled.jrFocus,
.jrButton.jrOrange[disabled].jrFocus,
fieldset[disabled] .jrButton.jrOrange.jrFocus,
.jrButton.jrOrange.jrDisabled:active,
.jrButton.jrOrange[disabled]:active,
fieldset[disabled] .jrButton.jrOrange:active,
.jrButton.jrOrange.jrDisabled.jrActive,
.jrButton.jrOrange[disabled].jrActive,
fieldset[disabled] .jrButton.jrOrange.jrActive {
  background-color: #ec9720;
  border-color: #df8a13;
}
.jrButton.jrRed {
  color: #fff;
  background-color: #d33934;
  border-color: #c32f2a;
}
.jrButton.jrRed:hover,
.jrButton.jrRed:focus,
.jrButton.jrRed.jrFocus,
.jrButton.jrRed:active,
.jrButton.jrRed.jrActive {
  color: #fff;
  background-color: #ae2a26;
  border-color: #bb2d28;
}
.jrButton.jrRed:active,
.jrButton.jrRed.jrActive {
  background-image: none;
}
.jrButton.jrRed.jrDisabled,
.jrButton.jrRed[disabled],
fieldset[disabled] .jrButton.jrRed,
.jrButton.jrRed.jrDisabled:hover,
.jrButton.jrRed[disabled]:hover,
fieldset[disabled] .jrButton.jrRed:hover,
.jrButton.jrRed.jrDisabled:focus,
.jrButton.jrRed[disabled]:focus,
fieldset[disabled] .jrButton.jrRed:focus,
.jrButton.jrRed.jrDisabled.jrFocus,
.jrButton.jrRed[disabled].jrFocus,
fieldset[disabled] .jrButton.jrRed.jrFocus,
.jrButton.jrRed.jrDisabled:active,
.jrButton.jrRed[disabled]:active,
fieldset[disabled] .jrButton.jrRed:active,
.jrButton.jrRed.jrDisabled.jrActive,
.jrButton.jrRed[disabled].jrActive,
fieldset[disabled] .jrButton.jrRed.jrActive {
  background-color: #d33934;
  border-color: #c32f2a;
}
.jrButton.jrDark {
  color: #fff;
  background-color: #666;
  border-color: #595959;
}
.jrButton.jrDark:hover,
.jrButton.jrDark:focus,
.jrButton.jrDark.jrFocus,
.jrButton.jrDark:active,
.jrButton.jrDark.jrActive {
  color: #fff;
  background-color: #4d4d4d;
  border-color: #545454;
}
.jrButton.jrDark:active,
.jrButton.jrDark.jrActive {
  background-image: none;
}
.jrButton.jrDark.jrDisabled,
.jrButton.jrDark[disabled],
fieldset[disabled] .jrButton.jrDark,
.jrButton.jrDark.jrDisabled:hover,
.jrButton.jrDark[disabled]:hover,
fieldset[disabled] .jrButton.jrDark:hover,
.jrButton.jrDark.jrDisabled:focus,
.jrButton.jrDark[disabled]:focus,
fieldset[disabled] .jrButton.jrDark:focus,
.jrButton.jrDark.jrDisabled.jrFocus,
.jrButton.jrDark[disabled].jrFocus,
fieldset[disabled] .jrButton.jrDark.jrFocus,
.jrButton.jrDark.jrDisabled:active,
.jrButton.jrDark[disabled]:active,
fieldset[disabled] .jrButton.jrDark:active,
.jrButton.jrDark.jrDisabled.jrActive,
.jrButton.jrDark[disabled].jrActive,
fieldset[disabled] .jrButton.jrDark.jrActive {
  background-color: #666;
  border-color: #595959;
}
.jrFieldDiv .jrButton {
  padding: 4px 10px;
}
.jrButtonBlock {
  display: block;
  width: 100%;
}
.jrButtonBlock + .jrButtonBlock {
  margin-top: 5px;
}
input[type="submit"].jrButtonBlock,
input[type="reset"].jrButtonBlock,
input[type="button"].jrButtonBlock {
  width: 100%;
}
.jrLinkButton {
  color: #333;
  font-weight: normal;
  border-radius: 0;
  outline: none;
}
.jrLinkButton,
.jrLinkButton:active,
.jrLinkButton[disabled],
fieldset[disabled] .jrLinkButton {
  background-color: transparent;
  box-shadow: none;
}
.jrLinkButton,
.jrLinkButton:hover,
.jrLinkButton:focus,
.jrLinkButton:active {
  border-color: transparent;
}
.jrLinkButton:hover,
.jrLinkButton:focus {
  color: #111;
  text-decoration: underline;
  background-color: transparent;
}
.jrLinkButton[disabled]:hover,
fieldset[disabled] .jrLinkButton:hover,
.jrLinkButton[disabled]:focus,
fieldset[disabled] .jrLinkButton:focus {
  color: #777;
  text-decoration: none;
}
/* Icon only buttons */
.jrButton.jrIconOnly > [class^="jrIcon"],
.jrLinkButton.jrIconOnly > [class^="jrIcon"] {
  margin: 0;
}
.jrButton:active,
.jrButton.jrActive {
  background-image: none;
}
.jrButton,
.ui-state-focus.jrButton,
#es a.jrButton {
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #fbfbfb;
  border-color: #d5d5d5;
}
.jrButton:hover,
.jrButton:focus {
  background-color: #eaeaea;
  background-position: 0 -15px;
}
.jrButton:active,
.jrButton.jrActive {
  background-color: #eaeaea;
}
.jrButton:disabled,
.jrButton[disabled] {
  background-color: #eaeaea;
  background-image: none;
}
.jrButton.jrBlue {
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #3e89c9;
  color: #fff !important;
}
.jrButton.jrBlue:hover,
.jrButton.jrBlue:focus {
  background-color: #3276b1;
  background-position: 0 -15px;
}
.jrButton.jrBlue:active,
.jrButton.jrBlue.jrActive {
  background-color: #3276b1;
}
.jrButton.jrBlue:disabled,
.jrButton.jrBlue[disabled] {
  background-color: #3276b1;
  background-image: none;
}
.jrButton.jrGreen,
#es a.jrButton.jrGreen {
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #4eb04e;
  color: #fff !important;
}
.jrButton.jrGreen:hover,
.jrButton.jrGreen:focus {
  background-color: #439743;
  background-position: 0 -15px;
}
.jrButton.jrGreen:active,
.jrButton.jrGreen.jrActive {
  background-color: #439743;
}
.jrButton.jrGreen:disabled,
.jrButton.jrGreen[disabled] {
  background-color: #439743;
  background-image: none;
}
.jrButton.jrRed {
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #d23530;
}
.jrButton.jrRed:hover,
.jrButton.jrRed:focus {
  background-color: #b72c28;
  background-position: 0 -15px;
}
.jrButton.jrRed:active,
.jrButton.jrRed.jrActive {
  background-color: #b72c28;
}
.jrButton.jrRed:disabled,
.jrButton.jrRed[disabled] {
  background-color: #b72c28;
  background-image: none;
}
.jrButton.jrOrange {
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #ec951b;
  color: #fff !important;
}
.jrButton.jrOrange:hover,
.jrButton.jrOrange:focus {
  background-color: #d18212;
  background-position: 0 -15px;
}
.jrButton.jrOrange:active,
.jrButton.jrOrange.jrActive {
  background-color: #d18212;
}
.jrButton.jrOrange:disabled,
.jrButton.jrOrange[disabled] {
  background-color: #d18212;
  background-image: none;
}
.jrButton.jrDark {
  background-repeat: repeat-x;
  text-shadow: none;
  border-color: #636363;
  color: #fff !important;
}
.jrButton.jrDark:hover,
.jrButton.jrDark:focus {
  background-color: #525252;
  background-position: 0 -15px;
}
.jrButton.jrDark:active,
.jrButton.jrDark.jrActive {
  background-color: #525252;
}
.jrButton.jrDark:disabled,
.jrButton.jrDark[disabled] {
  background-color: #525252;
  background-image: none;
}
.jrButtonGroup {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.jrButtonGroup > .jrButton {
  position: relative;
  float: left;
  box-shadow: none;
  margin-right: 0;
}
.jrButtonGroup > .jrButton:hover,
.jrButtonGroup > .jrButton:focus,
.jrButtonGroup > .jrButton:active,
.jrButtonGroup > .jrButton.jrActive {
  z-index: 2;
}
.jrButtonGroup > .jrButton:focus {
  outline: 0;
}
.jrButtonGroup .jrButton + .jrButton,
.jrButtonGroup .jrButton + .jrButtonGroup,
.jrButtonGroup .jrButtonGroup + .jrButton,
.jrButtonGroup .jrButtonGroup + .jrButtonGroup {
  margin-left: -1px;
}
.jrButtonGroup > .jrButton:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.jrButtonGroup > .jrButton:first-child {
  margin-left: 0;
}
.jrButtonGroup > .jrButton:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.jrButtonGroup > .jrButton:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.jrButtonGroup > .jrButtonGroup {
  float: left;
}
.jrButtonGroup > .jrButtonGroup:not(:first-child):not(:last-child) > .jrButton {
  border-radius: 0;
}
.jrButtonGroup > .jrButtonGroup:first-child > .jrButton:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.jrButtonGroup > .jrButtonGroup:last-child > .jrButton:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
/*************************************
Dropdowns
*************************************/
.jrDropdown {
  position: relative;
  display: inline-block !important;
}
.jrDropdown .jrDropdownMenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  float: left;
  display: none;
  min-width: 140px;
  max-width: 220px;
  padding: 4px 0  !important;
  margin: 0  !important;
  list-style: none !important;
  background-color: #fff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.jrDropdown .jrDropdownMenu li {
  margin: 0;
  padding: 0;
  background: none;
}
.jrDropdown .jrDropdownMenu li a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555;
  white-space: nowrap;
  text-align: left;
}
.jrDropdown .jrDropdownMenu li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.jrDropdown .jrDropdownMenu .jrDivider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  display: block;
}
.jrDropdown:hover .jrDropdownMenu {
  display: block;
}
.jrDropdown .jrArrow {
  display: inline-block;
  width: 0;
  height: 0;
  text-indent: -99999px;
  vertical-align: text-top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  opacity: 70;
  content: "\2193";
  margin-top: 6px;
  margin-left: 4px;
}
.jrDropdown.jrSmall .jrArrow {
  margin-top: 5px;
  margin-left: 5px;
}
.jrDropdown.jrSmall .jrDropdownMenu {
  min-width: 120px;
  max-width: 180px;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.jrDropdown.jrSmall .jrDropdownMenu li a {
  padding: 2px 10px;
  line-height: 16px;
}
/* Manage Dropdown */
.jrDropdown.jrManage .jrManageText {
  display: none;
}
/*************************************
Headings
*************************************/
/* Page title */
h1.contentheading,
.contentheading {
  margin-bottom: 10px;
  border: 0;
}
.jrPage h1,
.jrPage h2,
.jrPage h3 {
  float: none;
}
/* Status Indicators (new, hot, featured) */
.jrStatusIndicators {
  margin: 0;
  padding: 0;
  position: relative;
  top: -3px;
}
.jrStatusIndicators span {
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  border-radius: 2px;
  cursor: default;
}
.jrListings .jrStatusIndicators {
  top: -3px;
}
.jrListings .jrStatusIndicators span {
  font-size: 10px;
}
.jrStatusIndicators .jrStatusFeatured {
  background: #3684c0;
}
.jrStatusIndicators .jrStatusNew {
  background: #7cb342;
}
.jrStatusIndicators .jrStatusHot {
  background: #f0b521;
}
/* Page separators */
.jrHeading {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.25em;
  text-transform: uppercase;
  padding: 0.4em 0;
  margin: 1em 0 0.5em;
  color: #333;
  background: none;
  border-bottom: 1px solid #dce0e0;
}
.jrHeading [class^=jrIcon] {
  width: 1em;
  height: 0.9em;
}
.jrHeading [class^=jrIcon]:before {
  font-size: 0.9em;
}
.jrTabs .jrHeading:first-of-type {
  margin-top: 0!important;
}
/*************************************
Labels
*************************************/
.jrStatusLabel {
  padding: 2px 4px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background-color: #999;
  border-radius: 3px;
}
.jrStatusLabel.jrRed {
  background-color: #b94a48;
}
.jrStatusLabel.jrOrange {
  background-color: #f89406;
}
.jrStatusLabel.jrGreen {
  background-color: #468847;
}
.jrStatusLabel.jrBlue {
  background-color: #3a87ad;
}
.jrStatusLabel.jrBrown {
  background-color: #4B3F26;
}
.jrStatusLabel.jrPurple {
  background-color: #7a43b6;
}
.jrStatusLabel.jrDark {
  background-color: #222;
}
/*************************************
Messages
*************************************/
.jrWarning,
.jrSuccess,
.jrError,
.jrInfo {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
}
.jrWarning {
  color: #FF5722;
}
.jrSuccess {
  color: #388E3C;
}
.jrError {
  color: #F44336;
}
.jrInfo {
  color: #2196F3;
}
.jrWarning ul,
.jrSuccess ul,
.jrError ul,
.jrInfo ul {
  margin: 0 0 0 20px;
  padding: 0;
}
/*************************************
Panels
*************************************/
.jrRoundedPanel,
.jrRoundedPanelLt {
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid #dce0e0;
  background: none;
}
/*************************************
Tooltip/Popup
*************************************/
.jrPopup {
  display: none;
  position: absolute;
  z-index: 2500;
  width: 180px !important;
  padding: 10px 15px;
  color: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  white-space: normal;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  background: #555;
  border: 1px solid #444;
  border-radius: 4px;
  opacity: 0.95;
}
.jrPopup:after,
.jrPopup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}
.jrPopup:after {
  border-top-color: #555;
  border-width: 12px;
  left: 50%;
  margin-left: -12px;
}
.jrPopup:before {
  border-top-color: #444;
  border-width: 13px;
  left: 50%;
  margin-left: -13px;
}
.jrPopup.square:after,
.jrPopup.square:before {
  display: none;
}
.jrPopup h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 6px 0;
}
.jrPopup h3:first-child {
  margin: 0 0 6px 0;
}
.jrPopup a {
  color: #fff !important;
  text-decoration: underline !important;
}
.jrPopup a:hover {
  color: #ccc !important;
}
.jrPopup [class^="jrIcon"]:before {
  color: #fff;
}
.jrPopup.jrPopupMedium {
  width: 225px !important;
}
.jrPopup.jrPopupLarge {
  width: 250px !important;
}
.jrPopup.jrPopupLight {
  color: #333;
  border: 1px solid #ccc;
  background: #f5f5f5;
}
.jrPopup.jrPopupLight:after {
  border-top-color: #f5f5f5;
}
.jrPopup.jrPopupLight:before {
  border-top-color: #ccc;
  border-width: 13px;
  margin-left: -13px;
}
.jrPopup.jrPopupLight a {
  color: #333 !important;
}
.jrPopup.jrPopupLight a:hover {
  color: #555 !important;
}
/*************************************
Data Table
*************************************/
.jrDataTable {
  border: 1px solid #ddd !important;
  margin-bottom: 15px;
}
.jrDataTable th {
  padding: 6px;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  color: #333;
  font-weight: bold;
  text-align: left;
}
.jrDataTable td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
.jrDataTable tr:nth-child(odd) {
  background: #f5f5f5;
}
/*************************************
Data List
*************************************/
.jrDataList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jrDataList > * {
  padding: 6px;
  margin: 0 !important;
  text-align: left;
}
.jrDataList > .jrDataListHeader {
  padding: 5px;
  font-weight: bold;
  background: none;
  color: #777777;
}
ul.jrDataList {
  list-style: none;
  background: none;
  margin: 0 !important;
}
ul.jrDataList li {
  margin: 0 !important;
  padding: 6px !important;
  border-bottom: 1px solid #d0d0d0;
}
ul.jrDataList li:last-child {
  border: 0;
}
.jrDataList > .jrGrid,
.jrDataList > .jrPost {
  border-bottom: 1px solid #d0d0d0;
}
.jrDataList > .jrGrid:not(.jrDataListHeader):hover,
ul.jrDataList li:not(.jrDataListHeader):hover {
  background-color: #f5f5f5;
}
/*************************************
Fluid Grid System
*************************************/
.jrGrid {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jrGrid:before,
.jrGrid:after {
  display: table;
  content: "";
  line-height: 0;
}
.jrGrid:after {
  clear: both;
}
.jrGrid > [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.127659574468085%;
}
.jrGrid > [class*="jrCol"]:first-child {
  margin-left: 0;
}
.jrGrid > .jrCol12 {
  width: 100%;
}
.jrGrid > .jrCol11 {
  width: 91.48936170212765%;
}
.jrGrid > .jrCol10 {
  width: 82.97872340425532%;
}
.jrGrid > .jrCol9 {
  width: 74.46808510638297%;
}
.jrGrid > .jrCol8 {
  width: 65.95744680851064%;
}
.jrGrid > .jrCol7 {
  width: 57.44680851063829%;
}
.jrGrid > .jrCol6 {
  width: 48.93617021276595%;
}
.jrGrid > .jrCol5 {
  width: 40.42553191489362%;
}
.jrGrid > .jrCol4 {
  width: 31.914893617021278%;
}
.jrGrid > .jrCol3 {
  width: 23.404255319148934%;
}
.jrGrid > .jrCol2 {
  width: 14.893617021276595%;
}
.jrGrid > .jrCol1 {
  width: 6.382978723404255%;
}
@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:before,
.jrGrid24:after {
  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: 0.8403361344537815%;
}
.jrGrid24 > [class*="jrCol"]:first-child {
  margin-left: 0;
}
.jrGrid24 > .jrCol1 {
  width: 3.361344537815126%;
}
.jrGrid24 > .jrCol2 {
  width: 7.563025210084033%;
}
.jrGrid24 > .jrCol3 {
  width: 11.76470588235294%;
}
.jrGrid24 > .jrCol4 {
  width: 15.966386554621849%;
}
.jrGrid24 > .jrCol5 {
  width: 20.168067226890756%;
}
.jrGrid24 > .jrCol6 {
  width: 24.369747899159663%;
}
.jrGrid24 > .jrCol7 {
  width: 28.571428571428573%;
}
.jrGrid24 > .jrCol8 {
  width: 32.773109243697476%;
}
.jrGrid24 > .jrCol9 {
  width: 36.97478991596638%;
}
.jrGrid24 > .jrCol10 {
  width: 41.1764705882353%;
}
.jrGrid24 > .jrCol11 {
  width: 45.378151260504204%;
}
.jrGrid24 > .jrCol12 {
  width: 49.57983193277311%;
}
.jrGrid24 > .jrCol13 {
  width: 53.78151260504202%;
}
.jrGrid24 > .jrCol14 {
  width: 57.98319327731093%;
}
.jrGrid24 > .jrCol15 {
  width: 62.18487394957983%;
}
.jrGrid24 > .jrCol16 {
  width: 66.38655462184875%;
}
.jrGrid24 > .jrCol17 {
  width: 70.58823529411765%;
}
.jrGrid24 > .jrCol18 {
  width: 74.78991596638656%;
}
.jrGrid24 > .jrCol19 {
  width: 78.99159663865547%;
}
.jrGrid24 > .jrCol20 {
  width: 83.19327731092437%;
}
.jrGrid24 > .jrCol21 {
  width: 87.39495798319328%;
}
.jrGrid24 > .jrCol22 {
  width: 91.59663865546219%;
}
.jrGrid24 > .jrCol23 {
  width: 95.7983193277311%;
}
.jrGrid24 > .jrCol24 {
  width: 100%;
}
/*************************************
Table Grid
*************************************/
.jrTableGrid {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
.jrTableGrid .jrRow {
  display: table-row;
  border-bottom: 1px solid #d0d0d0;
}
.jrTableGrid [class*="jrCol"] {
  display: table-cell;
  vertical-align: top;
}
.jrTableGrid.jrDataList [class*="jrCol"] {
  padding: 10px 6px 10px;
}
.jrTableGrid .jrCol1 {
  width: 8.333333%;
}
.jrTableGrid .jrCol2 {
  width: 16.666667%;
}
.jrTableGrid .jrCol3 {
  width: 25%;
}
.jrTableGrid .jrCol4 {
  width: 33.333333%;
}
.jrTableGrid .jrCol5 {
  width: 41.666667%;
}
.jrTableGrid .jrCol6 {
  width: 50%;
}
.jrTableGrid .jrCol7 {
  width: 58.333333%;
}
.jrTableGrid .jrCol8 {
  width: 66.666667%;
}
.jrTableGrid .jrCol9 {
  width: 75%;
}
.jrTableGrid .jrCol10 {
  width: 83.333333%;
}
.jrTableGrid .jrCol11 {
  width: 91.666667%;
}
.jrTableGrid .jrCol12 {
  width: 100%;
}
/*************************************
List Columns
*************************************/
[class*="jrListColumn"]:before,
.jrListColumn:before,
[class*="jrListColumn"]:after,
.jrListColumn:after {
  content: " ";
  display: table;
}
[class*="jrListColumn"]:after,
.jrListColumn:after {
  clear: both;
}
[class*="jrListColumn"] .jrListItem,
.jrListColumn4 .jrListItem {
  float: left;
  text-align: center;
  margin: 0 1.428571429% 1.428571429% 0;
}
.jrListColumn .jrListItem {
  width: 23.64285714%;
}
.jrListColumn8 .jrListItem {
  width: 10.96428571%;
}
.jrListColumn7 .jrListItem {
  width: 12.7755102%;
}
.jrListColumn6 .jrListItem {
  width: 15.19047619%;
}
.jrListColumn5 .jrListItem {
  width: 18.57142857%;
}
.jrListColumn4 .jrListItem {
  width: 23.64285714%;
}
.jrListColumn3 .jrListItem {
  width: 32.0952381%;
}
.jrListColumn2 .jrListItem {
  width: 48.72857143%;
}
.jrListColumn1 .jrListItem {
  width: 99.71428571%;
}
.jrListColumn .jrListItem:nth-child(4n),
.jrListColumn8 .jrListItem:nth-child(8n),
.jrListColumn7 .jrListItem:nth-child(7n),
.jrListColumn6 .jrListItem:nth-child(6n),
.jrListColumn5 .jrListItem:nth-child(5n),
.jrListColumn4 .jrListItem:nth-child(4n),
.jrListColumn3 .jrListItem:nth-child(3n),
.jrListColumn2 .jrListItem:nth-child(2n),
.jrListColumn1 .jrListItem {
  margin: 0 0 1.428571429% 0;
}
@media (min-width: 768px) and (max-width: 979px) {
  .jrListColumn .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn8 .jrListItem {
    width: 12.7755102%;
  }
  .jrListColumn7 .jrListItem {
    width: 15.19047619%;
  }
  .jrListColumn6 .jrListItem {
    width: 18.57142857%;
  }
  .jrListColumn5 .jrListItem {
    width: 23.64285714%;
  }
  .jrListColumn4 .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn3 .jrListItem {
    width: 48.72857143%;
  }
  .jrListColumn2 .jrListItem {
    width: 99.71428571%;
  }
  .jrListColumn1 .jrListItem {
    width: 99.71428571%;
  }
  .jrListColumn .jrListItem:nth-child(4n),
  .jrListColumn8 .jrListItem:nth-child(8n),
  .jrListColumn7 .jrListItem:nth-child(7n),
  .jrListColumn6 .jrListItem:nth-child(6n),
  .jrListColumn5 .jrListItem:nth-child(5n),
  .jrListColumn4 .jrListItem:nth-child(4n),
  .jrListColumn3 .jrListItem:nth-child(3n),
  .jrListColumn2 .jrListItem:nth-child(2n),
  .jrListColumn1 .jrListItem {
    margin: 0 1.428571429% 1.428571429% 0;
  }
  .jrListColumn .jrListItem:nth-child(3n),
  .jrListColumn8 .jrListItem:nth-child(7n),
  .jrListColumn7 .jrListItem:nth-child(6n),
  .jrListColumn6 .jrListItem:nth-child(5n),
  .jrListColumn5 .jrListItem:nth-child(4n),
  .jrListColumn4 .jrListItem:nth-child(3n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(1n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.428571429% 0;
  }
}
@media (max-width: 767px) {
  .jrListColumn .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn8 .jrListItem {
    width: 12.7755102%;
  }
  .jrListColumn7 .jrListItem {
    width: 15.19047619%;
  }
  .jrListColumn6 .jrListItem {
    width: 18.57142857%;
  }
  .jrListColumn5 .jrListItem {
    width: 23.64285714%;
  }
  .jrListColumn4 .jrListItem {
    width: 32.0952381%;
  }
  .jrListColumn3 .jrListItem {
    width: 48.72857143%;
  }
  .jrListColumn2 .jrListItem {
    width: 48.72857143%;
  }
  .jrListColumn1 .jrListItem {
    width: 99.71428571%;
  }
  [class*="jrListColumn"] .jrListItem:nth-child(n),
  .jrListColumn4 .jrListItem:nth-child(n) {
    margin: 0 1.428571429% 1.428571429% 0;
  }
  .jrListColumn .jrListItem:nth-child(3n),
  .jrListColumn8 .jrListItem:nth-child(7n),
  .jrListColumn7 .jrListItem:nth-child(6n),
  .jrListColumn6 .jrListItem:nth-child(5n),
  .jrListColumn5 .jrListItem:nth-child(4n),
  .jrListColumn4 .jrListItem:nth-child(3n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(1n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.428571429% 0;
  }
}
@media (max-width: 480px) {
  .jrListColumn .jrListItem,
  .jrListColumn8 .jrListItem,
  .jrListColumn7 .jrListItem,
  .jrListColumn6 .jrListItem,
  .jrListColumn5 .jrListItem,
  .jrListColumn4 .jrListItem,
  .jrListColumn3 .jrListItem,
  .jrListColumn2 .jrListItem,
  .jrListColumn1 .jrListItem {
    width: 48.72857143%;
  }
  [class*="jrListColumn"] .jrListItem:nth-child(n),
  .jrListColumn4 .jrListItem:nth-child(n) {
    margin: 0 1.428571429% 1.428571429% 0;
  }
  .jrListColumn .jrListItem:nth-child(2n),
  .jrListColumn8 .jrListItem:nth-child(2n),
  .jrListColumn7 .jrListItem:nth-child(2n),
  .jrListColumn6 .jrListItem:nth-child(2n),
  .jrListColumn5 .jrListItem:nth-child(2n),
  .jrListColumn4 .jrListItem:nth-child(2n),
  .jrListColumn3 .jrListItem:nth-child(2n),
  .jrListColumn2 .jrListItem:nth-child(2n),
  .jrListColumn1 .jrListItem {
    margin: 0 0 1.428571429% 0;
  }
}
/* List item thumbnails */
.jrListItem .jrListItemThumb {
  margin: 8px 0;
}
.jrListItem .jrListItemThumb img {
  max-width: 100%;
}
/* List item content */
.jrListItem .jrListItemContent {
  margin: 0 4px;
}
/*************************************
List Column Styles
*************************************/
.jrShadowBox {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.jrShadowBox:hover {
  box-shadow: 0 0 10px #bebebe;
}
/* Compact shadow box */
.jrCompactBox {
  background: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.16);
}
.jrCompactBox:hover {
  box-shadow: 1px 1px 6px #bebebe;
}
.jrCompactBox .jrListItemThumb {
  width: 100%;
  margin: 0 0 8px 0;
}
.jrCompactBox .jrListItemThumb img {
  width: 100%;
}
/*************************************
Icons
*************************************/
@font-face {
  font-family: 'jrIcons';
  src: url('fonts/jrIcons.eot');
  src: url('fonts/jrIcons.eot?#iefix') format('embedded-opentype'), url('fonts/jrIcons.ttf') format('truetype'), url('fonts/jrIcons.woff') format('woff'), url('fonts/jrIcons.svg#jrIcons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting icons */
[data-jricon]:before {
  font-family: 'jrIcons';
  font-size: 16px;
  color: #333;
  content: attr(data-jricon);
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
[class^="jrIcon"] {
  display: inline-block;
  margin-right: 5px;
  white-space: nowrap;
}
[class^="jrIcon"]:before {
  font-family: 'jrIcons';
  font-size: 16px;
  line-height: 1;
  color: #333;
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.jrButton [class^="jrIcon"] {
  vertical-align: middle;
}
.jrInfo [class^="jrIcon"] {
  vertical-align: middle;
}
.jrIconListing:before {
  content: "\e000";
}
.jrIconAddListing:before {
  content: "\e001";
}
.jrIconEditListing:before {
  content: "\e002";
}
.jrIconEdit:before,
.jrIconNote:before {
  content: "\e003";
}
.jrIconDelete:before {
  content: "\e004";
}
.jrIconSearch:before {
  content: "\e005";
}
.jrIconManage:before,
.jrIconSync:before {
  content: "\e006";
}
.jrIconCart:before {
  content: "\e007";
}
.jrIconReviews:before {
  content: "\e008";
}
.jrIconAddReview:before {
  content: "\e009";
}
.jrIconComments:before {
  content: "\e00a";
}
.jrIconAddComment:before {
  content: "\e00b";
}
.jrIconThumbUp:before {
  content: "\e00c";
}
.jrIconThumbDown:before {
  content: "\e00d";
}
.jrIconEditor:before {
  content: "\e00e";
}
.jrIconUsers:before {
  content: "\e00f";
}
.jrIconPhoto:before,
.jrIconPhotos:before {
  content: "\e010";
}
.jrIconVideo:before,
.jrIconVideos:before {
  content: "\e011";
}
.jrIconAudio:before {
  content: "\e012";
}
.jrIconAttachment:before,
.jrIconAttachments:before {
  content: "\e013";
}
.jrIconMedia:before {
  content: "\e014";
}
.jrIconAddMedia:before {
  content: "\e015";
}
.jrIconGraph:before {
  position: relative;
  top: 2px;
  content: "\e016";
}
.jrIconRequired:before {
  content: "\e017";
}
.jrIconRemove:before,
.jrIconCancel:before {
  content: "\e018";
}
.jrIconPlus:before,
.jrIconNew:before,
.jrIconCopy:before {
  content: "\e019";
}
.jrIconMinus:before {
  content: "\e01a";
}
.jrIconYes:before,
.jrIconSubmit:before,
.jrIconPublished:before,
.jrIconSave:before,
.jrIconApply:before {
  content: "\e01b";
}
.jrIconNo:before,
.jrIconClose:before,
.jrIconUnpublished:before {
  content: "\e01c";
}
.jrIconWarning:before {
  content: "\e01d";
}
.jrIconBullet:before {
  content: "\e01e";
}
.jrIconCalendar:before {
  content: "\e01f";
}
.jrIconMap:before {
  content: "\e020";
}
.jrIconPin:before {
  content: "\e021";
}
.jrIconCompare:before,
.jrIconThumbs:before {
  content: "\e022";
}
.jrIconFavorite:before {
  content: "\e023";
}
.jrIconUnfavorite:before {
  content: "\e024";
}
.jrIconNotFeatured:before,
.jrIconEmptyStar:before {
  content: "\e025";
}
.jrIconFeatured:before,
.jrIconStar:before {
  content: "\e026";
}
.jrIconArrowLeft:before {
  content: "\e027";
}
.jrIconArrowRight:before {
  content: "\e028";
}
.jrIconArrowDown:before {
  content: "\e029";
}
.jrIconArrowUp:before {
  content: "\e02a";
}
.jrIconLeft:before,
.jrIconPrev:before {
  content: "\e02b";
}
.jrIconRight:before,
.jrIconNext:before {
  content: "\e02c";
}
.jrIconUp:before {
  content: "\e02d";
}
.jrIconDown:before {
  content: "\e02e";
}
.jrIconMessage:before {
  content: "\e02f";
}
.jrIconClaim:before {
  content: "\e030";
}
.jrIconDrag:before {
  content: "\e031";
}
.jrIconSort:before {
  content: "\e032";
}
.jrIconInfo:before {
  content: "\e033";
}
.jrIconFilters:before,
.jrIconList:before {
  content: "\e034";
}
.jrIconCamera:before {
  content: "\e035";
}
.jrIconPreview:before {
  content: "\e036";
}
.jrIconRSSListing:before {
  content: "\e037";
}
.jrIconRSSReview:before {
  content: "\e038";
}
.jrIconPrint:before {
  content: "\e039";
}
.jrIconRefresh:before {
  content: "\e03a";
}
.jrIconResource:before,
.jrIconTable:before {
  content: "\e03b";
}
.jrIconUnbookmark:before {
  content: "\e03c";
}
.jrIconBookmark:before {
  content: "\e03d";
}
.jrIconLocate:before {
  content: "\e03e";
}
.jrIconLocationArrow:before {
  content: "\e03f";
}
.jrIconLock:before,
.jrIconPrivate:before {
  content: "\e040";
}
.jrIconChecked:before {
  content: "\e041";
}
.jrIconExternal:before {
  content: "\e042";
}
.jrIconUnchecked:before {
  content: "\e043";
}
/*******************************
Colored Icons
********************************/
.jrIconPublished:before {
  color: green;
}
.jrIconUnpublished:before {
  color: #AD0909;
}
.jrBlue > [class^="jrIcon"]:before,
.jrGreen > [class^="jrIcon"]:before,
.jrRed > [class^="jrIcon"]:before,
.jrOrange > [class^="jrIcon"]:before,
.jrDark > [class^="jrIcon"]:before {
  color: #fff;
}
.jrListingCard {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 20px;
  overflow: hidden;
}
.jrListingCard .jrCardThumb {
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  max-height: 100px;
  overflow: hidden;
  line-height: 0;
}
.jrListingCard .jrCardThumb .jrMediaPhoto {
  width: 100px;
}
.jrListingCard .jrCardTitle {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 10px;
  font-size: 1.2em;
  font-weight: 400;
}
/*************************************
RSS Link
*************************************/
.jrRSS {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.jrRSS .jrFeeds {
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
}
.jrRSS .jrFeeds li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.jrRSS .jrFeeds li a {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(images/rss_orange.png) no-repeat;
  border: none;
  padding: 0;
  margin: 0;
}
.jrRSS .jrFeeds li a.jrFeedListings {
  background-position: 0 0;
}
.jrRSS .jrFeeds li a.jrFeedReviews {
  background-position: -20px 0;
}
.jrRSS .jrFeeds img {
  border: 0;
}
/*************************************
Loading image
*************************************/
.jrLoadingSmall,
.jrButtonSpinner {
  background: url(images/loading_s.gif) center left no-repeat;
}
.jrLoadingMedium {
  background: url(images/loading_m.gif) center left no-repeat;
  padding: 15px;
  display: block;
  margin: 0 auto;
  width: 32px;
}
.jrLoadingSmall {
  padding: 0 0 3px 15px;
  margin-left: 5px;
}
.jrButtonSpinner {
  padding: 0 0 0 15px;
  margin: 0 5px 0 0;
}
/*************************************
Breadcrumbs
*************************************/
.jrPathway {
  width: 80%;
  margin-bottom: .5em;
  padding-right: 15px;
  padding-left: 0;
  font-size: 0.9em;
  list-style-type: none;
}
.jrPathway li {
  float: left;
}
.jrPathway a {
  background: url(images/breadcrumb.png) no-repeat center right;
  text-decoration: none;
  padding-right: 15px;
  margin-right: 3px;
  display: inline-block;
}
/*************************************
JReviews helper classes
*************************************/
.jrPointer {
  cursor: pointer;
}
.jrHidden {
  display: none;
}
@media (max-width: 767px) {
  .jrHiddenMobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .jrHiddenDesktop {
    display: none;
  }
}
.jrPullLeft {
  text-align: left;
}
.jrPullRight {
  text-align: right;
}
.jrLeft {
  float: left;
}
.jrRight {
  float: right;
}
.jrLeftAlign {
  text-align: left;
}
.jrCenterAlign {
  text-align: center;
}
.jrRightAlign {
  text-align: right;
}
.jrRounded {
  border-radius: 3px;
}
.jrShadow {
  box-shadow: 0 0 2px #ccc;
}
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;
}
/* Float clearing */
.jrClearfix:before,
.jrClearfix:after {
  display: table;
  content: "";
}
.jrClearfix:after {
  clear: both;
}
.jrClear {
  clear: both;
}
/*************************************
Page Container and shared elements
*************************************/
.jrIsLoading {
  opacity: 0.3;
}
.jrPage {
  text-align: left;
  position: relative;
}
.jrPageHeader .contentheading {
  clear: left;
  margin-bottom: 10px;
}
.jrPageHeader .contentheading a {
  font-size: 14px;
  font-weight: bold;
}
/* Page Description: uses description defined for the category */
.jrPageDescription {
  width: 100%;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.jrPageDescription img {
  float: left;
  margin: 0 10px 10px 0;
  border: 0;
  max-width: 100%;
}
/* "List Scope": Container for categories or alphabet controls - filters/scopes list */
.jrListScope {
  margin: 0 0 20px 0;
  text-align: center;
}
.jrListScope h2 {
  /* Used for "categories in section" title */
  margin: 0 0 10px 0;
  font-weight: bold;
}
/* Search controls */
.jrListSearch {
  text-align: center !important;
  font-size: 13px;
  margin: 0;
}
/* List Sorting controls */
.jrOrdering {
  line-height: 2.5em;
  text-align: right;
}
.jrOrdering select,
.jrOrdering select[size] {
  margin-left: 10px;
  max-width: 140px;
}
.jrMediaFilter {
  display: block;
}
.jrMediaSort {
  display: block;
  margin: 5px 0 0 5px;
}
/* Captcha */
.jrCaptcha {
  margin: 10px 0;
}
/*************************************
Common content elements - used throughout JReviews
*************************************/
.jrPage .jrListingThumbnail {
  clear: both;
  text-align: center;
}
.jrPage .jrListingThumbnail img {
  max-width: 100%;
  border: 0;
  border-radius: 3px;
}
.jrPage .jrListingTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: .2em;
}
.jrPage .jrListingTitle a {
  font-size: 14px;
  font-weight: bold;
}
ul.jrSearchTags {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
}
ul.jrSearchTags li {
  list-style: none;
  float: none;
  width: auto;
  display: inline-block;
  margin-left: 10px;
}
ul.jrSearchTags li a {
  display: inline-block;
  padding: 4px 8px;
  color: #222;
  background: #eee;
  border-radius: 4px;
  font-weight: 400;
  border: 1px solid #ccc;
}
ul.jrSearchTags li a span {
  font-size: 13px;
  padding: 0;
  margin: 0 0 0 2px;
}
ul.jrSearchTags li a span:before {
  font-size: 13px;
}
ul.jrSearchTags li a:hover {
  text-decoration: none;
  background: #D7D7D7;
  border: 1px solid #B3B3B3;
}
/*************************************
Listings
*************************************/
.jrListingAuthor,
.jrListingDate,
.jrListingViews {
  margin-right: 10px;
}
/* Compare Checkbox Button */
.jrCompareButton {
  position: relative;
}
.jrCompareButton input.jrCheckListing {
  font-size: 11px;
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
}
.jrCompareButton label.jrCheckListingLabel {
  display: inline;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.9em;
}
.jrCompareButton .comparisonMessageMax {
  left: -65px;
  top: -75px;
}
/* JReviews login box */
.jrLoginBox {
  display: block;
  width: 100%;
  padding: 28px 0;
}
.jrLoginBox span {
  font-weight: 600;
}
.jrForm.jrLoginForm {
  padding: 14px 0;
}
.jrForm.jrLoginForm .jrFieldDiv {
  display: inline;
  line-height: 30px;
}
.jrForm.jrLoginForm input[type="text"],
.jrForm.jrLoginForm input[type="password"] {
  height: 30px;
  line-height: 30px;
}
/* Custom Module Positions */
.jrCustomModule {
  margin: 10px 0;
}
.jrMapColumn .jrCustomModule {
  width: 300px;
}
/*************************************
Media Elements
*************************************/
.jr-encoding-progress {
  display: inline-block;
  padding: 40px;
}
/* Media edit dialog */
.jrMediaEditForm .jrMediaPhoto {
  max-width: 100%;
  max-height: 300px;
  width: auto;
  height: auto;
}
.jrMediaEditForm .jrLeft + .jrFieldDiv {
  padding: 0;
  display: inline-block;
}
/* Media List page */
.jrMediaList .jrListItem {
  height: 165px;
}
.jrMediaList .jrMediaItem {
  position: relative;
  padding-top: 5px;
  text-align: center;
}
.jrMediaList .jrMediaThumb {
  display: inline-block;
  position: relative;
}
.jrMediaList .jrMediaTypePhoto .jrMediaThumb:before,
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:before,
.jrMediaList .jrMediaTypeAudio .jrMediaThumb:before,
.jrMediaList .jrMediaTypeAttachment .jrMediaThumb:before {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background-image: url(images/icons_overlay.png);
  background-repeat: no-repeat;
  content: "";
}
.jrMediaList .jrMediaThumb {
  height: 100px;
}
.jrMediaList .jrMediaThumb img {
  max-width: 100%;
  max-height: 100%;
}
.jrMediaList .jrMediaTypePhoto .jrMediaThumb:before {
  background-position: 0 0;
}
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:before {
  background-position: -18px 0;
}
.jrMediaList .jrMediaTypeAudio .jrMediaThumb:before {
  background-position: -36px 0;
}
.jrMediaList .jrMediaTypeAttachment .jrMediaThumb:before {
  background-position: -52px 0;
}
.jrMediaList .jrMediaTypeVideo .jrMediaThumb:after,
.jrModuleSlider .jrVideoList .jrMediaThumb:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
  padding: 4px 6px;
  content: attr(data-duration);
}
.jrMediaList .jrMediaInfo {
  margin: 10px 5px 0 5px;
  line-height: 1.4;
}
.jrMediaList .jrMediaInfo .jrMediaListingTitle,
.jrMediaList .jrMediaInfo .jrMediaFrom,
.jrMediaList .jrMediaInfo .jrMediaCreated,
.jrMediaList .jrMediaInfo .jrMediaViews {
  font-size: 11px !important;
}
.jrMediaList .jrMediaInfo .jrMediaTitle {
  height: 32px;
  overflow: hidden;
}
.jrMediaList .jrMediaInfo .jrMediaListingTitle {
  height: 13px;
  line-height: 13px;
  overflow: hidden;
}
.jrMediaList .jrCompactBox,
.jrMediaList .jrCompactBox .jrMediaItem {
  padding: 0;
}
.jrMediaList .jrCompactBox .jrMediaThumb {
  width: 100%;
  overflow: hidden;
}
.jrMediaList .jrCompactBox .jrMediaThumb a {
  display: block;
  height: 100px;
}
.jrMediaList .jrCompactBox .jrMediaThumb img {
  width: 100% !important;
  height: auto !important;
  max-height: none;
}
.jrMediaList .jrCompactBox .jrMediaInfo {
  margin: 5px 5px 0 5px;
}
/* Media Sorting Page */
.jrMediaSort .jrIconSort {
  display: none;
}
.jrMediaSort .jrSortHandle {
  cursor: move;
  float: left;
  width: 25px;
  margin: 10px 0 0 5px;
}
.jrMediaSort:hover .jrIconSort {
  display: block;
}
.jrMediaSort .jrMediaThumbnail {
  overflow: hidden;
  max-width: 70px;
}
.jrMediaSort .jrIconStar,
.jrMediaSort .jrIconEmptyStar {
  margin: 0;
}
.jrMediaForm .jrIconStar:before,
.jrMediaSort .jrIconStar:before {
  color: #f31818;
}
.jrUploadProgressBar.ui-progressbar {
  height: 15px;
}
.jrUploadProgressBar.ui-progressbar > div {
  height: 15px;
}
/* Video Gallery */
.jrVideoGallery {
  margin-bottom: 20px;
  clear: both;
}
.jrVideoGallery video {
  max-width: 100%;
}
.jrVideoGallery .jrVideo {
  margin-bottom: 20px;
}
.jrVideoGallery.jrVideoLightbox {
  margin: 0;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 13px;
}
.jrVideoGallery.jrVideoLightbox .jrVideoInfo {
  margin: 0 10px;
}
.jrVideoGallery.jrVideoLightbox .jrMediaActions {
  margin: 10px;
  width: 100%;
}
.jrVideoGallery.jrVideoLightbox .jrMediaActions .jrReport {
  margin-right: 10px;
}
.jrVideoGallery.jrVideoLightbox .jrVideoSlider {
  display: none;
}
.jrVideoGallery .jrVideoCurrentInfo {
  margin: 10px 0;
  overflow: hidden;
}
.jrVideoGallery .jrVideoCurrentInfo a {
  display: block;
  float: left;
  margin-right: 10px;
}
.jrVideoGallery .jrVideoInfo {
  margin: 10px 0;
}
.jrVideoGallery .jrMediaActions {
  margin: 10px 0;
  overflow: hidden;
}
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike {
  float: left;
  margin-right: 5px;
}
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike .jrVoteYes,
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike .jrVoteNo {
  margin-left: 0;
  margin-right: 10px;
}
.jrVideoGallery .jrMediaActions .jrMediaLikeDislike .jrButton {
  font-weight: bold;
}
.jrVideoGallery .jrMediaActions .jrReport {
  float: right;
}
.jrVideoGallery .jrMediaTitle {
  font-weight: bold;
  margin: 5px 0;
}
.jrVideoGallery .jrMediaDescription {
  max-height: 200px;
  overflow: auto;
}
/* Video List */
.jrVideoGallery .jrMediaFilter {
  margin-bottom: 10px;
  overflow: hidden;
}
.jrVideoGallery .jrMediaFilter .jrMediaOrder {
  display: block;
  float: right;
}
/* Video Slider */
.jrModuleSlider.jrVideoSlider {
  position: relative;
  float: none;
  padding: 0;
  overflow: hidden;
}
.jrModuleSlider.jrVideoSlider .bx-wrapper {
  margin: 0 !important;
}
.jrModuleSlider.jrVideoSlider .bx-wrapper .bx-has-controls-direction {
  height: 0;
}
.jrModuleSlider.jrVideoSlider.jrSliderSideArrows {
  padding: 0 25px;
  margin: 0;
}
.jrModuleSlider.jrVideoSlider.jrSliderSideArrows .bx-wrapper .bx-prev {
  left: -31px;
}
.jrModuleSlider.jrVideoSlider.jrSliderSideArrows .bx-wrapper .bx-next {
  right: -31px;
}
.jrModuleSlider.jrVideoSlider .jrVideoListItem {
  position: relative;
  float: left;
  height: 100px;
  margin: 0 5px 0 0;
  border: 0;
}
/* Photo Gallery */
.jrPhotoGallery {
  width: 100%;
  max-width: 800px;
  margin: 10px auto;
}
.jrPhotoGallery .jrMediaFilter {
  margin-bottom: 10px;
}
.jrPhotoGallery .jrMediaFilter .jrMediaOrder {
  display: block;
  float: right;
}
.jrPhotoSlideShow {
  overflow: hidden;
}
.jrPhotoSlideShow li {
  display: inline;
  list-style-image: none;
}
.jrTabs .jrPhotoSlideShow {
  margin: 10px 0;
}
.jrPhotoSlideShow .jrPhotoInfo,
.jrPhotoSlideShow .jrPhotoCaption {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}
.jrPhotoSlideShow .galleria-info {
  display: none !important;
}
.jrPhotoSlideShow .jrPhotoInfo {
  bottom: 0;
  padding-bottom: 25px;
}
.jrPhotoSlideShow .jrPhotoCaption {
  top: 0;
}
.jrPhotoSlideShow.jrPhotoOverlay:hover .jrPhotoInfo,
.jrPhotoSlideShow.jrPhotoOverlay:hover .jrPhotoCaption {
  display: block;
}
.jrPhotoSlideShow .jrPhotoInfo a {
  color: #eee;
  text-decoration: underline;
}
.jrPhotoSlideShow .jrMediaActions {
  margin: 5px 5px 10px 0;
}
.jrPhotoSlideShow .jrMediaActions .jrButton {
  margin: 5px 0 0 0;
}
.jrPhotoSlideShow .jrMediaActions .jrMediaLikeDislike {
  float: left;
  margin-right: 5px;
}
.jrPhotoSlideShow .jrMediaActions .jrMediaLikeDislike .jrButton {
  font-weight: bold;
}
.jrPhotoSlideShow .jrMediaActions .jrReport {
  float: left;
  margin-left: 5px;
}
.jrPhotoSlideShow .jrIconGraph:before {
  color: #fff;
}
.jrPhotoGallery .jrMediaDescription {
  margin-bottom: 10px;
}
.jrPhotoGallery .jrPhotoCaption {
  margin: 5px 0 15px 0;
  font-weight: bold;
}
.jrPhotoGallery .jrMediaActions {
  margin: 10px 0;
  overflow: hidden;
}
.jrPhotoGallery .jrMediaActions .jrMediaLikeDislike {
  float: left;
  margin-right: 5px;
}
.jrPhotoGallery .jrMediaActions .jrMediaLikeDislike .jrButton {
  font-weight: bold;
}
.jrPhotoGallery .jrMediaActions .jrReport {
  margin-left: 5px;
}
/* Compact Photo Gallery */
.jrPhotoGalleryCompact {
  float: right;
  clear: right;
  margin: 0 0 20px 10px;
}
.jrPhotoGallery.jrPhotoGalleryCompact {
  width: 350px;
  height: 330px;
  margin: 0;
}
.jrPhotoGalleryCompact .jrMediaDescription {
  display: none;
}
.jrPhotoGalleryCompact .jrPhotoInfo {
  padding: 5px 10px;
}
.jrPhotoGalleryCompact .jrPhotoInfo .jrMediaActions {
  margin: 5px 0;
}
.jrPhotoGalleryCompact.jrMediaLeft {
  float: left;
  clear: left;
  margin: 0 10px 20px 0;
}
/*************************************
Detailed Ratings
*************************************/
.jrRatingInfo {
  float: right;
  border: 0;
  margin: 0 0 10px 10px;
  background: none;
  line-height: 1.2em;
}
.jrRatingTable {
  margin-bottom: 0;
  border: 0;
  width: auto;
}
.jrRatingTable .jrCol {
  font-size: 0.9em;
  vertical-align: top;
  border: 0;
  padding: 0;
}
.jrRatingTable .jrCol.jrRatingLabel {
  padding: 3px 5px 2px 0;
  text-align: left;
  white-space: nowrap;
}
.jrRatingTable .jrCol.jrRatingValue,
.jrRatingTable .jrCol.jrRatingCount {
  font-weight: normal;
  padding: 3px 0 2px 5px;
  text-align: left;
  white-space: nowrap;
}
/*************************************
Overall Ratings
*************************************/
.jrOverallRatings {
  float: right;
}
.jrOverallRatings .jrOverallEditor,
.jrOverallRatings .jrOverallUser {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.jrOverallRatings .jrRatingLabel {
  display: inline;
  float: left;
  width: 16px;
  margin: 3px 5px 0 0;
}
.jrListings .jrOverallRatings .jrRatingLabel {
  margin-top: 1px;
}
.jrThumbview .jrOverallRatings .jrRatingLabel {
  margin-top: 3px;
}
.jrOverallRatings .jrRatingStars {
  display: inline;
  float: left;
}
.jrOverallRatings .jrRatingValue {
  display: inline;
  float: left;
  margin-top: 2px;
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  padding: 2px;
  line-height: 1.2;
}
.jrListings .jrOverallRatings .jrRatingValue {
  margin-top: 0;
}
/*************************************
Rating Stars
*************************************/
.jrRatingStarsUser,
.jrRatingStarsEditor,
.jrRatingStarsUser div,
.jrRatingStarsEditor div {
  background-image: url(images/rating_stars.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 15px;
  font-size: 1px;
}
.jrRatingStarsUser,
.jrRatingStarsEditor {
  width: 79px;
  margin-right: 1px;
  margin-top: 3px;
  text-align: left;
}
.jrRatingStarsUser div {
  background-position: 0 -16px;
}
.jrRatingStarsEditor div {
  background-position: 0 -32px;
}
/* Large ratings */
.jrRatingsLarge .jrRatingLabel {
  margin: 3px 5px 0 0;
}
.jrRatingsLarge .jrRatingValue {
  font-size: 1.1em;
}
.jrRatingsLarge .jrRatingStarsUser,
.jrRatingsLarge .jrRatingStarsEditor,
.jrRatingsLarge .jrRatingStarsUser div,
.jrRatingsLarge .jrRatingStarsEditor div {
  background-image: url(images/rating_stars_lg.png);
  height: 23px;
}
.jrRatingsLarge .jrRatingStarsUser,
.jrRatingsLarge .jrRatingStarsEditor {
  width: 118px;
  margin-right: 2px;
  margin-top: 0;
}
.jrRatingsLarge .jrRatingStarsUser div {
  background-position: 0 -24px;
}
.jrRatingsLarge .jrRatingStarsEditor div {
  background-position: 0 -48px;
}
/* Alternative rating styles */
.jrRatingStarsUser.jrRatingsStyle2,
.jrRatingStarsEditor.jrRatingsStyle2,
.jrRatingStarsUser.jrRatingsStyle2 div,
.jrRatingStarsEditor.jrRatingsStyle2 div {
  background-image: url(images/rating_stars_2.png);
}
.jrRatingStarsUser.jrRatingsStyle3,
.jrRatingStarsEditor.jrRatingsStyle3,
.jrRatingStarsUser.jrRatingsStyle3 div,
.jrRatingStarsEditor.jrRatingsStyle3 div {
  background-image: url(images/rating_bars.png);
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle2,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle2,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle2 div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle2 div {
  background-image: url(images/rating_stars_2_lg.png);
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle3,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle3,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle3 div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle3 div {
  background-image: url(images/rating_bars_lg.png);
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsGreen div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsGreen div {
  background-position: 0 -24px;
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsOrange div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsOrange div {
  background-position: 0 -48px;
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsRed div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsRed div {
  background-position: 0 -72px;
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsBlue div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsBlue div {
  background-position: 0 -96px;
}
/* Alternative rating colors */
.jrRatingStarsUser.jrRatingsGreen div,
.jrRatingStarsEditor.jrRatingsGreen div {
  background-position: 0 -16px;
}
.jrRatingStarsUser.jrRatingsOrange div,
.jrRatingStarsEditor.jrRatingsOrange div {
  background-position: 0 -32px;
}
.jrRatingStarsUser.jrRatingsRed div,
.jrRatingStarsEditor.jrRatingsRed div {
  background-position: 0 -48px;
}
.jrRatingStarsUser.jrRatingsBlue div,
.jrRatingStarsEditor.jrRatingsBlue div {
  background-position: 0 -64px;
}
/* Rating Bars */
.jrRatingBarsUser,
.jrRatingBarsEditor {
  width: 79px;
  margin-right: 1px;
  margin-top: 3px;
  text-align: left;
}
.jrRatingBarsUser,
.jrRatingBarsEditor {
  background: #dedede;
}
.jrRatingBarsUser div,
.jrRatingBarsUser.jrRatingsGreen div,
.jrRatingBarsEditor.jrRatingsGreen div {
  background: #a3cf68;
}
.jrRatingBarsEditor div,
.jrRatingBarsUser.jrRatingsOrange div,
.jrRatingBarsEditor.jrRatingsOrange div {
  background: #fecf4b;
}
.jrRatingBarsUser.jrRatingsRed div,
.jrRatingBarsEditor.jrRatingsRed div {
  background: #fc0100;
}
.jrRatingBarsUser.jrRatingsBlue div,
.jrRatingBarsEditor.jrRatingsBlue div {
  background: #3387da;
}
/*************************************
Debug styles
*************************************/
.jrThemeDebugDiv {
  border: 1px dashed #c1150f;
  padding: 5px;
  margin: 5px;
  clear: both;
}
.jrThemeDebug {
  padding: 3px 8px;
  display: inline-block;
  margin-bottom: 8px;
  color: #fff;
  font-weight: normal;
  background-color: #bc1b1c;
  border: 1px solid #bc1b1c;
  border-radius: 4px;
  font-size: 11px;
}
.jrDebug {
  background-color: #3a87ad;
  text-transform: none;
  font-weight: normal;
  font-size: 11px;
  margin-right: 5px;
}
.jrDebugHighlight {
  background-color: #faf25f;
  color: #000;
  text-transform: none;
  font-weight: normal;
  font-size: 11px;
  margin-right: 0;
}
/*************************************
COMPAREVIEW - listing comparison page
*************************************/
.jrCompareview {
  overflow: hidden;
}
.jrCompareview .jrCompareHeader {
  float: left;
  width: 22%;
  text-align: left;
}
.jrCompareview .jrCompareSlider,
.jrCompareview .jrCompareSliderSecondary {
  float: left;
  width: 78%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.jrCompareview .jrCompareSlider.jrSliderDisabled,
.jrCompareview .jrCompareSliderSecondary.jrSliderDisabled {
  overflow-x: hidden;
  overflow-y: hidden;
}
.jrCompareview .jrCompareSliderItems {
  position: relative;
}
.jrCompareview .jrCompareSliderItem {
  float: left;
  text-align: center;
  position: relative;
}
.jrCompareview .jrCompareField {
  background: #fff;
  min-height: 15px;
  line-height: 15px;
  padding: 8px;
  box-sizing: content-box;
}
.jrCompareview .jrCompareField.alt {
  background: #f5f5f5;
}
.jrCompareview .jrCompareField img {
  border: 0;
  border-radius: 2px;
}
.jrCompareview .itemUserRating.jrCompareField,
.jrCompareview .itemEditorRating.jrCompareField {
  height: 20px;
}
.jrCompareview .jrCompareHeader .jrCompareField {
  background: #fff;
  padding-left: 15px;
  font-weight: 600;
}
.jrCompareview .jrCompareHeader .jrCompareField.alt {
  background: #f5f5f5;
  padding-left: 15px;
  font-weight: 600;
}
.jrCompareview .jrFieldGroup.jrCompareField {
  text-transform: uppercase;
  font-size: 1em;
  background: none;
  border-bottom: 1px solid #9e9e9e;
  padding: 14px 0 2px 0;
  font-weight: normal;
}
.jrCompareview .itemTitle.jrCompareField {
  background: #fff;
  margin-top: 5px;
}
.jrCompareview .itemThumbnail.jrCompareField {
  min-height: 100px;
  background: #fff;
  overflow: hidden;
}
.jrCompareview .itemSummary.jrCompareField {
  background: #fff;
}
.jrCompareview .jrRatingStarsUser,
.jrCompareview .jrRatingStarsEditor {
  margin: 3px 5px;
  display: inline-block;
  vertical-align: middle;
}
.jrCompareview ul.jrFieldValueList li {
  float: none;
}
.jrCompareview ul.jrFieldValueList li:after {
  content: '';
}
.jrCompareview .jrScrollbarArea {
  height: 22px;
  padding: 0 0 10px 0;
}
.jrCompareview ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.jrCompareview ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}
img.removeListing {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 0 0 -3px 5px;
}
/**************************
Comparison Dashboard
***************************/
.jrCompareDashboard {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2000;
  background: #fff;
  font-size: 13px;
  text-align: left;
  border: 0;
  margin: 0;
  padding: 3px 0 0 0;
  box-shadow: 0px 0px 9px #999;
}
.jrCompareDashboard .jrCompareHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: #ddd;
  border: 0;
  z-index: 1;
}
.jrCompareDashboard .jrCompareArrow {
  position: absolute;
  top: 12px;
  right: 100px;
  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 {
  position: absolute;
  top: 0;
  left: -170px;
  width: 190px;
  height: 32px;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  line-height: 32px;
}
.jrCompareDashboard .jrCompareTabs {
  float: none;
  position: relative;
  width: 900px;
  margin: 0 auto;
  padding: 0;
  z-index: 2;
  background: none;
  border: 0;
}
.jrCompareDashboard .jrCompareTabs .jrTabsContainer {
  display: none;
  min-height: 75px;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav {
  margin: 0;
  padding: 0 0 0 30px;
  background: none;
  float: none;
  border: 0;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li {
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  top: 2px;
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
  background: #e6e6e6;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li a {
  outline: none;
  color: #333 !important;
  background: transparent;
  padding: 0 1em;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li.ui-tabs-active {
  margin: 0 5px 0 0;
  border: 0;
  background: #fff;
}
.jrCompareDashboard .jrCompareTabs .ui-tabs-panel {
  padding: 10px 0 5px 0;
  position: relative;
}
.jrCompareDashboard .jrCompareTabs .jrCompareScroll {
  position: relative;
  float: none;
  max-width: 740px;
  padding: 0 0 0 30px;
  overflow: hidden;
}
.jrCompareDashboard .jrCompareTabs ul.ltList {
  margin: 0;
  padding: 0;
  overflow: hidden;
  min-height: 32px;
}
.jrCompareDashboard .jrCompareTabs ul.ltList li.ltItem {
  position: relative;
  float: left;
  height: 22px;
  width: 30%;
  margin: 0 10px 5px 0;
  padding: 4px;
  list-style: none;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fafafa;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.jrCompareDashboard .jrCompareTabs span.removeItem {
  position: absolute;
  font-size: 0;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  width: 14px;
  height: 14px;
}
.jrCompareDashboard .jrCompareTabs .compareThumb {
  float: left;
  width: 22px;
  max-height: 22px;
  border: 1px solid #ccc;
  margin-right: 5px;
  overflow: hidden;
}
.jrCompareDashboard .jrCompareTabs .compareThumb a:hover {
  background: none;
}
.jrCompareDashboard .jrCompareTabs .compareThumb img {
  width: 22px;
  border: 0;
}
.jrCompareDashboard .jrCompareTabs span.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 span.compareItemTitle a {
  color: #333 !important;
  font-size: 12px;
  line-height: 1.2em;
}
.jrCompareDashboard .jrCompareButtons {
  position: absolute;
  top: 10px;
  right: 0px;
  width: 120px;
}
.jrCompareDashboard .jrCompareButtons a {
  margin-bottom: 5px;
}
.jrCompareDashboard p.comparisonMessage {
  position: absolute;
  top: -65px;
  right: 0;
}
.jrCompareDashboard p.comparisonMessageMax {
  position: absolute;
  top: -20px;
  left: 100px;
  white-space: normal;
}
/*************************************
Pagination
*************************************/
.jrPagination {
  width: 100%;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 10px;
  border: 0;
}
.jrPaginationTop {
  margin-bottom: 20px;
}
.jrPaginationBottom {
  margin-top: 20px;
  margin-bottom: 0;
}
.jrPagenavResults {
  text-align: left;
}
.jrPagenavPages {
  text-align: center;
  white-space: nowrap;
}
.jrPagenavPages .jrButton {
  margin: 0 1px;
  padding: 0;
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  line-height: 30px;
  text-align: center;
  background: none;
  box-shadow: none;
  font-size: 1.1em;
}
.jrPagePrev.jrButton,
.jrPageNext.jrButton,
.jr-pagenav-prev.jrButton.jrDisabled,
.jr-pagenav-next.jrButton.jrDisabled {
  display: none;
}
.jrPagePrev.jrButton,
.jrPageNext.jrButton,
.jr-pagenav-prev.jrButton,
.jr-pagenav-next.jrButton {
  border: 1px solid #999;
  background-color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  color: #616161;
}
.jrPagination a.jrButton,
.jrPagination a.jrButton.jr-pagenav-next {
  color: #616161;
}
.jrPagination .jrPageCurrent {
  background-color: #555;
  color: #fff;
  cursor: default;
}
.jr-pagenav-page.jrButton:hover {
  text-decoration: underline;
}
.jrListLayoutOptions .jrButton {
  line-height: normal;
  padding: 5px 10px;
}
/*************************************
User info
*************************************/
/* Avatars */
.jrAvatar {
  width: 55px;
  height: 55px;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 100%;
  vertical-align: middle;
}
.jrAvatar img {
  width: 55px;
  height: auto;
}
.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;
}
.jrModuleItems .jrAvatar img,
.jrPopup .jrAvatar img {
  width: 20px;
}
.jrListings .jrAvatar,
.jrListingDetail .jrListingAuthor .jrAvatar,
.jrDiscussion .jrListing .jrAvatar {
  margin-right: 5px;
  width: 30px;
  height: 30px;
}
.jrListings .jrAvatar img,
.jrListingDetail .jrListingAuthor .jrAvatar img,
.jrDiscussion .jrListing .jrAvatar img {
  width: 30px;
}
.jrReviewLayout .jrAvatar {
  margin-bottom: 8px;
}
/* Letter Avatar */
.jrLetterAvatar.jrAvatarStyle1 {
  color: #BDBDBD;
  border: 1px solid #BDBDBD;
}
.jrLetterAvatar.jrAvatarStyle2 {
  color: #f44336;
  border: 1px solid #f44336;
}
.jrLetterAvatar.jrAvatarStyle3 {
  color: #E91E63;
  border: 1px solid #E91E63;
}
.jrLetterAvatar.jrAvatarStyle4 {
  color: #9C27B0;
  border: 1px solid #9C27B0;
}
.jrLetterAvatar.jrAvatarStyle5 {
  color: #673AB7;
  border: 1px solid #673AB7;
}
.jrLetterAvatar.jrAvatarStyle6 {
  color: #3F51B5;
  border: 1px solid #3F51B5;
}
.jrLetterAvatar.jrAvatarStyle7 {
  color: #2196F3;
  border: 1px solid #2196F3;
}
.jrLetterAvatar.jrAvatarStyle8 {
  color: #03A9F4;
  border: 1px solid #03A9F4;
}
.jrLetterAvatar.jrAvatarStyle9 {
  color: #00BCD4;
  border: 1px solid #00BCD4;
}
.jrLetterAvatar.jrAvatarStyle10 {
  color: #009688;
  border: 1px solid #009688;
}
.jrLetterAvatar.jrAvatarStyle11 {
  color: #4CAF50;
  border: 1px solid #4CAF50;
}
.jrLetterAvatar.jrAvatarStyle12 {
  color: #8BC34A;
  border: 1px solid #8BC34A;
}
.jrLetterAvatar.jrAvatarStyle13 {
  color: #C0CA33;
  border: 1px solid #C0CA33;
}
.jrLetterAvatar.jrAvatarStyle14 {
  color: #FFC107;
  border: 1px solid #FFC107;
}
.jrLetterAvatar.jrAvatarStyle15 {
  color: #FF9800;
  border: 1px solid #FF9800;
}
.jrLetterAvatar.jrAvatarStyle16 {
  color: #FF5722;
  border: 1px solid #FF5722;
}
.jrLetterAvatar {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 0;
  color: #fff;
  font-size: 15px;
  position: relative;
  display: inline-block;
}
.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;
}
.jrLetterAvatar:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.jrLetterAvatarInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.jrAvatarInitials {
  color: inherit;
  font-weight: 600;
}
.jrAuthorInfo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.jrAuthorInfo > span,
.jrAuthorInfo > time {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 1px;
  margin-right: 12px;
}
.jrListingDetail .jrAuthorInfo {
  font-size: 12px;
  color: #777777;
  margin-bottom: 10px;
}
.jrListingAuthor {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.jrListing .jrListingAuthor {
  margin-bottom: 5px;
}
.jrListingAuthor > span {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 1px;
  margin-right: 5px;
}
.jrModuleItem .jrReviewAuthor {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.jrModuleItem .jrReviewAuthor a {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 1px;
}
/**********************************
WordPress Theme
***********************************/
.widget .jrReviewAuthor a {
  box-shadow: none!important;
}
.widget .jrReviewAuthor a img {
  box-shadow: none!important;
}
/**********************************
Lightbox (Magnific Popup) overrides
***********************************/
.mfp-iframe-scaler {
  padding-top: 68% !important;
}
.mfp-iframe-scaler iframe {
  background: #fff !important;
  font-family: sans-serif !important;
}
.mfp-counter {
  width: 50px;
  text-align: right;
}
button.mfp-close,
button.mfp-arrow {
  background: transparent !important;
  outline: none;
}
/* Animation */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/****************************
Video.js overrides
*****************************/
.jrVideoGallery .vjs-default-skin .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin: -4em 0 0 -6em;
}
/****************************
Trix editor overrides
*****************************/
trix-editor {
  background: #fff;
  min-height: 150px;
}
/************************
jQuery UI additions
*************************/
.ui-autocomplete.jrAutoComplete {
  z-index: 99999;
  white-space: nowrap;
  text-align: left;
  padding: 5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-height: 20em;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.ui-autocomplete.jrAutoComplete li {
  margin-bottom: 2px;
  padding: 2px;
  border: 1px solid #fff;
}
.ui-menu .ui-autocomplete.jrAutoComplete li.ui-menu-item a {
  line-height: 0;
}
.ui-autocomplete-loading {
  background: #fff url(images/loading_s.gif) right center no-repeat !important;
}
/* fixes issues with the streetview inside a hidden tab */
object#panoflash1 {
  width: 100%;
}
/******************************
Tabs
*******************************/
.jrTabs.ui-tabs {
  padding: 0;
  border: 0;
  font-size: 1em;
  background: none;
}
.jrTabs.ui-tabs .ui-tabs-panel {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  margin: 0;
}
.jrTabs.ui-tabs ul.ui-tabs-nav {
  background: #fafafa;
  padding: 0!important;
  margin: 0 !important;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
}
.jrTabs.ui-tabs .ui-tabs-nav li {
  margin: 0 3px 1px 0 !important;
  list-style: none !important;
  top: 1px;
  border: 0;
  border-radius: 0;
  padding: 0;
  min-width: 80px;
}
.jrTabs.ui-tabs .ui-tabs-nav li,
.jrTabs.ui-tabs .ui-tabs-nav li:hover {
  background: none;
}
.jrTabs.ui-tabs .ui-tabs-nav li a,
.jrTabs.ui-tabs .ui-tabs-nav li a:hover {
  padding: 6px 10px;
  margin: 0;
  color: #777777;
  font-weight: 600;
  padding: 1.5em .8em;
  letter-spacing: -0.1px;
  font-size: 14px;
  display: block;
  float: none;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.jrTabs.ui-tabs .ui-tabs-nav li.ui-state-active a {
  border-right: 0;
  border-left: 0;
  color: #222222;
  -webkit-transform: translate(0, 5px);
  -ms-transform: translate(0, 5px);
  -o-transform: translate(0, 5px);
  transform: translate(0, 5px);
}
.jrTabs.ui-tabs .ui-tabs-nav li.ui-state-active:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #555;
  content: '';
}
.jrTabs.ui-tabs .ui-state-default {
  background: none;
}
.jrTabs.ui-tabs .ui-state-focus a {
  outline: none;
}
@media (max-width: 480px) {
  .jrTabs.ui-tabs .ui-tabs-nav li {
    width: 100%;
  }
  .jrTabs.ui-tabs .ui-tabs-nav li a,
  .jrTabs.ui-tabs .ui-tabs-nav li a:hover {
    text-align: left;
    padding: 0.8em;
  }
}
/******************************
jQuery UI General
*******************************/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
}
/******************************
Vertical tabs
*******************************/
.jrTabs.jrTabsVertical.ui-tabs .ui-tabs-nav {
  float: left;
  width: 130px;
  padding: 0 !important;
}
.jrTabs.jrTabsVertical.ui-tabs .ui-tabs-nav li {
  display: block;
  float: none;
  position: relative;
  left: 1px;
  z-index: 10;
  margin-bottom: 2px;
  margin-right: 0 !important;
  top: 0 !important;
  border-bottom: 1px solid #ccc !important;
  border-right: 0 !important;
  border-radius: 4px 0px 0px 4px;
}
.jrTabs.jrTabsVertical.ui-tabs .ui-tabs-nav li a {
  display: block;
  float: none;
}
.jrTabs.jrTabsVertical.ui-tabs .ui-tabs-panel {
  margin-left: 130px;
  overflow: hidden;
}
/******************************
Datepicker
*******************************/
#ui-datepicker-div {
  font-size: 13px;
  z-index: 9999999 !important;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #ebebeb;
}
.ui-datepicker-header.ui-widget-header {
  background: #e0e0e0;
  border: 0;
  font-weight: normal;
  min-height: 30px;
}
.ui-datepicker .ui-widget-content {
  border: 1px solid #e0e0e0;
}
.ui-datepicker th {
  font-weight: normal;
  color: #aaa;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .clearDate {
  border: 0;
  background: none;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.ui-datepicker button.clearDate {
  font-weight: normal;
}
.ui-datepicker.ui-corner-all,
.ui-datepicker .ui-corner-all,
.ui-datepicker .clearDate {
  border-radius: 2px;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .clearDate.ui-state-hover {
  background: #e0e0e0;
}
.ui-datepicker .ui-priority-primary,
.ui-datepicker .ui-priority-secondary {
  font-weight: normal;
  opacity: 1;
}
.ui-datepicker .ui-datepicker-title select {
  border: 2px solid #e0e0e0;
  background: #fff;
  height: 28px;
  line-height: 28px;
}
.ui-datepicker .ui-icon-circle-triangle-e {
  background-position: -32px 0;
  cursor: pointer;
}
.ui-datepicker .ui-icon-circle-triangle-w {
  background-position: -96px 0;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  top: 6px;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
  background: #ccc;
  border: 0;
  top: 6px;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-today .ui-state-default {
  background: #eeeeee;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-active {
  background: #ffEe82;
}
/******************************
Rating stars
*******************************/
.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.ui-stars-cancel-placeholder {
  float: left;
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
.ui-stars-cancel {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background: #dedede;
  color: #fff;
  border: 0;
  margin: 7px 5px 0 0;
}
.jrRatingStars [data-selector="stars"] .ui-stars-cancel {
  margin-top: 0px;
}
.ui-stars-cancel a {
  width: 12px;
  height: 4px;
  background: #fff !important;
  /* border-radius: 50%; */
  padding: 0 !important;
  margin: 9px auto;
  vertical-align: middle;
  display: block;
}
.ui-stars-star a,
.ui-stars-star.style1 a {
  background: url(images/rating_stars_lg.png) no-repeat;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  display: block;
}
.ui-stars-star.style2 a {
  background-image: url(images/rating_stars_2_lg.png) no-repeat;
}
.ui-stars-star.ui-stars-star-on.green a,
.ui-stars-star.ui-stars-star-hover.green a {
  background-position: 0 -24px;
}
.ui-stars-star.ui-stars-star-on a,
.ui-stars-star.ui-stars-star-hover a,
.ui-stars-star.ui-stars-star-on.orange a,
.ui-stars-star.ui-stars-star-hover.orange a {
  background-position: 0 -48px;
}
.ui-stars-star.ui-stars-star-on.red a,
.ui-stars-star.ui-stars-star-hover.red a {
  background-position: 0 -72px;
}
.ui-stars-star.ui-stars-star-on.blue a,
.ui-stars-star.ui-stars-star-hover.blue a {
  background-position: 0 -96px;
}
.ui-stars-cancel.ui-stars-star-on,
.ui-stars-cancel.ui-stars-star-hover {
  background: #ff5722;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}
/******************************
Dialog
*******************************/
.jrDialog.ui-dialog {
  font-size: 13px;
  padding: 28px 28px 14px;
  border: 1px solid #bbb;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.jrDialog.ui-dialog .ui-dialog-title {
  font-size: 1.3em;
  padding: 0;
  margin: 0 0 20px 0;
}
.jrDialog.ui-dialog .ui-dialog-titlebar-close {
  top: -10px;
  right: -15px;
}
.jrDialog.ui-dialog .ui-widget-content,
.jrDialog.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
  background: none;
  border: 0;
}
.jrDialog .jrDialogContent {
  margin: 0 0 10px 0;
  padding: 0 !important;
}
.jrDialog .jrForm {
  margin: 0;
}
.jrDialog .ui-widget-header {
  color: #333;
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.jrDialog .ui-widget {
  font-family: inherit;
}
.jrDialog .ui-dialog-buttonpane {
  border: 0;
  border-top: 1px solid #eee;
  padding: 10px 0;
  margin: 0;
}
.jrDialog .ui-dialog-buttonpane button {
  margin: 0 0 0 5px;
}
.jrDialog .jrButton {
  text-transform: uppercase;
}
.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: #333;
  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: #333;
  text-decoration: none;
  background-color: #e6e6e6;
}
.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,
.jrDialog .jrForm.jrFormContainer,
.jrDialog .jrForm.jrReviewForm,
.jrDialog .jrForm fieldset {
  padding: 0;
}
/**************************
* Social Bookmarks
***************************/
.socialBookmarks,
.socialBookmarksVertical {
  clear: left;
  float: left;
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
  z-index: 100;
}
.socialBookmarks iframe,
.socialBookmarks div,
.socialBookmarks .IN-widget,
.socialBookmarks #___plusone_0,
.socialBookmarks > [class*="button_pin"],
.socialBookmarksVertical .reddit-button,
.socialBookmarksVertical iframe,
.socialBookmarksVertical div,
.socialBookmarksVertical .IN-widget,
.socialBookmarksVertical #___plusone_0,
.socialBookmarksVertical > [class*="button_pin"],
.socialBookmarksVertical .reddit-button {
  vertical-align: top !important;
  margin-right: 10px !important;
}
.socialBookmarks iframe,
.socialBookmarksVertical iframe {
  max-width: none !important;
}
div.socialBookmarksVertical a[class^="PIN"] {
  margin-top: 30px !important;
}
/* Facebook Buttons */
.jrFacebookPublish {
  margin: 0 0 15px 0 !important;
}
.jrFacebookPublish input {
  margin-right: 5px !important;
}
.jr-fb-send span {
  width: 52px !important;
  height: 20px !important;
  vertical-align: top !important;
}
.jr-fb-send iframe {
  width: 52px !important;
  height: 20px !important;
}
.jr-fb-send iframe.fb_iframe_widget_lift {
  width: 460px !important;
  height: 345px !important;
}
/* Custom Social Buttons */
.socialBookmarksCustom a {
  display: inline-block;
  padding: 4px 8px;
  color: #fff !important;
  text-decoration: none;
  margin: 6px 6px 6px 0;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}
.socialBookmarksCustom a:hover {
  text-decoration: none;
}
.socialBookmarksCustom .jrTwitter {
  background: #26C4F1;
  border: 1px solid #0eaad6;
}
.socialBookmarksCustom .jrTwitter:hover {
  background: #0eaad6;
}
.socialBookmarksCustom .jrFacebook {
  background: #306199;
  border: 1px solid #244872;
}
.socialBookmarksCustom .jrFacebook:hover {
  background: #244872;
}
.socialBookmarksCustom .jrGooglePlus {
  background: #E93F2E;
  border: 1px solid #ce2616;
}
.socialBookmarksCustom .jrGooglePlus:hover {
  background: #ce2616;
}
.socialBookmarksCustom .jrLinkedIn {
  background: #007BB6;
  border: 1px solid #005983;
}
.socialBookmarksCustom .jrLinkedIn:hover {
  background: #005983;
}
.socialBookmarksCustom .jrPinterest {
  background: #B81621;
  border: 1px solid #8a1119;
}
.socialBookmarksCustom .jrPinterest:hover {
  background: #8a1119;
}
.socialBookmarksCustom .jrReddit {
  background: #444;
  border: 1px solid #2b2b2b;
}
.socialBookmarksCustom .jrReddit:hover {
  background: #2b2b2b;
}
/*************************************
Joomla Styles
*************************************/
table.contentpaneopen,
table.contentpane {
  margin: 0;
  padding: 0;
  width: 100% !important;
}
/*************************************
Google Maps Places Overrides
*************************************/
.pac-container {
  width: auto !important;
  z-index: 9999;
}
/*************************************
Alphaindex
*************************************/
.jrAlphaindex.jrButtonGroup {
  text-align: center;
  margin-bottom: 25px;
  display: inline-block;
}
.jrAlphaindex.jrButtonGroup > .jrButton {
  font-size: 1em;
  text-transform: uppercase;
  min-width: 24px;
  padding: 3px 0;
  text-align: center;
  text-decoration: none;
}
.jrAlphaindex.jrButtonGroup > .jrButton:first-of-type {
  padding-right: 5px;
  padding-left: 8px;
}
/*************************************
Directory page
*************************************/
.jrDirview {
  padding-top: 10px;
}
.jrDirview .contentheading {
  margin-bottom: 25px;
}
.jrDirview h3,
.jrDirview h3.contentheading {
  margin: 0 0 1em 0;
  padding: 0;
}
.jrDirview .jrRSS {
  position: static;
  float: right;
}
.jrDirview .jrDirectoryColumn {
  margin: 0 3% 0 0;
  float: left;
}
.jrDirview .jrClear {
  height: 30px;
}
.jrDirview.jrDirviewThumbNo div.jrListingThumbnail,
.jrDirview.jrDirviewThumbNone div.jrListingThumbnail {
  display: none;
}
.jrDirview.jrDirviewThumbAbove div.jrContentDiv {
  clear: left;
}
.jrDirview.jrDirviewThumbLeft .jrCatLevel1 div.jrContentDiv {
  float: none;
}
.jrDirview.jrFormatComma ul li ul {
  padding: 0;
  margin: 0;
}
.jrDirview.jrFormatComma li.jrCatLevel2 {
  float: left;
  list-style: none;
  margin-right: 5px;
}
.jrDirview.jrFormatComma li.jrCatLevel2 .jrContentDiv:after {
  content: ",";
}
.jrDirview.jrFormatComma li.jrCatLevel2:last-child .jrContentDiv:after {
  content: "";
}
.jrDirview.jrFormatComma li.jrCatLevel2 ul {
  display: none;
}
/*************************************
Joomla 2.5 Directory Styles
*************************************/
.jrDirview .jrContentDiv ul {
  margin: 2px;
  padding-left: 20px;
  overflow: hidden;
}
.jrDirview li {
  margin: 0;
}
.jrDirview ul li.jrCatLevel1 {
  float: left;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  background: none;
  font-weight: bold;
  font-size: 1.2em;
}
.jrDirview ul li ul {
  font-weight: normal;
  font-size: 1em;
}
.jrDirview ul li .jrListingThumbnail {
  float: left;
  margin: 0 10px 10px 0;
  border: solid 1px #ccc;
  width: auto;
  overflow: hidden;
  max-width: 100%;
}
.jrDirview ul li .jrContentDiv {
  float: left;
}
.jrDirview ul li.jrCatLevel2 .jrContentDiv {
  float: none;
}
/*************************************
List page header
*************************************/
.jrCategoryList {
  text-align: center;
  margin-bottom: 10px;
}
.jrCategoryList img {
  max-width: 100% !important;
}
.jrCategoryTitle {
  margin-top: 8px;
}
a.jrAddListing.jrButton {
  float: right;
  margin: 0 0 10px;
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
a.jrAddListing.jrButton:hover,
a.jrAddListing.jrButton:focus,
a.jrAddListing.jrButton.jrFocus,
a.jrAddListing.jrButton:active,
a.jrAddListing.jrButton.jrActive {
  color: #fff;
  background-color: #3071a9;
  border-color: #3379b5;
}
a.jrAddListing.jrButton:active,
a.jrAddListing.jrButton.jrActive {
  background-image: none;
}
a.jrAddListing.jrButton.jrDisabled,
a.jrAddListing.jrButton[disabled],
fieldset[disabled] a.jrAddListing.jrButton,
a.jrAddListing.jrButton.jrDisabled:hover,
a.jrAddListing.jrButton[disabled]:hover,
fieldset[disabled] a.jrAddListing.jrButton:hover,
a.jrAddListing.jrButton.jrDisabled:focus,
a.jrAddListing.jrButton[disabled]:focus,
fieldset[disabled] a.jrAddListing.jrButton:focus,
a.jrAddListing.jrButton.jrDisabled.jrFocus,
a.jrAddListing.jrButton[disabled].jrFocus,
fieldset[disabled] a.jrAddListing.jrButton.jrFocus,
a.jrAddListing.jrButton.jrDisabled:active,
a.jrAddListing.jrButton[disabled]:active,
fieldset[disabled] a.jrAddListing.jrButton:active,
a.jrAddListing.jrButton.jrDisabled.jrActive,
a.jrAddListing.jrButton[disabled].jrActive,
fieldset[disabled] a.jrAddListing.jrButton.jrActive {
  background-color: #428bca;
  border-color: #357ebd;
}
.jrAddListing.jrButton .jrIconAddListing:before {
  color: #fff;
}
.jrListingCategory {
  display: block;
}
/*************************************
Common List page elements
*************************************/
.jrListings {
  /* Listing Titles */
}
.jrListings .jrPageHeader {
  min-height: 25px;
}
.jrListings .jrListingTitle {
  margin: 0 10px 5px 0;
}
.jrListings .jrListingTitle a {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
}
.jrListings .jrListingStatus {
  display: inline-block;
  vertical-align: middle;
}
.jrListLayoutOptions {
  margin: 0 0 10px 0;
  padding: 0;
  float: right;
}
.jrListLayoutOptions .jrButton {
  line-height: 14px;
}
.jrListLayoutOptions span[class^="jrIcon"] {
  padding: 0;
  margin: 0;
}
/*************************************
TABLEVIEW:for list views of type "table"
*************************************/
.jrTableview .jrResults {
  border-collapse: collapse;
  display: table;
}
.jrTableview .jrResults .jrListingActions {
  position: static;
  margin-top: 10px;
}
.jrTableview .jrResults tr:hover .jrListingActionsBox {
  display: inline-block;
}
.jrTableview .jrResults .jrListingInfo {
  line-height: 22px;
  font-size: 0.9em;
  color: #777;
  margin-bottom: 10px;
}
.jrTableview .jrResults .jrListingStatus {
  white-space: nowrap;
}
.jrTableview .jrResults .jrOverallRatings {
  float: none;
  width: 145px;
}
/*************************************
BLOGVIEW - for list views of type "blog"
*************************************/
.jrBlogview .jrListingColumn {
  min-height: 330px;
}
.jrBlogview .jrResults .jrListItem {
  clear: both;
  position: relative;
  margin: 0;
  padding: 14px 0;
}
.jrBlogview .jrResults .jrListItem:before,
.jrBlogview .jrResults .jrListItem:after {
  content: " ";
  display: table;
}
.jrBlogview .jrResults .jrListItem:after {
  clear: both;
}
.jrBlogview .jrResults .jrListItem:first-of-type {
  padding-top: 0;
}
.jrBlogview .jrResults .jrListItem.jrRoundedBox {
  padding: 10px !important;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  background: #fbfbfb;
  border-radius: 2px;
}
.jrBlogview .jrListingContent {
  margin-bottom: 12px;
}
.jrBlogview .jrListingThumbnail {
  float: right;
  margin: 0 0 6px 6px;
  border: 0;
  padding: 0;
}
.jrBlogview .jrListingInfo {
  margin: 0 0 10px 0;
}
.jrBlogview .jrListingStatus {
  margin: 8px 0;
}
.jrBlogview .jrOverallRatings {
  clear: left;
  float: none;
  overflow: hidden;
  margin-bottom: 5px;
}
.jrBlogview .jrOverallEditor {
  float: left;
  margin-right: 10px;
}
.jrBlogview .jrOverallUser {
  float: left;
}
.jrBlogview .jrListingInfo {
  line-height: 22px;
  font-size: 0.9em;
  color: #777;
}
.jrBlogview .jrListingStatus {
  white-space: nowrap;
}
.jrBlogview .jrListingSummary {
  margin: 5px 0;
  clear: left;
}
.jrStyles_compact .jrBlogview .jrListItem {
  min-height: 80px;
}
.jrStyles_compact .jrBlogview .jrListingTitle a {
  display: inline;
}
.jrStyles_compact .jrBlogview .jrListingTitle .jrIconInfo {
  margin: 5px;
}
.jrStyles_compact .jrBlogview .jrListingContent {
  margin-bottom: 0;
}
.jrStyles_compact .jrBlogview .jrListingInfo {
  display: none;
}
.jrStyles_compact .jrBlogview .jrListingActions {
  display: none;
  clear: both;
  background: #e0e0e0;
  border: 0;
  position: absolute;
  bottom: 3px;
  left: 0;
  padding: 8px 0 3px 6px;
  border-radius: 2px;
}
.jrStyles_compact .jrBlogview .jrListItem:hover .jrListingActions {
  display: block;
}
/**********************************************
THUMBVIEW - for list views of type "thumbnail"
***********************************************/
.jrThumbview .jrResults {
  text-align: center;
}
.jrThumbview .jrResults .jrListItem {
  height: 280px;
}
.jrThumbview .jrResults .jrListingThumbnail {
  margin: 8px 0 0;
  width: auto;
  height: 160px;
  position: relative;
  overflow: hidden;
}
.jrThumbview .jrResults .jrListingThumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border: 0;
  border-radius: 3px;
}
.jrThumbview .jrResults .jrListingTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 3px;
  font-size: 13px;
  line-height: 1.2;
}
.jrThumbview .jrResults .jrListingTitle a {
  font-size: 13px;
  line-height: 1.2;
  margin: 0;
}
.jrThumbview .jrResults .jrStatusIndicators {
  display: none;
}
.jrThumbview .jrResults div.jrOverallRatings {
  display: inline-block;
  margin: 5px 0;
  float: none;
  font-size: 0.9em;
  line-height: 1.3;
}
/**********************************************
Masonry
***********************************************/
.jrMasonry .jrResults {
  padding: 15px 0 0 0 ;
  text-align: center;
}
.jrMasonry .jrResults .jrListItem {
  float: left;
  margin: 0 0 10px 0 !important;
  height: auto;
}
.jrMasonry .jrResults .jrListingThumbnail {
  margin: 8px 0;
}
.jrMasonry .jrResults .jrListingTitle {
  margin: 8px 3px;
  font-size: 13px;
  line-height: 1.2;
}
.jrMasonry .jrResults .jrListingTitle a {
  font-size: 13px;
  line-height: 1.2;
  margin: 0;
}
.jrMasonry .jrResults .jrStatusIndicators {
  display: none;
}
.jrMasonry .jrResults div.jrOverallRatings {
  margin: 10px auto;
  width: 148px;
  float: none;
  font-size: 0.9em;
}
.jrMasonry .jrResults .jrListingButtons {
  margin: 10px auto;
}
.jrMasonry .jrMediaList {
  padding-bottom: 40px;
}
.jrMasonry .jrMediaList .jrMediaThumb {
  display: block;
  height: auto;
}
.jrMasonry .jrMediaList .jrMediaThumb a {
  display: block;
  height: auto;
}
.jrMasonry .jrMediaList .jrMediaThumb img {
  width: auto !important;
}
.jrMasonry .jrMediaList .jrMediaInfo {
  margin: 10px 5px 5px 5px;
}
/*************************************
CMSBLOG - for core list views of type "frontpage","blogcategory","blogsection"
NOTE: because of the way J! draws blog entries, jrPage must be wrapped around *each listItem*.  In addition, jrCMSBlog should be added to that div, such that <div class="jrPage jrCMSBlog"><div class="listItem">...</div></div>
*************************************/
.jrCMSBlog {
  text-align: left;
}
.jrCMSBlog div.jrListingTitle,
.jrCMSBlog div.jrListingTitle a {
  font-size: 20px;
  font-weight: normal;
}
.jrCMSBlog div.jrListingInfo {
  padding: 0;
  margin: 5px 0;
}
.jrCMSBlog div.jrOverallRatings {
  clear: left;
  float: none;
  overflow: hidden;
  margin-bottom: 5px;
}
.jrCMSBlog .jrOverallEditor {
  float: left;
  margin-right: 10px;
}
.jrCMSBlog .jrOverallUser {
  float: left;
}
.jrCMSBlog table.jrRatingTable {
  margin-bottom: 7px;
}
.jrCMSBlog td.jrRatingStars {
  padding: 2px 5px 2px 0;
}
.jrCMSBlog td.jrRatingValue {
  padding: 2px 20px 2px 2px;
}
.jrCMSBlog .jrListingSummary {
  margin: 10px 0;
}
.jrCMSBlog .jrListingThumbnail {
  float: right;
  text-align: right;
  margin: 0 0 20px 20px;
  border: solid 1px #ccc;
  padding: 1px;
}
/*************************************
Listing detail page styles
*************************************/
.jrListingDetail h1.contentheading {
  margin: 10px 0;
  display: inline-block;
}
.jrListingDetail h1.contentheading span {
  margin-right: 10px;
}
/*************************************
Listing info
*************************************/
.jrListingDetail .jrListingInfoContainer {
  clear: left;
  margin: 5px 0 7px 0;
  padding: 5px 0 6px 0;
  background: none;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 2px;
}
.jrListingDetail .jrListingInfo {
  padding: 0 5px 5px 5px;
  margin-bottom: 8px;
  font-size: .9em;
  color: #777777;
}
.jrListingDetail .jrListingInfo:before,
.jrListingDetail .jrListingInfo:after {
  content: " ";
  display: table;
}
.jrListingDetail .jrListingInfo:after {
  clear: both;
}
.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:before,
.jrListingDetail .jrListingInfoButtons:after {
  content: " ";
  display: table;
}
.jrListingDetail .jrListingInfoButtons:after {
  clear: both;
}
.jrListingDetail .jrListingButtons {
  float: left;
}
.jrListingDetail .jrListingButtons .jrButton {
  margin-bottom: 10px;
}
/* Overall Ratings */
.jrListingDetail .jrOverallRatings {
  float: left;
}
.jrListingDetail .jrOverallRatings .jrOverallEditor,
.jrListingDetail .jrOverallRatings .jrOverallUser {
  float: left;
}
.jrListingDetail .jrOverallRatings .jrOverallEditor {
  margin: 0 15px 0 0;
}
/*************************************
Main Image & Compact Gallery
*************************************/
.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 > img,
.jrListingMainImage > a > img {
  padding: 0;
  margin: 0 4px 0 0;
  border: 0;
  border-radius: 3px;
}
.jrListingMainImage .jrCompactGallery {
  margin-top: 4px;
  clear: both;
}
.jrListingMainImage .jrCompactGallery .jrMediaThumb {
  margin: 0 4px 4px 0;
  padding: 0;
  float: left;
  position: relative;
}
.jrListingMainImage .jrCompactGallery .jrMediaThumb img {
  margin: 0;
  padding: 0;
  float: none;
  vertical-align: middle;
  border: 0;
  border-radius: 3px;
}
.jrListingMainImage .jrCompactGallery .jrMediaThumb.jrVideo:before {
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 16px;
  height: 16px;
  background-image: url(images/icons_overlay.png);
  background-repeat: no-repeat;
  background-position: -18px 0;
  content: "";
}
.jrListingMainImage .jrCompactGallery .jrMediaThumb.jrVideo:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrMediaButtons {
  clear: right;
  float: right;
  margin-bottom: 10px;
}
.jrMediaButtons.jrMediaLeft {
  clear: left;
  float: left;
}
/* Contact Video Lightbox/Linked below small gallery */
.jrContactVideo {
  clear: right;
  float: right;
  max-width: 360px;
  margin: 0 0 20px 0;
  text-align: center;
}
.jrContactVideo .jrMediaThumb {
  float: none;
  display: inline-block;
  position: relative;
  margin: 0 0 10px 10px;
}
.jrContactVideo .jrMediaThumb img {
  margin: 2px 0 0 2px;
  float: none;
  padding: 1px;
  vertical-align: middle;
  border: 0;
  border-radius: 3px;
}
.jrContactVideo .jrMediaThumb.jrVideo:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
/*************************************
INTRO AND FULL TEXT
*************************************/
.jrListingSummary,
.jrListingDescription,
.jrListingFulltext {
  margin-bottom: 1em;
  line-height: 1.7em;
}
/*************************************
Media
*************************************/
.jrVideoCurrentInfo .jrMediaVideo,
.jrVideoSlider .jrMediaVideo {
  border: 0;
  border-radius: 3px;
}
.jrMediaContainer {
  clear: both;
}
.jrReviewContent .jrMediaContainer {
  margin-bottom: 10px;
}
.jrMediaContainer .jrHeading:first-of-type {
  margin-top: 10px;
}
.jrMediaContainer h4 {
  font-weight: bold;
  text-transform: none;
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px solid #ccc;
}
.jrMediaContainer .jrMediaThumb {
  float: left;
  position: relative;
  border: 0;
  padding: 1px;
  margin: 0 4px 4px 0;
  vertical-align: middle;
  text-align: center;
}
.jrMediaContainer .jrMediaThumb img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
  border-radius: 3px;
}
.jrMediaContainer.jrVideos .jrMediaThumbs:after {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrMediaContainer.jrAttachments ul {
  background: none;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.jrMediaContainer.jrAttachments .jrAttachmentSize,
.jrMediaContainer.jrAttachments .jrAttachmentType,
.jrMediaContainer.jrAttachments .jrAttachmentDownloads,
.jrMediaContainer.jrAttachments .jrAttachmentDownloadButton {
  text-align: right;
}
.jrMediaContainer.jrAttachments .jrAttachmentDescription {
  word-break: break-all;
}
.jrMediaLinks {
  float: right;
  text-transform: none;
  position: relative;
  top: -2px;
}
/*************************************
Audio player
*************************************/
/* Main interface */
.jrAudio .jp-audio {
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #444;
  position: relative;
}
.jrAudio .jp-audio .jp-interface {
  position: relative;
  width: 100%;
  height: 40px;
  background-image: -webkit-linear-gradient(#ccc, #ddd 50%, #ccc);
  background-image: -o-linear-gradient(#ccc, #ddd 50%, #ccc);
  background-image: linear-gradient(#ccc, #ddd 50%, #ccc);
  background-repeat: no-repeat;
}
.jrAudio .jp-interface ul.jp-controls {
  list-style-type: none;
  position: absolute;
  top: 13px;
  left: 13px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.jrAudio .jp-interface ul.jp-controls li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline;
  float: left;
}
.jrAudio .jp-interface ul.jp-controls a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  outline: none;
}
.jrAudio .jp-interface a.jp-play,
.jrAudio .jp-interface a.jp-pause {
  width: 16px;
  height: 16px;
}
.jrAudio .jp-interface a.jp-play {
  background: url("images/audio.png") 0 0 no-repeat;
}
.jrAudio .jp-interface a.jp-play:hover {
  background: url("images/audio.png") 0 -16px no-repeat;
}
.jrAudio .jp-interface a.jp-pause {
  background: url("images/audio.png") -16px 0 no-repeat;
}
.jrAudio .jp-interface a.jp-pause:hover {
  background: url("images/audio.png") -16px -16px no-repeat;
}
/* Progress bar */
.jrAudio .jp-progress-container {
  margin: 0 185px 0 40px;
  padding-top: 15px;
}
.jrAudio .jp-audio .jp-progress {
  overflow: hidden;
  background-color: #ddd;
  width: 100%;
  height: 12px;
}
.jrAudio .jp-seek-bar {
  background: #888;
  width: 0px;
  height: 100%;
  cursor: pointer;
}
.jrAudio .jp-play-bar {
  background: #000;
  width: 0px;
  height: 100%;
}
.jrAudio .jp-seeking-bg {
  background: url("images/audio-preloader.gif") repeat-x;
}
/* Volume bar */
.jrAudio .jp-volume-bar {
  top: 15px;
  right: 13px;
  position: absolute;
  overflow: hidden;
  background: #888;
  width: 50px;
  height: 12px;
  cursor: pointer;
}
.jrAudio .jp-volume-bar-value {
  background: #000;
  width: 0px;
  height: 12px;
}
/* Current time and duration */
.jrAudio .jp-audio .jp-time-holder {
  position: absolute;
  top: 13px;
  right: 105px;
  width: 70px;
  font-size: 11px !important;
}
.jrAudio .jp-current-time,
.jrAudio .jp-duration {
  display: inline;
  font-style: oblique;
}
/* Mute / unmute */
.jrAudio .jp-mute-unmute {
  position: absolute;
  top: 13px;
  right: 75px;
  width: 23px;
}
.jrAudio a.jp-mute,
.jrAudio a.jp-unmute {
  display: block;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  height: 16px;
  outline: none;
}
.jrAudio a.jp-mute {
  background: url("images/audio.png") -46px 0 no-repeat;
  width: 25px;
}
.jrAudio a.jp-mute:hover {
  background: url("images/audio.png") -46px -16px no-repeat;
}
.jrAudio a.jp-unmute {
  background: url("images/audio.png") -28px 0 no-repeat;
  width: 15px;
  display: none;
}
.jrAudio a.jp-unmute:hover {
  background: url("images/audio.png") -28px -16px no-repeat;
}
/* Playlist */
.jrAudio .jp-playlist a {
  outline: none;
}
.jrAudio .jp-playlist-current {
  font-weight: bold;
}
.jrAudio .jp-free-media {
  float: right;
}
/*************************************
Related Listing Widgets
*************************************/
.jrWidget {
  margin-top: 10px;
}
.jrTabs .jrWidget:first-of-type {
  margin-top: 0px;
}
.jrWidget .jrOverallRatings {
  float: none;
}
.jrTabs .jrWidget:first-child .jrHeading {
  margin-top: 0 !important;
}
/*************************************
EDITOR REVIEW ELEMENTS
*************************************/
.jrEditorReviewsSummary {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px 0;
}
.jrEditorReviewsSummaryTitle {
  font-size: 13px;
  font-weight: bold;
}
/*************************************
USER REVIEW SUMMARY
*************************************/
.jrUserReviewsSummary {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px 0;
}
.jrUserReviewsSummaryTitle {
  font-size: 13px;
  font-weight: bold;
}
.jrReviewSummaryInfo {
  margin-bottom: 10px;
}
.jrReviewSummarySidebar {
  margin: 0 20px 15px 15px;
  white-space: nowrap;
}
/* Buttons */
.jrViewAllButton,
.jrBackButton {
  float: right;
  margin-left: 10px !important;
}
/*************************************
Compact Detail page
*************************************/
.jrStyles_compact .jrListingMainImage {
  float: left;
  margin: 0 0 10px 0;
}
.jrStyles_compact .jrListingFulltext {
  float: left;
  width: 50%;
}
.jrListingDetail.jrCompact .jrPathway {
  margin-bottom: 15px;
}
.jrListingDetail.jrCompact h1.contentheading {
  border: 0 !important;
  font-size: 22px !important;
}
.jrListingDetail.jrCompact .jrOverallRatings {
  clear: left;
  float: none;
  overflow: hidden;
}
.jrListingDetail.jrCompact .jrWidget .jrOverallRatings {
  clear: none;
}
.jrListingDetail.jrCompact .jrOverallEditor {
  float: left;
  margin-right: 10px;
}
.jrListingDetail.jrCompact .jrListingInfoButtons {
  margin: 10px 0;
  padding: 0;
  clear: none;
}
.jrListingDetail.jrCompact .jrListingButtons {
  margin: 10px 0;
  float: none;
}
.jrListingDetail.jrCompact .jrListingButtons .jrButton {
  margin-bottom: 5px;
}
.jrListingDetail.jrCompact .contentheading .jrIconInfo {
  margin: 5px;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrOverallRatings {
  clear: right;
  float: none;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrListingButtons {
  float: none;
}
.jrListingDetail.jrCompact .jrCustomFields {
  width: 45%;
  clear: right;
  float: right;
  background: #f0f0f0;
  padding: 10px;
  margin: 10px 0 10px 10px;
  border-radius: 2px;
}
.jrListingDetail.jrCompact.jrMediaLeft .jrCustomFields {
  clear: left;
  float: left;
}
/*************************************
Detail page header cover/logo/avatar
*************************************/
.jrDetailHeader {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 25px auto 65px;
  height: 300px;
  position: relative;
}
.jrListingDetail .jrDetailHeader .jrAuthorInfo {
  position: absolute;
  bottom: -45px;
  left: 185px;
  font-size: 1.1em;
}
.jrDetailHeader.jrHeaderFullWidth {
  margin-bottom: 0;
}
figure.jrHeaderCover {
  left: 0;
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  margin: 0;
}
figure.jrHeaderCover img {
  position: absolute;
  width: 100%;
  top: -100%;
  left: 0;
  right: 0;
  bottom: -100%;
  margin: auto;
  height: 300px;
  object-fit: cover;
}
figure.jrHeaderLogo {
  border: 5px #efefef solid;
  bottom: -50px;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 4px rgba(0, 0, 0, 0.3);
  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 #efefef solid;
  border-radius: 50%;
  bottom: -50px;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 4px rgba(0, 0, 0, 0.3);
  height: 148px;
  left: 35px;
  position: absolute;
  width: 148px;
  z-index: 3;
  background-color: #ccc;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
figure.jrHeaderAvatar img {
  margin: 0;
  padding: 0;
  width: 100%;
}
.jrHeaderInfo {
  bottom: 0;
  left: 0;
  padding: 15px 15px 15px 225px;
  position: absolute;
  right: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.jrHeaderInfo [class^="jrIcon"]:before {
  color: #fff;
}
.jrListingDetail .jrHeaderInfo [class^=jrIcon] {
  margin-right: 10px;
}
.jrListingDetail .jrHeaderInfo [class^=jrIcon]:before {
  font-size: 18px;
}
.jrHeaderInfo h1 {
  display: inline-block;
  font-size: 30px;
  z-index: 5;
  font-weight: 400;
  margin: 0 10px 5px 0;
  padding: 0;
  color: #fff;
}
.jrHeaderInfo h1 a {
  color: #fff;
  text-decoration: none;
}
.jrHeaderInfo.jrHeaderFullWidth {
  padding-left: 15px;
}
.jrHeaderBelowCover {
  position: absolute;
  left: 225px;
  top: 315px;
  z-index: 5;
}
.jrListingDetail .jrHeaderBelowCover {
  position: relative;
  top: 0;
  left: 0;
  margin: 10px 0;
}
@media (max-width: 767px) {
  figure.jrHeaderLogo,
  figure.jrHeaderAvatar {
    height: 128px;
    width: 128px;
    left: 20px;
    bottom: -30px;
  }
  .jrHeaderInfo {
    padding: 15px 15px 15px 170px;
  }
  .jrHeaderBelowCover {
    left: 170px;
  }
  .jrListingDetail .jrDetailHeader .jrAuthorInfo {
    left: 155px;
    bottom: -45px;
  }
  .jrListingDetail .jrHeaderInfo h1 {
    font-size: 26px;
  }
  .jrListingDetail .jrHeaderInfo .jrListingStatus {
    clear: left;
    float: left;
    margin-top: 10px;
  }
}
@media (max-width: 550px) {
  figure.jrHeaderLogo,
  figure.jrHeaderAvatar {
    height: 128px;
    width: 128px;
    left: 15px;
    bottom: none;
    top: 15px;
  }
  .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) {
  figure.jrHeaderLogo,
  figure.jrHeaderAvatar {
    left: 10px;
    top: 10px;
  }
  .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: #ddd;
}
.jrReviewVoting {
  margin-top: 8px;
}
.jrVoteYes,
.jrVoteNo {
  margin-left: 8px;
}
.jrVoteYes .count-text {
  color: green;
}
.jrVoteNo .count-text {
  color: red;
}
.jrSubmitterDetails,
.jrSubmitterDetails a {
  margin-top: 8px;
  color: #9e9e9e;
}
.jrReviewHeader {
  width: 100%;
}
.jrReviewDate {
  float: right;
  margin-bottom: 10px;
  color: #777777;
}
.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: 15px;
  background: #eee;
  font-style: italic;
  margin-bottom: 10px;
  border-radius: 9px;
}
.jrOwnerReply button {
  margin-top: 5px;
}
.jrOwnerReply .jrOwnerReplyTitle {
  margin: 5px 0;
  font-weight: bold;
}
.jrDiscussion .jrListing {
  padding-bottom: 10px;
}
.jrDiscussion .jrListingThumbnail {
  float: right;
  width: 150px;
}
.jrReviewSearch {
  display: inline-block;
}
.jrReviewSearch.jrRight {
  float: none;
}
.jrReviewSearch .jrButton {
  padding: 4px 8px;
  font-size: 13px;
  line-height: 1.5384;
  border-radius: 2px;
}
.jr-review-add.jrButton {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.jr-review-add.jrButton [class^="jrIcon"]:before {
  color: #fff;
}
.jr-review-add.jrButton:hover,
.jr-review-add.jrButton:focus,
.jr-review-add.jrButton.jrFocus,
.jr-review-add.jrButton:active,
.jr-review-add.jrButton.jrActive {
  color: #fff;
  background-color: #3071a9;
  border-color: #3379b5;
}
.jr-review-add.jrButton:active,
.jr-review-add.jrButton.jrActive {
  background-image: none;
}
.jr-review-add.jrButton.jrDisabled,
.jr-review-add.jrButton[disabled],
fieldset[disabled] .jr-review-add.jrButton,
.jr-review-add.jrButton.jrDisabled:hover,
.jr-review-add.jrButton[disabled]:hover,
fieldset[disabled] .jr-review-add.jrButton:hover,
.jr-review-add.jrButton.jrDisabled:focus,
.jr-review-add.jrButton[disabled]:focus,
fieldset[disabled] .jr-review-add.jrButton:focus,
.jr-review-add.jrButton.jrDisabled.jrFocus,
.jr-review-add.jrButton[disabled].jrFocus,
fieldset[disabled] .jr-review-add.jrButton.jrFocus,
.jr-review-add.jrButton.jrDisabled:active,
.jr-review-add.jrButton[disabled]:active,
fieldset[disabled] .jr-review-add.jrButton:active,
.jr-review-add.jrButton.jrDisabled.jrActive,
.jr-review-add.jrButton[disabled].jrActive,
fieldset[disabled] .jr-review-add.jrButton.jrActive {
  background-color: #428bca;
  border-color: #357ebd;
}
.jrReviewList {
  margin: 0 0 15px 0;
}
.jrReviewList div.jrListingInfo {
  margin-bottom: 5px;
  padding: 0;
  border: 0;
}
.jrReviewList .jrListingTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.jrReviewList .jrRatingInfo {
  clear: right;
  float: right;
  margin: 5px 0 10px 15px;
}
.jrReviewList .jrPathway {
  margin-bottom: 0;
}
.jrPostUpdated {
  margin-left: 5px;
}
.jrPostComment {
  margin: 10px 0;
}
.jrDiscussionLayoutRight {
  float: right;
  width: calc(90% - 80px);
}
.jrDiscussionLayoutLeft {
  float: left;
  width: calc(10% + 50px);
}
.jrDiscussion .jrListing {
  clear: both;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  margin: 0 0 10px 0 !important;
  padding-top: 10px;
}
.jrDiscussion .jrListingTitle,
.jrDiscussion .jrListingTitle a {
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1.3em;
}
.jrDiscussion .jrListingCategory {
  margin-bottom: 8px;
}
.jrDiscussion .jrListingAuthor {
  display: inline-block;
  margin-bottom: 0;
}
.jrDiscussion .jrListingThumbnail {
  padding: 1px;
  margin-right: 5px;
}
.jrDiscussion .jrPostNewComment {
  margin: 15px 0 15px 0;
}
.jrDiscussion .jrPostCommentReply {
  margin-top: 5px;
  font-size: 1.05em;
}
.jrDiscussion .jrCommentReply {
  margin-left: 15px;
}
.jrDiscussion .jrReviewComments {
  margin-top: 20px;
  word-wrap: break-word;
}
.jrDiscussion .jrPostList .jrPost {
  padding: 15px 0;
}
.jrDiscussion .jrPostList .jrListingTitle {
  margin-right: 10px;
}
.jrDiscussion .jrPostList .jrCommentReviewTitle {
  font-weight: bold;
}
.jrCommentPopupText {
  margin: 10px 5px 10px 30px;
}
/*************************************
Reviewer Rank Page
*************************************/
.jrReviewerRank .jrTableGrid {
  border-collapse: collapse;
}
.jrReviewerRank .jrDataListHeader {
  border-bottom: 0;
}
.jrRankLayoutRight {
  float: right;
  width: calc(90% - 80px);
}
.jrRankLayoutLeft {
  float: left;
  width: calc(10% + 50px);
}
/*************************************
Reviewer Rank Module
*************************************/
.jrModuleItems .jrReviewerRankModule .jrModuleItemThumbnail {
  margin-left: 25px;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailLeft .jrModuleItemThumbnail,
.jrModuleItems .jrReviewerRankModule .jrThumbnailRight .jrModuleItemThumbnail {
  position: absolute;
  top: 50%;
  height: 64px;
  margin: -32px 0 0 0;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailLeft .jrModuleItemThumbnail {
  left: 25px;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailRight .jrModuleItemThumbnail {
  right: 0;
}
.jrModuleItems .jrReviewerRankModule .jrAvatar {
  height: 55px;
  width: 55px;
  margin: 0;
}
.jrModuleItems .jrReviewerRankModule .jrAvatar img {
  width: 55px;
}
.jrModuleItems .jrReviewerRankModule .jrModuleItem {
  position: relative;
}
.jrModuleItems .jrReviewerRankModule .jrModuleItemNumber {
  position: absolute;
  top: 50%;
  height: 25px;
  margin-top: -12.5px;
}
.jrModuleItems .jrReviewerRankModule .jrModuleItemContent {
  margin-left: 25px;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailLeft .jrModuleItemContent {
  margin-left: 100px;
}
.jrModuleItems .jrReviewerRankModule .jrThumbnailRight .jrModuleItemContent {
  margin-right: 70px;
}
/******************************************
Shared layout styles for modules & plugins
*******************************************/
.jrModuleItems {
  line-height: 1.4em;
}
.jrModuleItems .jrResults {
  border-top: 0;
  padding-top: 5px;
  overflow: hidden;
}
.jrModuleItems .jrModuleItem {
  float: left;
  padding-right: 10px;
  margin: 0;
  overflow: hidden;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.jrModuleItems .jrModuleItemContent {
  overflow: hidden;
}
.jrModuleItems .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrModuleItems .jrModuleItemNumber {
  font-weight: bold;
  margin: 0 5px 5px 0;
  float: left;
}
.jrModuleItems .jrModuleItemThumbnail {
  float: left;
  margin: 0 10px 10px 0;
  text-align: center;
}
.jrModuleItems.jrThumbnailRight .jrModuleItemThumbnail {
  float: right;
  margin: 0 10px 10px 10px;
}
.jrModuleItems.jrThumbnailBottom .jrModuleItemThumbnail {
  clear: both;
}
.jrModuleItems .jrModuleItemThumbnail a {
  display: block;
}
.jrModuleItems .jrModuleItemThumbnail img {
  max-width: 100%;
  max-width: none\9 !important;
  border-radius: 2px;
}
.jrModuleItems .jrModuleItemThumbnail .jrButton {
  margin-top: 5px;
}
.jrModuleItems.jrThumbnailTop .jrModuleItemContent {
  clear: both;
}
.jrModuleItems .jrModuleItemTitle {
  margin-bottom: 5px;
  white-space: normal;
}
.jrModuleItems .jrModuleItemCategory,
.jrModuleItems .jrModuleItemReviewer,
.jrModuleItems .jrModuleFieldDiv {
  margin-bottom: 5px;
}
.jrModuleItems .jrModuleFieldDiv .jrModuleFieldValue .jrFieldValueList,
.jrModuleItems .jrModuleFieldDiv .jrModuleFieldValue .jrFieldValueList li {
  display: inline;
  float: none;
  white-space: normal;
}
.jrModuleItems .jrModuleItemInfo {
  margin-bottom: 5px;
  border: 0;
}
.jrModuleItems .jrModuleItemInfo:after {
  display: none;
}
.jrModuleItems div.jrOverallRatings {
  float: none;
  margin-bottom: 5px;
}
.jrModuleItems .jrOverallRatings div.jrOverallEditor,
.jrModuleItems .jrOverallRatings div.jrOverallUser {
  float: none;
  display: inline-block;
  margin-right: 8px;
}
.jrModuleItems .jrOverallRatings .jrRatingLabel {
  /*display: none;*/
}
.jrModuleItems .jrOverallRatings .jrRatingValue {
  float: none;
}
.jrModuleItems .jrDivider {
  border: 0;
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 2.5px;
}
.jrModuleItems.fade {
  opacity: 1 !important;
  /* prevents conflicts with Bootstrap fade effect */
}
/* Vertical layout */
.jrModuleItems .jrVerticalLayout {
  border-bottom: 1px solid #ddd;
}
.jrModuleItems .jrVerticalLayout .jrModuleItemNumber {
  width: 15px;
}
.jrModuleItems .jrVerticalLayout .jrModuleItemThumbnail {
  margin: 0 5px 5px 0;
}
.jrModuleItems .jrVerticalLayout .jrModuleItemThumbnail img {
  width: 25px !important;
  height: 25px !important;
}
.jrModuleItems .jrVerticalLayout .jrModuleFields {
  float: right;
}
.jrModuleItems .jrVerticalLayout .jrModuleFields .jrModuleFieldTitle {
  display: none;
}
/* Slideshow layout */
.jrModuleItems .jrSlideshowLayout {
  margin-bottom: 5px;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail {
  width: 100%;
  height: 230px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemContent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #222;
  background: rgba(0, 0, 0, 0.6);
}
.jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:link,
.jrModuleItems .jrSlideshowLayout a.jrModuleItemTitle:visited {
  display: block;
  width: 97%;
  padding: 3%;
  color: #eee;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemInfo {
  display: none;
  width: 97%;
  padding: 0 3% 3%;
  margin: 0;
  color: #fff !important;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemInfo a {
  display: inline;
  color: #fff !important;
  font-weight: bold;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail a.jrModuleItemTitle:hover {
  color: #fff !important;
}
.jrModuleItems .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo {
  display: block;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings {
  position: absolute;
  background: #222;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  right: 0;
  margin: 0;
  padding: 2px;
  width: 100%;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrRatingValue {
  color: #eee;
}
.jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrOverallEditor,
.jrModuleItems .jrSlideshowLayout .jrOverallRatings .jrOverallUser {
  float: right;
  margin-left: 10px;
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor div {
  background-image: url(images/rating_stars_dark.png);
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle2,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle2,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle2 div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle2 div {
  background-image: url(images/rating_stars_2_dark.png);
}
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle3,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle3,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsUser.jrRatingsStyle3 div,
.jrModuleItems .jrSlideshowLayout .jrRatingStarsEditor.jrRatingsStyle3 div {
  background-image: url(images/rating_bars_dark.png);
}
/* Title animation */
.jrModuleSlider .jrSlideshowLayout .jrModuleItemInfo {
  display: block;
  padding: 0;
  max-height: 0px;
  -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.jrModuleSlider .jrSlideshowLayout .jrModuleItemThumbnail:hover .jrModuleItemInfo {
  padding: 0 0 1em 0;
  max-height: 100px;
}
/* Module links */
.jrModuleLinks {
  margin: 10px 0;
  padding: 0;
}
.jrModuleLinks li {
  list-style-type: none;
  margin: 0 10px 0 0;
  padding: 0;
  display: inline;
}
/*************************************
Module Slider Pagination
*************************************/
/* Reset and layout */
.jrModuleSlider .bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  direction: ltr;
}
.jrModuleSlider .bx-wrapper img {
  max-width: 100%;
  display: block;
}
.jrModuleSlider .bx-wrapper .bx-controls {
  position: relative;
  height: 55px;
}
.jrModuleSlider .bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  transform: translatez(0);
}
.jrModuleSlider .bx-wrapper .bx-pager,
.jrModuleSlider .bx-wrapper .bx-controls-auto {
  width: 100%;
}
.jrModuleSlider .bx-wrapper .bx-loading {
  min-height: 50px;
  background: none;
  /*url(images/bx_loader.gif) center center no-repeat #ffffff;*/
  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: bold;
  color: #bdbdbd;
  position: absolute;
  top: 30px;
  z-index: 998;
}
.jrModuleSlider .bx-wrapper .bx-pager .bx-pager-item,
.jrModuleSlider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}
.jrModuleSlider .bx-wrapper .bx-pager.bx-default-pager a {
  background: #bdbdbd;
  text-indent: -500px;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
  box-shadow: none;
}
.jrModuleSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.jrModuleSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #616161;
}
.jrModuleSlider .bx-wrapper .bx-prev,
.jrModuleSlider .bx-wrapper .bx-next {
  display: inline-block;
  border-right: 5px solid #616161;
  border-bottom: 5px solid #616161;
  width: 16px;
  height: 16px;
  background: none;
}
.jrModuleSlider .bx-wrapper .bx-prev {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  -o-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.jrModuleSlider .bx-wrapper .bx-next {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.jrModuleSlider .bx-wrapper .bx-controls-direction {
  text-align: center;
  margin: 25px 0;
  position: absolute;
  text-align: left;
  z-index: 999;
}
.jrModuleSlider .bx-wrapper .bx-controls-direction a.disabled {
  border-color: #ccc;
}
.jrModuleSlider .bx-wrapper .bx-controls-direction a {
  outline: 0;
  text-indent: -500px;
  overflow: hidden;
  font: 10px monospace;
  letter-spacing: -10px;
  z-index: 999;
  margin: 0 5px;
  box-shadow: none;
}
.jrModuleSlider.jrSliderVertical .bx-wrapper .bx-prev {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  position: relative;
  top: 8px;
}
.jrModuleSlider.jrSliderVertical .bx-wrapper .bx-next {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jrModuleSlider.jrSliderVertical .bx-controls-direction a {
  margin: -5px 10px;
}
.jrModuleSlider.jrSliderSideArrows {
  margin: 0 25px;
}
.jrModuleSlider.jrSliderSideArrows .bx-controls-direction a {
  margin: -11px 10px;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-pager,
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls,
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls-direction {
  position: static;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: -15px;
  bottom: auto;
  top: 50%;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-controls {
  height: 0;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-prev {
  width: 18px;
  height: 18px;
  left: -40px;
}
.jrModuleSlider.jrSliderSideArrows .bx-wrapper .bx-next {
  width: 18px;
  height: 18px;
  left: auto;
  right: -40px;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleItems {
  width: auto;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleContainer {
  float: none !important;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleContainer:not(:first-child) {
  display: none;
}
.jrModuleSlider.jrSliderSinglePage .jrModuleItems.vertical {
  height: auto;
  width: auto;
}
/*************************************
JReviews Adv. Search Module
*************************************/
.jrAdvSearchModule.jrRoundedPanel {
  padding: 10px;
}
.jrAdvSearchModule.jrForm .jrFieldDiv {
  line-height: 30px;
}
.jrAdvSearchModule.jrForm .jrSelect,
.jrAdvSearchModule.jrForm .jrKeywords,
.jrAdvSearchModule.jrForm .jrText,
.jrAdvSearchModule.jrForm .jrAutoSuggest {
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .jrAdvSearchModule.jrForm .jrFieldDiv {
    float: none;
    clear: both;
  }
  .jrAdvSearchModule.jrForm .jrSelect,
  .jrAdvSearchModule.jrForm .jrKeywords,
  .jrAdvSearchModule.jrForm .jrText,
  .jrAdvSearchModule.jrForm .jrAutoSuggest {
    width: 100%;
  }
}
.jrAdvSearchModule {
  position: relative;
}
.jrAdvSearchSuggest {
  display: none;
  position: absolute;
  z-index: 1010;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: rgba(0, 0, 0, 0.3) 0 4px 8px 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.jrAdvSearchModule.jrRoundedPanel .jrAdvSearchSuggest {
  border-radius: 0;
  margin: 2px -1px;
}
.jrAdvSearchSuggest .jrOverallRatings .jrRatingLabel {
  margin: 0;
}
.jrAdvSearchSuggest .jrSearchResults {
  color: #333;
  padding: 10px;
}
.jrAdvSearchSuggest .jrModuleItem {
  float: left;
  padding-right: 10px;
  margin: 0 0 10px 0;
  overflow: hidden;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.jrAdvSearchSuggest .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrAdvSearchSuggest .jrModuleItem .jrModuleItemThumbnail {
  float: left;
  width: 50px;
  max-height: 50px;
  border: 0;
  margin-right: 5px;
  overflow: hidden;
}
.jrAdvSearchSuggest .jrModuleItem .jrModuleItemThumbnail img {
  border-radius: 2px;
}
.jrAdvSearchSuggest .jrModuleItem .jrModuleItemContent {
  text-align: left;
  line-height: 22px;
  font-size: 13px;
  padding-right: 15px;
  overflow: hidden;
}
.jrAdvSearchSuggest .jrModuleItem .jrOverallRatings {
  float: none;
}
.jrAdvSearchSuggest .jrModuleItem .jrOverallRatings .jrOverallEditor,
.jrAdvSearchSuggest .jrModuleItem .jrOverallRatings .jrOverallUser {
  padding: 0;
  margin: 0;
  display: inline-block;
  margin-right: 10px;
}
.jrAdvSearchSuggest .jrDivider {
  border: 0;
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 2.5px;
}
.jrAdvSearchSuggest .jrViewAllResults {
  background: #eee;
  border-top: 1px solid #ddd;
  padding: 5px;
  line-height: 1.4;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.jrAdvSearchSuggest .jrCloseLiveResults {
  position: absolute;
  right: 2px;
  bottom: 2px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.jrAdvSearchSuggest .jrIconClose {
  margin: 4px;
}
.jrAdvSearchSuggest .jrBeforeMessage {
  padding: 10px 10px 0 10px;
}
/* Overrides for results embedded listing form */
.jrListingCreate .jrAdvSearchSuggest {
  position: relative;
}
.jrListingCreate .jrAdvSearchSuggest .jrSearchResults {
  padding: 10px 0 0 10px;
}
.jrListingCreate .jrAdvSearchSuggest .jrDivider {
  padding: 0;
  line-height: 0;
}
.jrListingCreate .jrAdvSearchSuggest .jrModuleItem {
  margin: 0 0 5px 0;
}
/*************************************
JReviews Media Module
*************************************/
.jrModuleItems .jrMediaModule .jrModuleItem {
  position: relative;
}
.jrModuleItems .jrMediaModule .jrModuleItemThumbnail {
  margin: 0 3px 3px 0;
  float: none;
  display: inline-block;
}
.jrModuleItems .jrMediaModule .jrModuleItemThumbnail img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
  height: auto !important;
}
.jrModuleItems .jrMediaModule .jrModuleItemOverlay {
  position: relative;
}
.jrModuleItems .jrModuleItemOverlay.jrMediaTypeIcon:before {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background-image: url(images/icons_overlay.png);
  background-repeat: no-repeat;
  content: "";
}
.jrModuleItems .jrMediaTypePhoto .jrModuleItemOverlay:before {
  background-position: 0 0;
}
.jrModuleItems .jrMediaTypeVideo .jrModuleItemOverlay:before {
  background-position: -18px 0;
}
.jrModuleItems .jrMediaTypeAudio .jrModuleItemOverlay:before {
  background-position: -36px 0;
}
.jrModuleItems .jrMediaTypeAttachment .jrModuleItemOverlay:before {
  background-position: -52px 0;
}
.jrModuleItems .jrModuleItemOverlay.jrNoTypeIcon:before {
  display: none;
}
.jrModuleItems .jrMediaTypeVideo .jrModuleItemOverlay:after {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 2px;
  content: attr(data-duration);
}
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaTitle,
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaDescription,
.jrModuleItems .jrMediaInfo.jrPopup .jrMediaFrom {
  margin: 0 0 5px 0;
}
/******************************************
Directory Module
*******************************************/
.jrDirectoryExpanded {
  padding: 0;
  margin: 0;
}
.jrDirectoryExpanded li {
  background: none !important;
  list-style-image: url(images/breadcrumb.png);
}
.jrDirectoryExpanded > li {
  list-style: none;
}
/*************************************
JReviews Fields & Range Modules
*************************************/
.jrFieldsModule {
  border-top: solid 0px #ccc;
  padding-top: 15px;
  display: inline;
}
.jrFieldsModule ul {
  overflow: hidden;
  margin-left: 0;
  padding-left: 0;
}
.jrFieldsModule ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}
.jrFieldsModule.jrHorizontalLayout ul {
  overflow: hidden;
}
.jrFieldsModule.jrHorizontalLayout ul li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
  float: left;
  width: 33%;
  display: block;
}
.jrFieldsModule.jrTagsLayout ul {
  text-align: left;
}
.jrFieldsModule.jrTagsLayout ul li {
  float: none;
  width: auto;
  display: inline-block;
}
.jrFieldsModule.jrTagsLayout ul li a {
  display: inline-block;
  padding: 3px 5px;
  margin: 0 5px 5px 0;
  color: #222;
  background: #eee;
  border-radius: 4px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.jrFieldsModule.jrTagsLayout ul li a:hover,
.jrFieldsModule.jrTagsLayout ul li a.jrActive {
  text-decoration: none;
  background: #333;
  color: #fff;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionSmallest {
  font-size: 0.8em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionSmall {
  font-size: 0.9em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionMedium {
  font-size: 1em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionLarge {
  font-size: 1.1em;
}
.jrFieldsModule.jrTagsLayout.jrTagCloud ul li a.jrOptionLargest {
  font-size: 1.2em;
}
.jrFieldsModule .jrFieldOptionImage {
  margin: 0 5px;
}
.jrFieldsModule ul li.jrOptionHidden {
  display: none;
}
/*************************************
JReviews Favorite Users Module
*************************************/
.jrFavoritesModule {
  border-top: 0;
  overflow: hidden;
}
.jrFavoritesModule .jrModuleItem {
  float: left;
  padding-right: 10px;
  margin: 0 0 10px 0;
  text-align: center;
}
.jrFavoritesModule .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrFavoritesModule .jrModuleItem a {
  display: block;
  text-align: center;
  width: 99%;
  margin: 0 auto;
}
.jrFavoritesModule .jrUserAvatar {
  margin: 0 auto 5px;
  padding: 1px;
  overflow: hidden;
  display: block;
}
.jrFavoritesModule .jrUserAvatar .jrAvatar {
  width: 65px;
  text-align: center;
}
.jrFavoritesModule .jrDivider {
  border: 0;
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 2.5px;
}
.favoriteListingTitle {
  font-weight: normal;
  line-height: 1.2em;
  margin-bottom: 10px;
}
/*************************************
Calendar
*************************************/
.jrModuleCalendar {
  margin: 0 auto;
  max-width: 500px;
  min-width: 200px;
}
.jrModuleCalendar .jrModuleCalendarDescription {
  margin-bottom: 10px;
}
.jrModuleCalendar .clndr {
  overflow: hidden;
  margin-bottom: 10px;
}
.jrModuleCalendar .clndr .controls {
  background-color: #444;
  color: #fff;
}
.jrModuleCalendar .clndr .controls .clndr-previous-button,
.jrModuleCalendar .clndr .controls .clndr-next-button {
  width: 15%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.jrModuleCalendar .clndr .controls .clndr-previous-button:hover,
.jrModuleCalendar .clndr .controls .clndr-next-button:hover {
  background-color: #333;
}
.jrModuleCalendar .clndr .controls .month {
  width: 70%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.jrModuleCalendar .clndr .days-container .days {
  overflow: hidden;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
  background-color: #ebebeb;
}
.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: #212121;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.jrModuleCalendar .clndr .days-container .days .day.today {
  color: #dd5c42;
  font-weight: bold;
}
.jrModuleCalendar .clndr .days-container .days .day.event,
.jrModuleCalendar .clndr .days-container .days .empty.event {
  background-color: #bfe1b0;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  cursor: pointer;
}
.jrModuleCalendar .clndr .days-container .days .day.event:hover,
.jrModuleCalendar .clndr .days-container .days .empty.event:hover {
  background-color: #8dc973;
}
.jrModuleCalendar .clndr .days-container .days .day.adjacent-month,
.jrModuleCalendar .clndr .days-container .days .empty.adjacent-month {
  color: rgba(0, 0, 0, 0.3);
}
.jrModuleCalendar .clndr .days-container .days .empty {
  height: 31px;
  vertical-align: bottom;
}
.jrModuleCalendar .clndr .days-container .days .headers {
  overflow: hidden;
  background-color: #aaa;
}
.jrModuleCalendar .clndr .days-container .days .headers .day-header {
  float: left;
  width: 14.2857%;
  padding: 5px 0;
  display: inline-block;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
/*******************************************************
My Listings, My Reviews & My Favorites Plugins - overrides to prevent JomSocial conflicts
*******************************************************/
.jrPlugin {
  padding-top: 5px !important;
}
.jrPlugin .jrModuleItem.jrLastItem {
  padding-right: 0px !important;
}
.jrPlugin .jrModuleItemNumber {
  margin: 0 5px 5px 0 !important;
}
.jrPlugin .jrModuleItemThumbnail {
  margin: 0 10px 10px 0 !important;
}
.jrPlugin .jrModuleItems .jrModuleItemCategory {
  margin-bottom: 5px !important;
}
.jrPlugin .jrModuleItemThumbnail label {
  display: inline !important;
}
.jrPlugin .jrModuleItemTitle {
  margin-bottom: 5px !important;
}
.jrPlugin .jrModuleItemInfo {
  margin-bottom: 5px !important;
}
.jrPlugin .jrOverallRatings {
  margin-bottom: 5px !important;
}
.jrPlugin .jrDivider {
  padding: 2.5px !important;
}
.jrPlugin .jrRatingStarsUser,
.jrPlugin .jrRatingStarsEditor,
.jrPlugin .jrRatingStarsUser div,
.jrPlugin .jrRatingStarsEditor div {
  background: url(images/rating_stars.png) 0 0 repeat-x !important;
}
.jrPlugin .jrRatingStarsUser div {
  background-position: 0 -16px !important;
}
.jrPlugin .jrRatingStarsEditor div {
  background-position: 0 -32px !important;
}
/*************************************
Form Container - Outer box for form
*************************************/
.jrFormContainer,
.jrReviewForm {
  border: 0;
  background: #fff;
  padding: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.jrDialog.ui-dialog .jrFormContainer,
.jrDialog.ui-dialog .jrReviewForm {
  box-shadow: none;
}
.jrForm,
#es form.jrForm {
  margin-bottom: 10px;
  text-align: left;
}
.jrForm,
.jrForm.jrFormContainer,
.jrForm.jrReviewForm,
#es form.jrForm {
  padding: 28px 28px 14px;
}
.jrForm.jrFiltersModule,
.jrForm.jrReviewSearch {
  padding: 0;
}
.jrForm label {
  display: inline;
  margin-left: 3px;
  font-size: 0.9em;
}
/******************************
Fields
*******************************/
.jrForm .jrFieldDiv {
  margin: 0 0 10px 0;
  padding: 1px 0;
  position: relative;
  overflow: hidden;
}
.jrForm .jrFieldDiv:last-child {
  margin: 0;
}
.jrForm .jrFieldDiv.jrInputError input {
  border-color: #a94442;
}
.jrForm .jrFieldDiv label,
.jrFieldDiv #es .jrForm label {
  font-weight: 300;
  display: block;
  float: none;
  margin: 0 0 3px 0;
  color: #333;
}
.jrForm .jrFieldDiv label.jrLabel {
  font-size: 1em;
  font-weight: 400;
}
.jrForm .jrFieldDiv label.error {
  color: #ff0000;
}
.jrForm input[type="text"],
.jrForm input[type="email"],
.jrForm input[type="url"],
.jrForm input[type="number"],
.jrForm input[type="password"],
.jrForm textarea,
.jrForm select,
.jrFormChooser .jrSelect,
.jrPagination select,
.jrPagination select[size],
.jrListSearch select,
.jrListSearch input[type="text"],
.jrMediaFilter select,
.jrMediaFilter select[size],
#es form.jrForm input[type="text"],
#es form.jrForm input[type="email"],
#es form.jrForm input[type="url"],
#es form.jrForm input[type="number"],
#es form.jrForm input[type="password"] {
  font-weight: normal;
  outline: 0;
  float: none;
  background: #fff;
  font-size: 1em;
  height: 2.6em;
  line-height: 2.6em;
  vertical-align: top;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: none;
}
.jrForm input[type="text"],
.jrForm input[type="email"],
.jrForm input[type="url"],
.jrForm input[type="number"],
.jrForm input[type="password"],
.jrListSearch input[type="text"],
#es form.jrForm input[type="text"],
#es form.jrForm input[type="email"],
#es form.jrForm input[type="url"],
#es form.jrForm input[type="number"],
#es form.jrForm input[type="password"] {
  padding: 0 10px;
  margin: 0 5px 0 0;
}
.jrForm textarea,
.jrForm .jrCode:not(.jrFieldDiv),
.jrForm .jrTextArea:not(.jrFieldDiv) {
  width: 100%;
  padding: 10px;
  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: 3px;
  box-shadow: none;
}
.jrForm input[type="text"]:focus,
.jrForm input[type="email"]:focus,
.jrForm input[type="url"]:focus,
.jrForm input[type="number"]:focus,
.jrForm input[type="password"]:focus,
.jrForm textarea:focus,
.jrForm select:focus,
#es form.jrForm input[type="text"]:focus,
#es form.jrForm input[type="email"]:focus,
#es form.jrForm input[type="url"]:focus,
#es form.jrForm input[type="number"]:focus,
#es form.jrForm input[type="password"]:focus {
  outline: none;
  border-color: #ddd;
}
.jrForm input[type=radio],
.jrForm input[type=checkbox],
#es form.jrForm input[type=radio],
#es form.jrForm input[type=checkbox] {
  background-image: none;
  margin: 0 2px;
}
.jrForm input[type="text"].jrTitle,
.jrForm input[type="url"].jrWebsite:not(.jrFieldDiv),
.jrForm input[type="email"].jrEmail:not(.jrFieldDiv),
#es form.jrForm input[type="text"].jrTitle,
#es form.jrForm input[type="url"].jrWebsite:not(.jrFieldDiv),
#es form.jrForm input[type="email"].jrEmail:not(.jrFieldDiv) {
  width: 40em;
}
.jrForm input[type="text"].jrTitleMedium,
#es form.jrForm input[type="text"].jrTitleMedium {
  width: 25em;
}
.jrForm input[type="text"].jrText,
#es form.jrForm input[type="text"].jrText {
  width: 20em;
}
.jrForm .jrEmail:not(.jrFieldDiv.jrEmail) {
  width: 20em;
}
.jrForm input[type="text"].jrKeywords,
.jrForm input[type="text"].jrName,
.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"].jrAutoSuggest {
  width: 15em;
}
.jrForm input[type="text"].jrAutoSuggest,
#es form.jrForm input[type="text"].jrAutoSuggest {
  float: left !important;
}
.jrForm select,
.jrFormChooser .jrSelect,
.jrPagination select,
.jrPagination select[size],
.jrListSearch select,
.jrMediaFilter select,
.jrMediaFilter select[size] {
  display: inline-block;
}
.jrForm .jrDecimal,
.jrForm .jrInteger {
  width: 8em;
}
.jrForm .jrDate {
  width: 90px !important;
}
.jrForm .jrSelect,
.jrForm .jrSelectMultiple {
  margin-right: 5px;
}
.jrForm .jrSelect[multiple],
.jrForm .jrSelectMultiple {
  height: auto;
  margin-bottom: 5px;
}
.jrForm .jrSelect[multiple] option,
.jrForm .jrSelectMultiple option {
  height: auto;
  line-height: 1.6;
  padding: 4px 10px;
}
.jrForm .jrSearchOptions {
  margin-right: 4px;
  width: auto !important;
}
.jrForm .jrButtons {
  margin: 20px 0 0 0 !important;
}
.jrForm input.button,
.jrForm input.jrButton,
#es form.jrForm input.button,
#es form.jrForm input.jrButton {
  width: auto !important;
  margin: 0;
}
.jrForm .jrFieldBefore {
  float: right;
  margin: 0;
  padding: 2px 4px;
  background-color: #999;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  border-radius: 3px;
}
.jrForm .jrFieldDiv .jrFieldOption {
  float: left;
  margin: 0 15px 0 0;
  white-space: nowrap;
  line-height: 26px;
}
.jrForm .jrFieldDiv .jrFieldOption.jrOptionMinWidth {
  min-width: 125px;
}
.jrForm .jrFieldDiv .jrFieldOption input {
  /* set checkboxes and radiobutton widths back to natural width */
  width: auto !important;
}
.jrForm .jrFieldDiv .jrFieldOption label {
  display: inline !important;
  margin: 0 5px 0 3px;
  cursor: pointer;
  font-size: 1em;
}
.jrForm .jrCheckboxInline label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: baseline;
}
.jrForm .jrCheckboxInline.jrPrivacyCheck label {
  font-size: inherit;
  font-weight: normal;
}
.jrForm .jrCheckboxInline input[type="checkbox"] {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin: 0 10px 0 0;
}
.jrForm .jrFieldDiv .jrNewFieldOption {
  display: none;
  float: left;
  margin-left: 10px;
}
.jrForm .jrFieldDescription {
  margin: 5px 0 2px 0;
  color: #777;
  font-style: italic;
  font-size: 13px;
}
.jrForm .jrFieldDescription.jrAbove {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
.jrForm .jrFieldDescription.jrBelow {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}
.jrForm span.error {
  color: #ff0000;
}
.jrForm input.error,
.jrForm select.error,
.jrForm textarea.error,
#es form.jrForm input.error {
  background-color: #ff0000;
  color: #fff;
}
.jrAdvSearchModule .jrAutoSuggest {
  float: none !important;
}
.jrRelatedListingSelected {
  margin-top: 5px;
  float: left;
}
/*************************************************
Form Chooser Container - For selecting categories
**************************************************/
.jrFormChooser {
  font-weight: 600;
  clear: right;
  padding: 10px 0 0 0;
  margin-bottom: 20px;
  border: 0;
}
.jrFormChooser label {
  font-size: 1em;
  line-height: 2.5em;
  height: 2.5em;
  margin-right: 10px;
}
.jrFormChooser .jrSelect {
  min-width: 10em;
}
.jrFormChooser .jrSelect:disabled {
  background: #eee;
  color: #757575;
}
.jrAdvSearchPage .jrFormChooser {
  margin-top: 18px;
}
/******************************
Pagination and Simple Search
*******************************/
.jrListSearch input[type="text"] {
  width: 14em;
  display: inline-block;
}
.jrListSearch .jrButton {
  height: 2.6em;
}
/******************************
Field Group Container
*******************************/
.jrForm fieldset,
#es form.jrForm fieldset {
  padding: 0;
  margin: 0;
  background: none;
  position: relative;
  border: 0;
  border-bottom-color: #bbb;
  box-shadow: none;
}
.jrForm fieldset.jrFieldsetMargin {
  margin: 30px 0 0 0 !important;
}
.jrForm fieldset legend,
#es form.jrForm fieldset legend {
  top: -20px;
  position: relative;
  font-size: 1.1em;
  font-weight: bold;
  color: #333 !important;
  padding: 0 0 5px 0;
  border: 0;
  margin: 0;
  border-bottom: 1px solid #777;
}
.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;
}
/****************************************
Reviews Field Group
*****************************************/
.jrForm label.jrReviewTitleLabel,
#es .jrForm label.jrReviewTitleLabel {
  font-weight: bold;
  font-size: 1.1em;
}
/******************************
Field Groups in tabs
*******************************/
.jrForm .jrTabs {
  margin: 20px 0 0 0;
}
.jrForm .jrTabs .ui-tabs-panel {
  padding: 10px !important;
}
.jrForm .jrTabs fieldset {
  margin: 0 !important;
}
.jrForm .jrTabs legend {
  display: none;
}
/******************************
Listing Submit Form
*******************************/
.jrListingCreateHelp {
  margin-bottom: 20px;
}
.jrListingTitleAlias.jrFieldDiv {
  overflow: visible;
}
.jrListingCreate ul {
  margin-left: 20px;
  padding: 0;
}
.jrListingCreate ul li {
  line-height: 2em;
}
#introtext.jrTextArea {
  height: 10em;
}
#fulltext.jrTextArea {
  height: 25em;
}
/* WYSIWYG Editor */
.jr-wysiwyg-editor {
  width: 34em;
}
table.mceLayout {
  width: 99.9% !important;
}
input#jr_submitListing {
  margin: 0 10px 0 0;
}
.jrForm label [class^="jrIcon"],
.jrForm legend [class^="jrIcon"],
.jrForm .jrRatingCriteria .jrIconRequired {
  margin: 0 0 0 5px;
}
.jrIconRequired {
  width: 11px;
}
.jrIconRequired:before {
  font-size: 11px;
  color: #AD0909;
}
.jrIconInfo:before {
  font-size: 13px;
}
/****************************************
Media Gallery
*****************************************/
.jrMediaFilter select,
.jrMediaFilter select[size] {
  min-width: 10em;
}
/****************************************
Media Upload Form
*****************************************/
.jrMediaForm .jrTabs {
  margin: 20px 0;
}
.jrMediaForm .jrMediaLimits {
  margin: 10px 0;
  display: block;
}
.jrMediaForm .jrMediaLimits ul {
  margin: 0 !important;
  padding: 0 !important;
}
.jrMediaForm .jrMediaLimits ul li {
  float: left;
  list-style: none;
  background: none;
  margin: 0 10px 5px 0;
}
.jrMediaForm .jrMediaLimits ul li:first-child {
  margin: 0 10px 0 0;
  font-weight: bold;
}
.jrMediaForm .jrMediaTermsCheckbox {
  margin-top: 5px;
}
.jrMediaForm .jrMediaTermsCheckbox label {
  display: inline;
  font-weight: bold;
  cursor: pointer;
}
.jrMediaForm div.jrUpload {
  padding: 5px 10px;
}
.jrMediaForm #mediaUploader {
  margin-bottom: 20px;
}
.jrMediaForm .jrMediaUploadSuccess {
  margin-bottom: 5px;
  display: inline-block;
}
.jrMediaForm .jrMediaDiv {
  border-bottom: 1px solid #bbb;
  padding: 15px;
  position: relative;
}
.jrMediaForm .jrMediaDiv:last-child {
  border: 0;
  margin: 0;
}
.jrMediaForm .jrMediaInfo {
  float: right;
  text-align: right;
}
.jrMediaForm .jrMediaInfo span {
  float: right;
  width: auto;
  clear: both;
  margin-top: 5px;
  word-break: break-all;
}
.jrMediaForm .jrMediaFilename {
  word-break: break-all;
}
.jrMediaForm .jrMediaThumb {
  text-align: center;
}
.jrMediaForm .jrMediaDetails input,
.jrMediaForm .jrMediaDetails textarea {
  width: 100%;
  margin: 0;
  padding: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jrMediaForm .jrMediaDiv .jrFieldDiv {
  margin-right: 8px;
}
.jrMediaForm .jrMediaMessage li {
  margin-left: 10px;
}
.jrMediaForm .jrDropArea {
  text-align: center;
  padding: 10px;
  margin: 10px;
}
.jrMediaForm label {
  margin-bottom: 3px;
}
.jrMediaForm .jrMediaDelete {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
/****************************************
Media Edit Form
*****************************************/
.jrThumbList label {
  font-weight: bold;
}
.jrThumbList div {
  margin: 5px 0;
}
.jrThumbList .jrThumbSize {
  color: #555555;
  font-size: 10px;
  line-height: 1.5em;
  margin: 3px;
  min-width: 60px;
  padding: 2px;
  text-align: center;
}
.jrThumbList .jrIconOnly {
  margin-top: 10px;
}
/****************************************
FormBuilder Custom Field
*****************************************/
.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;
  border: 1px solid #ccc;
  border-radius: 0px 3px 3px 3px;
}
.jrForm .jrFormBuilder .jrFieldDiv .jrButton {
  height: 2em;
}
.jrForm .jrFormBuilder .jrButton .jrIconOnly {
  margin: 0;
}
.jrForm .jrFormBuilder .jrButtonGroup {
  vertical-align: baseline;
}
.jrForm .jrFormBuilder .jrButtonGroup .jrButton.jrButtonFirst {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.jrForm .jrFormBuilder .jrButtonGroup .jrButton.jrSmall.jrButtonFirst {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.jrForm .jrFormBuilder .jrButtonGroup .jrButton.jrButtonLast {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.jrForm .jrFormBuilder .jrButtonGroup .jrButton.jrSmall.jrButtonLast {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.jrForm .jrFormBuilder .jrTableGrid {
  margin-bottom: 10px;
}
.jrForm .jrFormBuilder .jrTableGrid tr th {
  height: 25px;
  vertical-align: top;
}
.jrForm .jrFormBuilder .jrTableGrid tr td {
  vertical-align: top;
}
.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 .jrTabs {
  float: left;
  width: 130px;
  margin: 0;
}
.jrForm .jrFormBuilder .jrTabs > div {
  position: relative;
  left: 1px;
  z-index: 10;
  margin-bottom: 2px;
}
.jrForm .jrFormBuilder .jrTabs .ui-state-default {
  background: #eee;
}
.jrForm .jrFormBuilder .jrTabs .ui-state-active {
  background: #fff;
}
.jrForm .jrFormBuilder .jrTabsPanel {
  margin-left: 130px;
  background: #fff;
  padding: 0 !important;
  border: 0 !important;
}
.jrForm .jrFormBuilder .jrTabsPanel > .jrFormBuilderPanel > .jrFormHeading .title {
  display: none;
}
@media (max-width: 768px) {
  .jrForm .jrFormBuilder .jrTabs {
    float: none;
    width: 100%;
  }
  .jrForm .jrFormBuilder .jrTabs > div.ui-state-default {
    border-width: 1px!important;
    border-radius: 3px!important;
    position: initial!important;
    left: 0!important;
  }
  .jrForm .jrFormBuilder .jrTabsPanel {
    margin: 0;
  }
  .jrForm .jrFormBuilder .jrTabsPanel > .jrFormBuilderPanel {
    width: 100%;
  }
  .jrForm .jrFormBuilder .jrFormBuilderPanel[data-schemapath*="root"] {
    border-radius: 3px;
  }
}
/******************************
Filters
*******************************/
.jrNoResultsDialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 99999;
}
.jrNoResults {
  display: inline-block;
  background: #757575;
  border: 0;
  box-shadow: 0 3px 7px #424242;
  font-weight: bold;
  color: #fff;
  width: 400px;
  padding: 30px 0;
  opacity: 0.98;
  border-radius: 3px;
}
.jrFilterFieldWrap .jrFilterLabel {
  user-select: none;
  cursor: pointer;
  padding: 10px 0;
}
.jrFilterFieldWrap .jrFilterName {
  margin: 0 0 3px 0;
  font-weight: 400;
  padding: 0;
}
.jrFilterFieldWrap {
  border-bottom: 1px solid #efefef;
  margin: 0 20px 0 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  /* so the +/- sign shows in the filter wrapper */
}
.jrFilterFieldWrap.jrFilterSlideout:before {
  content: "+";
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #777;
  z-index: -1;
  /* to make the +/- sign clickable */
}
.jrFilterFieldWrap .jrRatingStarsUser,
.jrFilterFieldWrap .jrRatingStarsEditor {
  display: inline-block;
  position: relative;
  top: 3px;
}
.jrSelectedFiltersPreview {
  color: #999;
  font-size: 14px;
  margin: -2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jrFilterFieldWrap.jrIsOpen:before {
  content: "\2013";
}
.jrFilterFieldWrap input[type="text"] {
  background: none;
  border: 0;
  border-bottom: 1px solid #efefef;
  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: 0px;
}
.jrFilterSelected {
  border-bottom: 1px solid #efefef;
  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);
}
@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: #666;
  margin-bottom: 5px;
}
.jrFilterFieldWrap .jrFilterItem .jrOptionText {
  letter-spacing: -0.3px;
}
.jrFilterFieldWrap .jrFilterItem:hover {
  color: #999;
}
.jrFilterFieldWrap .jrLink.jrChecked {
  font-weight: 600;
}
.jrFilterFieldWrap .jrFilterItem.jrLinkBoxed {
  border: 1px solid #c2c2c2;
  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: #222;
  position: relative;
}
.jrFilterFieldWrap .jrFilterItem.jrRatingStar.jrChecked:before,
.jrFilterFieldWrap .jrFilterItem.jrLink.jrChecked:before {
  font-family: 'jrIcons';
  font-size: 10px;
  line-height: 1.3;
  color: #333;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 5px 0 -15px;
  content: "\e01c";
}
.jrFilterFieldWrap .jrRatingFilter .jrFilterItem,
.jrFilterFieldWrap .jrLinkFilter .jrFilterItem {
  margin-left: 20px;
}
.jrFilterFieldWrap .jrRangeFilterInner {
  margin: 5px 0 15px 0;
  padding-top: 15px;
  position: relative;
}
.jrFilterFieldWrap .jrRangeFilter label.jrRangeFilterLabel {
  font-size: 11px;
  font-weight: 700;
  margin-left: 5px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  float: none;
  display: inline;
}
.jrFilterFieldWrap .jrText {
  width: 80% !important;
}
.jrFilterFieldWrap .jrApplyFilter {
  position: absolute;
  right: 0;
}
.jrFilterFieldWrap .jrRangeFilter .jrRangeDelimiter {
  margin: 0 10px;
}
.jrFilterFieldWrap .jrRangeFilter .jrRangeInput {
  max-width: 50px;
  display: inline-block;
}
.jrFilterFieldWrap .jrRangeFilter .jrRangeInput.jrDate {
  width: 85px;
  max-width: 85px;
  margin-right: 0px;
  font-size: 14px;
}
.jrApplyFilter.jrButton {
  padding: 5px 6px;
  border-radius: 50px;
  width: 26px;
  height: 26px;
  z-index: 1;
}
.jrIconApplyFilter:before {
  content: "\e02c";
}
.jrFiltersContainer[data-layout="horizontal"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.jrFiltersContainer[data-layout="horizontal"] .jrFilterFieldWrap {
  -webkit-flex: 1;
  -ms-flex: 1;
  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 {
  margin: 10px;
}
.jrDialog .jrFilterFieldWrap .jrFilterOptions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.jrDialog .jrFilterFieldWrap .jrFilterItem {
  display: inline-block;
  vertical-align: top;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}
.jrDialog .jrFilterFieldWrap .jrFilterItem.jrLink.jrChecked:before {
  margin: 0 5px 0 0;
}
/* Toogle switch */
.jrToggleSwitchRow {
  display: table-row;
}
.jrToggleSwitchRow .jrToggleLabel,
.jrToggleSwitchRow .jrToggleSwitch {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 10px 0;
}
.jrToggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.jrToggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input.jrToggleRound + label {
  padding: 2px;
  width: 46px;
  height: 25px;
  background-color: #bdbdbd;
  border-radius: 40px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.jrToggleRound + label:before,
input.jrToggleRound + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.jrToggleRound + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #bdbdbd;
  border-radius: 40px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.jrToggleRound + label:after {
  top: 3px;
  left: 3px;
  bottom: 3px;
  width: 20px;
  background-color: #fafafa;
  border-radius: 32px;
  -webkit-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
input.jrToggleRound:checked + label:before {
  background-color: #757575;
}
input.jrToggleRound:checked + label {
  background-color: #757575;
}
input.jrToggleRound:checked + label:after {
  margin-left: 20px;
  background-color: #fafafa;
}
/******************************
Filters Panel
*******************************/
.jrFiltersButtonContainer {
  margin-bottom: 15px;
  min-height: 25px;
}
.jrFiltersButton {
  display: none;
  float: left;
  margin-right: 5px;
}
.jrFiltersNoScroll {
  overflow: hidden;
}
.jrFilterPanelTitle {
  font-weight: 300;
}
.jrFiltersPanel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 275px;
  padding: 0 10px 20px 10px;
  background: #fff;
  font-size: 16px;
}
.jrFiltersPanel .jrFiltersClearAll {
  display: block;
  margin-top: 5px;
}
.jrFiltersPanel .jrFiltersPanelclose {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
}
.jrFiltersPanel[data-mobile="1"] .jrApplyFilter {
  display: none;
}
.jrFiltersPanelInner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}
.jrFiltersPanelContent {
  padding: 0 15px 100px 15px;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
}
.jrFiltersPanelHead {
  display: block;
  border-bottom: 1px solid #efefef;
  padding: 15px;
}
.jrFiltersPanelOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 998;
  opacity: 0;
  background: rgba(30, 30, 30, 0.4);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.jrFiltersPanelShow {
  visibility: visible;
}
.jrFiltersPanelShow ~ .jrFiltersPanelOverlay {
  opacity: 1;
  visibility: visible;
}
.jrFiltersPanelShow .jrFiltersPanelInner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Slider */
.jrSliderInput.ui-corner-all,
.jrSliderInput .ui-corner-all {
  border-radius: 0;
}
.jrSliderInput.ui-slider,
.jrDialog .jrSliderInput.ui-slider {
  border: 0;
  background: #c5c4c4;
  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: 6px;
}
.jrSliderInput .ui-slider-handle {
  width: 32px;
  height: 32px;
  background: #757575;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
.jrSliderInput .ui-slider-handle:focus {
  outline: 0;
}
.jrSliderInput .ui-slider-range {
  border: 0;
  border-radius: 7px;
  background: #f99;
}
.jrSliderInputValue {
  float: right;
  margin-top: 10px;
}
/******************************
AUTOCOMPLETE UI
*******************************/
.jrForm .acInstructions {
  font-style: italic;
  color: #696969;
}
.jrForm .ui-optionsDiv {
  margin: 2px 0;
  padding: 4px 0 0;
  clear: left;
}
.jrForm .ui-optionsDiv a {
  display: inline-block;
  margin: 5px 5px 0 0;
  color: #fff;
  outline: none;
  background: #777;
  border: 1px solid #555;
  font-weight: normal;
  text-decoration: none;
  padding: 0.2em 0.3em;
  white-space: nowrap;
  border-radius: 3px;
}
.jrForm .ui-optionsDiv a.ui-disabled:hover,
.jrForm .ui-optionsDiv a.ui-disabled:active {
  background: #ddd !important;
  color: #333 !important;
}
.jrForm .ui-optionsDiv label {
  float: left;
  clear: none;
  margin: 0 5px 2px 0;
  font-weight: bold;
}
.jrForm .ui-optionsDiv .ui-disabled {
  color: #333;
  font-weight: normal;
  background: none;
  border: 1px solid #aaa;
}
/******************************
VALIDATION
*******************************/
.jrForm #msg span,
.jrForm #msg p {
  color: red;
}
.jrForm #msg li {
  margin-left: 15px;
}
.jrValidation {
  margin-top: 5px;
  color: red;
  font-weight: normal;
}
/******************************
Ratings
*******************************/
.jrRatingsSubmission.jrTableGrid {
  width: auto;
  margin: 0;
}
.jrRatingsSubmission.jrTableGrid [class*="jrCol"] {
  padding: 0 3px;
}
.jrRatingsSubmission.jrTableGrid .jrRow {
  height: 30px;
}
.jrRatingsSubmission.jrTableGrid .jrRatingStars .jrSliderInput {
  width: 155px;
}
.jrRatingsSubmission.jrTableGrid .jrRatingCriteria,
.jrRatingsSubmission.jrTableGrid .jrRatingStars,
.jrRatingsSubmission.jrTableGrid .jrRatingCaption {
  vertical-align: middle;
}
.jrRatingsSubmission.jrTableGrid .jrRatingCaption {
  padding-left: 15px;
}
/* ratings slider */
.jrRatingsSubmission .jrSliderInput .ui-slider-handle {
  width: 25px;
  height: 25px;
  background: #dedede;
}
.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;
}
/* WordPress Editor */
.wp-editor-tools {
  display: inline-block;
}
/*************************************
Custom Fields Presentation
*************************************/
.jrCustomFields {
  overflow: hidden;
}
.jrFieldGroup {
  padding-bottom: 1em;
}
.jrFieldGroup .jrFieldRow {
  margin-bottom: 5px;
  overflow: hidden;
}
.jrFieldGroup .jrFieldLabel {
  float: left;
  clear: left;
  width: 150px;
  font-weight: normal;
  text-align: left;
  white-space: normal;
}
.jrFieldGroup .jrFieldLabelDisabled {
  display: none;
}
.jrFieldGroup .jrFieldValue {
  margin-left: 150px;
}
.jrFieldGroup .jrFieldValue.jrLabelDisabled {
  margin-left: 0;
}
.jrFieldGroup .jrFieldValue img {
  border: 0;
}
.jrFieldGroupTitle {
  text-transform: uppercase;
  font-size: 1.2em;
  padding: 0 0 2px 0;
  margin-top: 0 !important;
  margin-bottom: .3em;
  display: inline-block;
}
ul.jrFieldValueList,
ul.jrFieldValueList li {
  overflow: hidden;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}
ul.jrFieldValueList li {
  margin-right: 5px !important;
  white-space: nowrap;
  float: left;
  display: block;
}
ul.jrFieldValueList li:after {
  content: '\2022';
  padding-left: 5px;
}
ul.jrFieldValueList li:last-child:after {
  content: '';
}
ul.jrFieldValueList.jrFieldRelated li {
  float: none;
}
ul.jrFieldValueList.jrFieldRelated li:after {
  content: '';
  padding-right: 0;
}
/* List pages */
.jrResults .jrCustomFields {
  clear: left;
  margin: 5px 0;
}
.jrResults .jrCustomFields .jrFieldGroup {
  padding: 0;
}
.jrResults .jrCustomFields .jrFieldGroupTitle {
  /* hide the fieldGroup title when in list views! */
  display: none;
}
/* Reviews */
.jrReviewLayout .jrFieldGroupTitle {
  font-size: 1em;
}
/* Smartphone */
@media (max-width: 480px) {
  .jrCustomFields {
    clear: both;
  }
  .jrStyles_compact .jrCustomFields {
    width: 100%;
    margin: 0 0 10px 0;
    clear: none;
  }
}
/*************************************
FormBuilder
*************************************/
/* Business Hours */
.jrBusinessHours {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
}
.jrBusinessHours .jrDay {
  font-weight: bold;
  width: 50px;
  display: inline-block;
}
.jrBusinessHours .jrBusinessHoursStatus {
  font-weight: bold;
}
.jrBusiness-open {
  color: #3cb52e;
}
.jrBusiness-closed {
  color: #c41200;
}
.jrForm .jrFormBuilder [data-schemaid="user-timezone"] > .jrFieldDiv .jrSelect {
  max-width: 100%;
  width: 20em;
}
/* Recipes */
.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(0.8);
  font-size: 18px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 50%;
  text-align: center;
}
ol.jrRecipeSteps li {
  min-height: 30px;
}
ol.jrRecipeSteps li span {
  display: block;
  margin-left: 50px;
  margin-top: 10px;
  padding-top: 10px;
}
/* Restaurant Menu */
.jrDishDescription {
  color: #777;
}
.jrDishName {
  margin-bottom: 3px;
}
#es .jrForm label {
  display: block;
}
#es .jrOverallRatings {
  height: 15px;
}
#es .jrProfileRating {
  margin: 5px 0 10px 0;
  height: 20px;
}
/*************************************
Responsive styles
*************************************/
/* Tablet to desktop */
@media (min-width: 768px) and (max-width: 979px) {
  /* Comparison dashboard */
  .jrCompareDashboard .jrCompareTabs {
    width: 720px;
  }
  .jrCompareDashboard .jrCompareTabs .ui-tabs-panel .jrCompareScroll {
    max-width: 535px;
  }
  .jrCompareDashboard .jrCompareTabs .ui-tabs-panel ul li.ltItem {
    width: 46%;
  }
  .jrCompareDashboard .jrCompareTitle {
    display: none;
  }
  /* Filters */
  .jrFiltersButton {
    float: none;
  }
}
/* Smartphone to tablet */
@media (max-width: 767px) {
  /* Directory */
  .jrDirview > ul {
    padding-left: 10px;
  }
  .jrDirview ul li.jrCatLevel1 {
    float: none !important;
    width: auto !important;
    overflow: hidden;
  }
  /* List pages */
  .jrListSearch a {
    clear: both;
    display: block;
    margin: 5px 0;
  }
  .jrPagenavResults,
  .jrPagenavLimit,
  .jrOrdering {
    text-align: center;
  }
  .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%;
  }
  /* Blogview - disable map */
  .jrResults .jrListingColumn {
    width: auto !important;
    border: 0;
    padding: 0;
  }
  .jrMapColumn {
    display: none;
  }
  /* Detail page map */
  .jrMapLayoutDetail .jrMapDetail {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .jrMapLayoutDetail .jrStreetviewDetail {
    width: 100%;
    clear: both;
  }
  /* Review, discussion, reviewer rank layout */
  .jrReviewLayout,
  .jrReviewListLayout,
  .jrRankLayout {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .jrReviewLayoutRight,
  .jrReviewLayoutLeft,
  .jrDiscussionLayoutRight,
  .jrDiscussionLayoutLeft,
  .jrRankLayoutRight,
  .jrRankLayoutLeft {
    width: 100%;
  }
  .jrUserInfo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .jrReviewContent,
  .jrDiscussionContent,
  .jrRankContent {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .jrUserInfo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
  }
  .jrUserInfoText {
    margin-left: 10px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
  }
  .jrReviewFooter,
  .jrDiscussionFooter {
    -webkit-order: 3;
    -ms-order: 3;
    order: 3;
  }
}
/* Smartphone */
@media (max-width: 480px) {
  /* Recaptcha */
  .g-recaptcha {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    margin-left: 5px;
  }
  /* Popup tooltip */
  .jrIconInfo.jr-more-info:before {
    font-size: 16px;
  }
  .jrForm,
  .jrForm.jrFormContainer,
  .jrForm.jrReviewForm,
  #es form.jrForm {
    padding: 12px;
  }
  .jrForm,
  #es form.jrForm {
    /* Prevent zoom on input focus */
  }
  .jrForm .jrFieldDiv.jrLeft {
    float: none;
  }
  .jrForm input[type="text"],
  .jrForm input[type="email"],
  .jrForm input[type="url"],
  .jrForm input[type="number"],
  .jrForm input[type="password"],
  .jrForm textarea,
  .jrForm select,
  .jrFormChooser .jrSelect,
  .jrPagination select,
  .jrPagination select[size],
  .jrListSearch select,
  .jrListSearch input[type="text"],
  .jrMediaFilter select,
  .jrMediaFilter select[size],
  #es form.jrForm input[type="text"],
  #es form.jrForm input[type="email"],
  #es form.jrForm input[type="url"],
  #es form.jrForm input[type="number"],
  #es form.jrForm input[type="password"] {
    font-size: 16px;
    height: 2.1em;
    line-height: 2.1em;
  }
  .jrForm input[type="url"].jrWebsite,
  .jrForm input[type="url"].jrWebsite:not(.jrFieldDiv),
  .jrForm input[type="text"].jrTitle,
  .jrForm input[type="email"].jrEmail,
  .jrForm input[type="email"].jrEmail:not(.jrFieldDiv),
  .jrForm input[type="text"].jrTitleMedium,
  .jrForm input[type="text"].jrText,
  .jrForm input[type="text"].jrKeywords,
  .jrForm input[type="text"].jrName,
  .jrForm input[type="text"].jrAutoSuggest,
  .jrForm textarea,
  #es form.jrForm input[type="url"].jrWebsite,
  #es form.jrForm input[type="url"].jrWebsite:not(.jrFieldDiv),
  #es form.jrForm input[type="text"].jrTitle,
  #es form.jrForm input[type="email"].jrEmail,
  #es form.jrForm input[type="email"].jrEmail:not(.jrFieldDiv),
  #es form.jrForm input[type="text"].jrTitleMedium,
  #es form.jrForm input[type="text"].jrText,
  #es form.jrForm input[type="text"].jrKeywords,
  #es form.jrForm input[type="text"].jrName,
  #es form.jrForm input[type="text"].jrAutoSuggest {
    box-sizing: border-box;
    width: 100%;
  }
  .jrForm input[type="text"].jrDate,
  #es form.jrForm input[type="text"].jrDate {
    width: 110px!important;
  }
  .jrForm select[data-click2add="1"] ~ input[type="text"] {
    width: 70%;
  }
  .jrForm input[type="text"].acInstructions,
  #es form.jrForm input[type="text"].acInstructions {
    font-size: 13px;
    height: 2.6em;
    line-height: 2.6em;
  }
  .jrForm select.jrSelect {
    width: 100%;
    text-overflow: ellipsis;
  }
  #es form.jrForm input[type="url"].jrWebsite,
  #es form.jrForm input[type="text"].jrTitle,
  #es form.jrForm input[type="email"].jrEmail,
  #es form.jrForm input[type="text"].jrTitleMedium,
  #es form.jrForm input[type="text"].jrText,
  #es form.jrForm input[type="text"].jrKeywords,
  #es form.jrForm input[type="text"].jrName,
  #es form.jrForm input[type="text"].jrAutoSuggest,
  #es form.jrForm textarea,
  #es form#es form.jrForm input[type="url"].jrWebsite,
  #es form#es form.jrForm input[type="text"].jrTitle,
  #es form#es form.jrForm input[type="email"].jrEmail,
  #es form#es form.jrForm input[type="text"].jrTitleMedium,
  #es form#es form.jrForm input[type="text"].jrText,
  #es form#es form.jrForm input[type="text"].jrKeywords,
  #es form#es form.jrForm input[type="text"].jrName,
  #es form#es form.jrForm input[type="text"].jrAutoSuggest {
    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) {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5384;
    border-radius: 2px;
    margin-bottom: 8px;
  }
  .jrButton:not(.jr-pagenav-page):not(.jr-pagenav-current):not(.jr-pagenav-prev):not(.jr-pagenav-next):not(.jrApplyFilter):not(.jr-search):not(.jrFiltersButton).jrLarge {
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.3333;
    border-radius: 2px;
  }
  .jrButton:not(.jr-pagenav-page):not(.jr-pagenav-current):not(.jr-pagenav-prev):not(.jr-pagenav-next):not(.jrApplyFilter):not(.jr-search):not(.jrFiltersButton).jrSmall {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.5384;
    border-radius: 2px;
  }
  .jrOrdering {
    margin-top: 1.5em;
  }
  /* Detail page */
  .jrListingDetail {
    /* Hide rating count when user rating follows editor rating */
  }
  .jrListingDetail .jrListingStatus {
    float: left !important;
  }
  .jrListingDetail .jrOverallRatings {
    margin-bottom: 10px;
  }
  .jrListingDetail .jrOverallRatings .jrOverallEditor {
    margin-right: 5px;
  }
  .jrListingDetail .jrOverallEditor + .jrOverallUser .rating_count {
    display: none;
  }
  .jrListingDetail .jrOverallUser ~ .jrOverallEditor {
    margin-right: 10px;
  }
  .jrListingDetail .jrListingFulltext {
    margin-bottom: 0;
    width: 100%;
  }
  .jrListingDetail .jrListingMainImage,
  .jrListingDetail .jrListingMainImage.jrLeft {
    float: none;
    display: block;
    max-width: 100%!important;
    margin: 0 0 10px 0;
  }
  .jrListingDetail .jrListingMainImage img,
  .jrListingDetail .jrListingMainImage.jrLeft img {
    float: none;
  }
  .jrListingDetail .jrListingStatus {
    float: left !important;
    margin-top: 8px;
  }
  .jrListingDetail .jrCompactGallery {
    margin-top: 5px;
  }
  .jrListingDetail .jrMediaContainer:not(.jrAttachments) .jrThumbGallery,
  .jrListingDetail .jrCompactGallery,
  .jrListingDetail .jrVideoList {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .jrListingDetail .jrPhotoGalleryCompact {
    float: left;
    clear: both;
    margin: 0 0 20px 0;
  }
  .jrListingDetail .jrMediaContainer .jrThumbGallery .jrMediaThumb,
  .jrListingDetail .jrCompactGallery .jrMediaThumb,
  .jrListingDetail .jrVideoList .jrMediaThumb {
    padding: 0;
    margin: 0 5px 0 0;
    float: none;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 200px;
    height: auto;
  }
  .jrListingDetail .jrMediaContainer .jrThumbGallery .jrMediaThumb img,
  .jrListingDetail .jrCompactGallery .jrMediaThumb img,
  .jrListingDetail .jrVideoList .jrMediaThumb img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
  }
  .jrListingDetail .jrPhotoGalleryCompact {
    max-width: 100%!important;
  }
  .jrListingDetail .jrPhotoGalleryCompact .jrPhotoSlideShow {
    max-width: 100%;
    height: auto;
  }
  .jrListingDetail .jrPhotoGallery .jrButton.jrReport {
    box-shadow: none;
    font-size: 0!important;
    padding: 6px!important;
  }
  .jrListingDetail .jrPhotoGallery .jrButton.jrReport span {
    margin-right: 0;
  }
  .jrListingDetail .jrAttachments .jrDataListHeader,
  .jrListingDetail .jrAttachments .jrAttachmentSize,
  .jrListingDetail .jrAttachments .jrAttachmentType,
  .jrListingDetail .jrAttachments .jrAttachmentDownloads {
    display: none;
  }
  .jrListingDetail .jrAttachments .jrGrid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .jrListingDetail .jrAttachments .jrGrid > [class*="jrCol"].jrAttachmentDescription {
    -webkit-flex: 1 0 220px;
    -ms-flex: 1 0 220px;
    flex: 1 0 220px;
  }
  .jrListingDetail .jrAttachments .jrGrid > [class*="jrCol"].jrAttachmentDownloadButton {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .jrListingDetail .jrReviewFooter .jrTextSeparator {
    display: none;
  }
  .jrListingDetail .jrReviewFooter .jrDiscussReview {
    display: block;
    margin-bottom: 8px;
  }
  .jrCompareButton {
    display: none;
  }
  /* List pages */
  .jrPagination.jrPaginationTop > .jrPagenavPages[class*="jrCol"] {
    display: none;
  }
  .jrPagination .jrPagenavLimit {
    display: none;
  }
  .jrPaginationBottom .jrPagenavResults {
    display: none;
  }
  /* Thumbview */
  .jrThumbview .jrResults .jrListingThumbnail {
    margin: 8px;
  }
  .jrListings .jrFieldGroup .jrFieldLabel {
    width: 125px;
  }
  .jrListings .jrFieldGroup .jrFieldValue:not(.jrLabelDisabled) {
    margin-left: 125px;
  }
  /* Tableview */
  .jrTableview .jrResults {
    display: block;
  }
  .jrTableview .jrResults .jrListingInfo {
    clear: left;
    text-align: center;
  }
  .jrTableview .jrDataList > * {
    padding: 0;
  }
  .jrListings.jrTableview .jrListingTitle {
    margin-bottom: 5px;
  }
  .jrTableview .jrTableGrid.jrDataList [class*="jrCol"] {
    padding: 0;
    display: block;
  }
  .jrTableview .jrTableGrid.jrDataList [class*="jrCol"].jrTableColumnThumbnail {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 12px 0;
  }
  .jrTableview .jrTableGrid .jrRow:first-of-type {
    padding-top: 0;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrListingTitle,
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrTableColumnRatings,
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrListingInfo {
    text-align: center;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrListingTitle a {
    font-size: 1.2em;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnMain .jrStatusIndicators {
    display: block;
  }
  .jrTableview .jrTableGrid .jrRow .jrTableColumnActions {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  .jrTableview .jrListingCategory {
    display: none;
  }
  .jrTableview .jrResults .jrTableColumnRatings .jrOverallRatings {
    width: auto;
  }
  .jrTableview .jrResults .jrTableColumnRatings .jrOverallRatings .jrOverallEditor,
  .jrTableview .jrResults .jrTableColumnRatings .jrOverallRatings .jrOverallUser {
    float: left;
    margin-right: 5px;
    white-space: nowrap;
  }
  /* Blogview */
  .jrListings.jrBlogview .jrListingTitle {
    margin: 0 0 5px 0;
  }
  .jrBlogview .jrListItem {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .jrBlogview .jrListItem .jrListingThumbnail {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding: 0;
    margin: 0 0 12px 0;
  }
  .jrBlogview .jrListItem .jrListingContent {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    overflow: hidden;
  }
  .jrBlogview .jrListItem .jrListingContent .jrListingTitle {
    text-align: center;
  }
  .jrBlogview .jrListItem .jrListingContent .jrListingTitle a {
    font-size: 1.2em;
  }
  .jrBlogview .jrListItem .jrListingContent .jrOverallRatings {
    text-align: center;
  }
  .jrBlogview .jrListItem .jrListingContent .jrOverallRatings .jrOverallUser,
  .jrBlogview .jrListItem .jrListingContent .jrOverallRatings .jrOverallEditor {
    float: none;
    display: inline-block;
  }
  .jrBlogview .jrListItem .jrListingContent .jrListingInfo {
    text-align: center;
  }
  .jrBlogview .jrListItem .jrListingActions {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  .jrBlogview .jrListItem.jrNoThumbnail .jrListingContent {
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  .jrBlogview .jrListItem .jrListingCategory {
    display: none;
  }
  /* Reviews */
  /* Review Layout */
  .jrReviewDate,
  .jrRatingInfo {
    float: none;
  }
  .jrReviewSummary .jrButton {
    margin-bottom: 10px;
  }
  .jrReviewSummary div.jrReviewSummarySidebar {
    float: none;
  }
  /* Form */
  .jrForm fieldset,
  #es form.jrForm fieldset {
    padding: 5px;
  }
  .jrForm input[type="text"].jrTitle,
  .jrForm input[type="text"].jrReviewTitle,
  .jrForm input[type="text"].jrText,
  .jrForm input[type="text"].jrEmail,
  .jrForm input[type="text"].jrWebsite,
  .jrDirectionsAddress input[type="text"],
  #es form.jrForm input[type="text"].jrTitle,
  #es form.jrForm input[type="text"].jrReviewTitle,
  #es form.jrForm input[type="text"].jrText,
  #es form.jrForm input[type="text"].jrEmail,
  #es form.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;
  }
  /* Media */
  .jrVideoCurrentInfo {
    display: none;
  }
  .jrMediaForm .jrMediaDiv {
    padding: 5px;
  }
  /* Modules */
  .jrModuleItems .jrListingsModule .jrModuleItem,
  .jrModuleItems .jrReviewsModule .jrModuleItem,
  .jrModuleItems .jrPlugin .jrModuleItem,
  .jrAdvSearchSuggest .jrModuleItem {
    float: none;
    width: 100% !important;
  }
  /* Dialog */
  .jrDialog.ui-dialog {
    width: 100%!important;
    left: 0!important;
    border-radius: 0;
  }
  /* Filters */
  .jrDialog .jrFilterFieldWrap .jrFilterItem {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .jrFiltersButton {
    width: 100%;
    float: none;
  }
  /* Review Search */
  .jrReviewsMentioning {
    width: 100%;
    display: block;
    clear: both;
    margin: 15px 0;
  }
  .jrReviewSearch {
    margin-bottom: 15px;
  }
  .jrReviewSearch .jrKeywords {
    max-width: 130px;
  }
  /* Rating Stars Widget */
  .jrRatingsSubmission.jrTableGrid [class*="jrCol"] {
    display: block;
    margin-bottom: 5px;
  }
  .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingStars,
  .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingCaption {
    float: left;
    line-height: 1.2;
    margin-bottom: 10px;
  }
  .jrRatingsSubmission.jrTableGrid .jrCol.jrRatingCaption {
    margin-top: 9px;
  }
  .jrRatingStars .jrSliderInput {
    width: 130px;
  }
  /* Directory */
  .jrDirview > ul {
    padding-left: 10px;
  }
  .jrDirview ul li.jrCatLevel1 {
    float: none !important;
    width: auto !important;
    overflow: hidden;
  }
  .jrAlphaindex.jrButtonGroup > .jrButton {
    float: none;
  }
}
