/*************************************
Info boxes
*************************************/
.jrError {
  background-color: #d32f2f;
  border: 1px solid #d32f2f;
  color: #fff;
}
.jrInfo {
  background-color: #039be5;
  border: 1px solid #039be5;
  color: #fff;
}
/*************************************
Pagination
*************************************/
.jrPagenavPages .jrButton {
  background: none;
}
.jrPagePrev.jrButton,
.jrPageNext.jrButton,
.jr-pagenav-prev.jrButton,
.jr-pagenav-next.jrButton {
  border: 0;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.57);
}
.jrPagePrev.jrButton:hover,
.jrPageNext.jrButton:hover,
.jr-pagenav-prev.jrButton:hover,
.jr-pagenav-next.jrButton:hover {
  background-color: transparent;
}
.jrPagination a.jrButton,
.jrPagination a.jrButton.jr-pagenav-next {
  color: rgba(255, 255, 255, 0.57);
}
.jrPagination a.jrButton:hover,
.jrPagination a.jrButton.jr-pagenav-next:hover {
  background-color: transparent;
}
.jrPagination .jrPageCurrent {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.84);
}
.jrPagination .jrPageCurrent:hover {
  background-color: #303030;
}
/*************************************
Icons
*************************************/
[class^="jrIcon"]:before {
  color: #e0e0e0;
}
.jrIconRequired:before {
  color: #AD0909;
}
.jrIconInfo:before {
  color: #e0e0e0;
}
/*************************************
Dialog
*************************************/
.jrDialog.ui-dialog {
  background: #424242;
  border-color: #424242;
}
.jrDialog.ui-dialog .ui-widget-content {
  color: rgba(255, 255, 255, 0.84);
}
.jrDialog.ui-dialog .jrForm {
  background-color: #424242;
}
.jrDialog.ui-dialog .ui-dialog-title {
  color: #e0e0e0;
}
.ui-widget-overlay {
  background: #616161;
  opacity: .4;
}
/*************************************
Form and form elements
*************************************/
.jrForm input[type="text"],
.jrForm input[type="email"],
.jrForm input[type="url"],
.jrForm input[type="number"],
.jrForm input[type="password"],
.jrForm textarea,
.jrForm select {
  background-color: #303030;
  border-color: #212121;
  color: rgba(255, 255, 255, 0.84);
}
.jrForm fieldset legend {
  color: #e0e0e0 !important;
}
.jrForm .jrFieldDiv label {
  color: #e0e0e0;
}
.jrForm .jrFieldDiv input[type="text"],
.jrForm .jrFieldDiv input[type="email"],
.jrForm .jrFieldDiv input[type="url"],
.jrForm .jrFieldDiv input[type="number"],
.jrForm .jrFieldDiv input[type="password"],
.jrForm .jrFieldDiv textarea,
.jrForm .jrFieldDiv select {
  background-color: #303030;
  border-color: #212121;
  color: rgba(255, 255, 255, 0.84);
}
.jrPagination select,
.jrPagination select[size],
.jrMediaFilter select,
.jrMediaFilter select[size],
.jrListSearch input,
.jrListSearch select,
.jrOrdering select {
  background-color: #303030;
  border-color: #212121;
  color: rgba(255, 255, 255, 0.84);
}
.jrPagination select:focus,
.jrPagination select[size]:focus,
.jrMediaFilter select:focus,
.jrMediaFilter select[size]:focus,
.jrListSearch input:focus,
.jrListSearch select:focus,
.jrOrdering select:focus {
  background-color: #303030;
  border-color: #212121;
  color: rgba(255, 255, 255, 0.84);
}
.jrFormChooser .jrSelect {
  background-color: #303030;
  border-color: #212121;
  color: rgba(255, 255, 255, 0.84);
}
.jrFormChooser .jrSelect:disabled {
  background-color: #616161;
  color: #9e9e9e;
}
.jrPage select {
  background-color: #303030;
}
.jrFormContainer,
.jrReviewForm,
.jr-form-comment-outer {
  background-color: #424242;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.jrDialog.ui-dialog .jrFormContainer,
.jrDialog.ui-dialog .jrReviewForm,
.jrDialog.ui-dialog .jr-form-comment-outer {
  border: 0;
}
/*************************************
Search & Filters
*************************************/
.jrFilterFieldWrap {
  border-color: rgba(255, 255, 255, 0.12);
}
.jrFilterFieldWrap .jrFilterItem {
  color: rgba(255, 255, 255, 0.84);
}
.jrFilterFieldWrap .jrFilterItem.jrRatingStar.jrChecked:before,
.jrFilterFieldWrap .jrFilterItem.jrLink.jrChecked:before {
  color: rgba(255, 255, 255, 0.57);
}
.jrAdvSearchSuggest {
  background: #e0e0e0;
  border-color: #e0e0e0;
}
.jrAdvSearchSuggest [class^="jrIcon"]:before {
  color: #212121;
}
/*************************************
Trix
*************************************/
trix-editor {
  background-color: #303030;
  border-color: #212121;
}
trix-toolbar .trix-button-group,
trix-toolbar .trix-button {
  background-color: #9e9e9e;
  border: 0;
}
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #424242;
}
trix-toolbar .trix-button.trix-active {
  background-color: #616161;
}
trix-toolbar .trix-dialog {
  background-color: #303030;
  box-shadow: 0 0.3em 1em #212121;
  border-top: 0;
}
/*************************************
Buttons & Links
*************************************/
.jrButton {
  box-shadow: none;
  color: rgba(255, 255, 255, 0.84);
  background-color: #212121;
  border-color: #212121;
}
.jrButton:hover,
.jrButton:focus,
.jrButton.jrFocus,
.jrButton:active,
.jrButton.jrActive {
  color: rgba(255, 255, 255, 0.84);
  background-color: #666666;
  border-color: #212121;
}
.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: #212121;
  border-color: #212121;
}
.jrButton:hover,
.jrButton:focus,
.jrButton.jrFocus {
  color: rgba(255, 255, 255, 0.57);
}
a.jrButton,
a.jrButton:link,
a.jrButton:visited {
  color: rgba(255, 255, 255, 0.84);
}
/*************************************
Other
*************************************/
.jrHeading {
  color: #e0e0e0;
  border-color: #212121;
}
.jrAvatar {
  border: 0;
  background-color: #212121;
}
.jrRoundedPanel,
.jrRoundedPanelLt {
  border-color: rgba(255, 255, 255, 0.12);
}
/*************************************
Listings
*************************************/
.jrShadowBox,
.jrCompactBox {
  color: rgba(255, 255, 255, 0.84);
  border: 0;
  background: #212121;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.jrShadowBox .jrButton,
.jrCompactBox .jrButton {
  background-color: #424242;
}
.jrShadowBox:hover,
.jrCompactBox:hover {
  box-shadow: 0 0 10px #222222;
}
.jrTableGrid .jrRow {
  border-color: rgba(255, 255, 255, 0.12);
}
.jrTableGrid .jrRow.jrDataListHeader {
  background: #303030;
  border: 0;
}
.jrListingDetail .jrListingInfoContainer {
  border-color: #212121;
}
.jrListingDetail .jrAuthorInfo,
.jrBlogview .jrListingInfo,
.jrTableview .jrResults .jrListingInfo {
  color: rgba(255, 255, 255, 0.57);
}
.jrResults .jrListingActionsBox {
  background: #757575;
  border: 1px solid #757575;
}
/*************************************
Datalist
*************************************/
.jrDataList > .jrGrid,
.jrDataList > .jrPost {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.jrDataList > .jrDataListHeader {
  color: rgba(255, 255, 255, 0.57);
}
.jrDataList > .jrGrid:not(.jrDataListHeader):hover,
.jrDataList ul.jrDataList li:not(.jrDataListHeader):hover {
  background-color: #616161;
}
/*************************************
Media
*************************************/
.jrVideoSlider .jrVideoListItem {
  border: 1px solid #212121;
  background: #212121;
}
.jrPhotoGallery .galleria-thumbnails .galleria-image {
  border: #212121;
}
.jrPhotoGallery .galleria-thumb-nav-left,
.jrPhotoGallery .galleria-thumb-nav-right,
.jrPhotoGallery .galleria-info-link,
.jrPhotoGallery .galleria-info-close,
.jrPhotoGallery .galleria-image-nav-left,
.jrPhotoGallery .galleria-image-nav-right {
  background-image: url(images/gallery_white.png);
}
/*************************************
Reviewer Rank
*************************************/
.jrReviewerRank .jrDataList > .jrRow:not(.jrDataListHeader):nth-child(odd) {
  background: #303030;
}
/*************************************
RATING STARS
*************************************/
.jrRatingStarsUser,
.jrRatingStarsEditor,
.jrRatingStarsUser div,
.jrRatingStarsEditor div {
  background-image: url(images/rating_stars_dark.png);
}
.jrRatingStarsUser.jrPlugin,
.jrRatingStarsEditor.jrPlugin,
.jrRatingStarsUser div.jrPlugin,
.jrRatingStarsEditor div.jrPlugin {
  background-image: url(images/rating_stars_dark.png);
}
.jrRatingsLarge .jrRatingStarsUser,
.jrRatingsLarge .jrRatingStarsEditor,
.jrRatingsLarge .jrRatingStarsUser div,
.jrRatingsLarge .jrRatingStarsEditor div {
  background-image: url(images/rating_stars_dark_lg.png);
}
/* Alternative rating styles */
.jrRatingStarsUser.jrRatingsStyle2,
.jrRatingStarsEditor.jrRatingsStyle2,
.jrRatingStarsUser.jrRatingsStyle2 div,
.jrRatingStarsEditor.jrRatingsStyle2 div {
  background-image: url(images/rating_stars_2_dark.png);
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle2,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle2,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle2 div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle2 div {
  background-image: url(images/rating_stars_2_dark_lg.png);
}
.jrRatingStarsUser.jrRatingsStyle3,
.jrRatingStarsEditor.jrRatingsStyle3,
.jrRatingStarsUser.jrRatingsStyle3 div,
.jrRatingStarsEditor.jrRatingsStyle3 div {
  background-image: url(images/rating_bars_dark.png);
}
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle3,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle3,
.jrRatingsLarge .jrRatingStarsUser.jrRatingsStyle3 div,
.jrRatingsLarge .jrRatingStarsEditor.jrRatingsStyle3 div {
  background-image: url(images/rating_bars_dark_lg.png);
}
.jrRatingBarsUser,
.jrRatingBarsEditor {
  background: #656565;
}
.ui-stars-star a,
.ui-stars-star.style1 a {
  background: url(images/rating_stars_dark_lg.png) no-repeat;
}
.ui-stars-star.style2 a {
  background-image: url(images/rating_stars_2_dark_lg.png) no-repeat;
}
/*************************************
Modules
*************************************/
.jrModuleItems .jrVerticalLayout {
  border-color: rgba(255, 255, 255, 0.12);
}
.jrModuleSlider .bx-wrapper .bx-prev,
.jrModuleSlider .bx-wrapper .bx-next {
  border-color: #000;
}
.jrModuleCalendar .clndr .days-container .days {
  background: #e0e0e0;
}
.jrModuleCalendar .clndr .days-container .days .day,
.jrModuleCalendar .clndr .days-container .days .empty {
  border-color: #212121;
}
/************************
Datepicker
*************************/
#ui-datepicker-div {
  background: #616161;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #424242;
}
.ui-datepicker-header.ui-widget-header {
  background: #424242;
}
.ui-datepicker .ui-widget-content {
  border: 1px solid #424242;
}
.ui-datepicker th {
  color: #aaa;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .clearDate {
  color: #fff;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .clearDate.ui-state-hover {
  background: #424242;
}
.ui-datepicker .ui-datepicker-title select {
  border: 2px solid #424242;
  background: #212121;
}
.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: #424242;
}
.ui-datepicker .ui-datepicker-today .ui-state-default {
  background: #757575;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-active {
  background: #f57c00;
}
/*************************************************
Comparison Dashboard
**************************************************/
.jrCompareDashboard {
  background: #bdbdbd;
  box-shadow: 0px 0px 9px #212121;
}
.jrCompareDashboard .jrCompareArrow {
  border-bottom: 12px solid #bdbdbd;
}
.jrCompareDashboard .jrCompareHeader {
  background: #424242;
  border-bottom: #212121;
}
.jrCompareDashboard .jrCompareTitle {
  color: #eee;
}
.jrCompareDashboard .jrCompareTabs .ui-tabs-panel ul li.ltItem {
  border-color: #757575;
  background: #757575;
  color: #303030;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li {
  background: #474747;
  border: 0!important;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li a {
  color: #fff!important;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li.ui-tabs-active {
  background-color: #bdbdbd;
  border: 0!important;
}
.jrCompareDashboard .jrCompareTabs ul.ui-tabs-nav li.ui-tabs-active a {
  color: #333333 !important;
}
.jrCompareDashboard .jrCompareTabs span.compareItemTitle,
.jrCompareDashboard .jrCompareTabs span.compareItemTitle a {
  color: rgba(255, 255, 255, 0.84) !important;
}
.jrCompareDashboard .jrCompareTabs span.removeItem:before {
  color: #fff;
}
/*************************************
Comparison view
*************************************/
.jrCompareview .jrCompareField {
  background: #444;
  color: rgba(255, 255, 255, 0.84);
}
.jrCompareview .jrCompareField.alt {
  background: #333;
  color: rgba(255, 255, 255, 0.84);
}
.jrCompareview .jrCompareHeader .jrCompareField {
  background: #222;
}
.jrCompareview .jrCompareHeader .jrCompareField.alt {
  background: #111;
}
.jrCompareview .jrFieldGroup.jrCompareField {
  background: #111;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  color: rgba(255, 255, 255, 0.84);
}
.jrCompareview .itemTitle.jrCompareField {
  background: #222;
}
.jrCompareview .itemThumbnail.jrCompareField {
  background: #222;
}
.jrCompareview .itemSummary.jrCompareField {
  background: #222;
}
/*************************************
Dropdowns
*************************************/
.jrDropdownMenu {
  background: #e0e0e0;
}
.jrDropdownMenu [class^="jrIcon"]:before {
  color: #424242;
}
/*************************************
Tabs
*************************************/
.jrTabs.ui-tabs ul.ui-tabs-nav {
  border-radius: 0;
  background-color: #303030;
  border-bottom: 1px solid #212121;
}
.jrTabs.ui-tabs ul.ui-tabs-nav li a {
  color: rgba(255, 255, 255, 0.57);
  font-weight: 400;
}
.jrTabs.ui-tabs ul.ui-tabs-nav li.ui-state-active a,
.jrTabs.ui-tabs ul.ui-tabs-nav li a:hover {
  color: rgba(255, 255, 255, 0.84);
  font-weight: 400;
}
.jrTabs.ui-tabs ul.ui-tabs-nav li.ui-tabs-active {
  border-radius: 0;
  background-color: transparent;
}
.jrTabs.ui-tabs ul.ui-tabs-nav li.ui-tabs-active:before {
  background: #e0e0e0;
}
.jrTabs.ui-tabs .ui-tabs-panel {
  color: rgba(255, 255, 255, 0.84);
  background-color: transparent;
}
/*************************************
GeoMaps
*************************************/
.jrMapCanvas {
  border: 1px solid #303030;
  background-color: #212121;
}
.jrMapListingSidebar .jrMapListing {
  border: 1px solid #000000;
  box-shadow: 2px 2px 9px 0 #212121;
}
.jrMapLoadingBarOuter {
  border: 1px solid #000000;
  background-color: #303030;
  box-shadow: 0 4px 2px -2px #212121;
}
.jrMapFilters {
  background-color: rgba(16, 16, 16, 0.95);
  border: 0;
}
.jrDirectionsAddress input,
.jrDirectionsAddress input:focus,
.jrDirectionsAddress select {
  background-color: #303030;
  border-color: #212121;
  color: #e0e0e0;
}
.jrMapDetail,
.jrStreetviewDetail,
.jrMapModule,
.jrMapResultsWrapper {
  border: 1px solid #212121;
}
.jrMapLoading:after,
.jrLoading::after {
  background-color: #303030;
}
.jrMapResultsWrapper,
.jrMapResize {
  border: 0!important;
  background-color: #303030;
}
.jrInfowindow {
  background-color: #424242 !important;
}
/*************************************
ListingsResources
*************************************/
.jrListingResource {
  border: 0;
  background-color: #616161;
}
.jrListingResource .jrResourceDescription {
  color: rgba(255, 255, 255, 0.84);
}
.jrListingResource .jrResourceInfo {
  color: rgba(255, 255, 255, 0.57);
}