bWEUpIx by haleighsb

Install Get Stylus Write a review

Details

Authorhaleighsb

LicenseNo License

Created

Updated

CategoryHR

Statistics

Learn how we calculate statistics in the FAQ.

Total views19

Total installs1

Weekly installs0

Description

Custom theme made by HaleighSB for Akumaju.

This code is mine and mine only. This theme is to only be used by the creator and the intended recipient. Anyone caught using my code or themes without permission will get their toes eaten (and banned from mine and other’s art sales).

Notes

Custom theme made by HaleighSB for Akumaju.

This code is mine and mine only. This theme is to only be used by the creator and the intended recipient. Anyone caught using my code or themes without permission will get their toes eaten (and banned from mine and other’s art sales).

History

Daily snapshots of style statistics.

No style history. Come back in a couple of days.

Source code

			/* ==UserStyle==
@name           bWEUpIx
@namespace      bWEUpIx
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
			@-moz-document url-prefix("https://v2.horsereality.com/") {
				/*fonts*/
				@import url('https://fonts.googleapis.com/css2?family=Arima&display=swap');
				:root {
					--side-nav: #47428a;
					--horse-care: #47428a;
					--trim: #3e4a90;
					--top-nav-bckg: #47428acc;
					--profile-nav: #47428a;
					--main-text: #8ca2ca;
					--side-nav-text: #6a80a8;
					--body-bckg: #423c50b5;
					--detail-text: #8599c0;
					--secondary-link-highlight: #dde6f6;
					--link-highlight: #dde6f6;
					--progress-bar: #d4e1fa;
					--click-button: #47428a;
					--button-highlight: #7f79c4;
					--boxes: #7699c1;
					--unknown-two: #000;
					--management-text: #000;
					--odd-boxes: #59568c;
					--even-boxes: #616082;
					--background: url(https://cdn.discordapp.com/attachments/932748751955697665/1004109700540940338/Untitled_design_72.png);
					--title-font: "Arima";
					--main-font: "Arima";
					--headers: url(https://cdn.discordapp.com/attachments/893678070651846699/1004808097971327016/unknown.png);
					--mini-map: url(https://cdn.discordapp.com/attachments/932748751955697665/1004808592194535444/unknown.png);
					--horse-bckg: #605775
				}

				body.background.africa {
					background-image: var(--background);
				}

				body.background.asia {
					background-image: var(--background);
				}

				body.background.australia {
					background-image: var(--background);
				}

				body.background.europe {
					background-image: var(--background);
				}

				body.background.north-america {
					background-image: var(--background);
				}

				body.background.south-america {
					background-image: var(--background);
				}

				.minimap.asia,
				.minimap.africa,
				.minimap.south-america,
				.minimap.australia,
				.minimap.europe,
				.minimap.north-america {
					background-image: var(--mini-map);
				}

				.main-content {
					background: var(--body-bckg);
					padding: 15px;
				}

				.header-menu {
					background: var(--top-nav-bckg);
					border-bottom: 2px solid var(--top-nav-bckg);
					z-index: 100;
				}

				.header-menu nav .main-menu .user-nav > a {
					color: var(--main-text);
					font-family: Arima;
					font-weight: normal;
					font-size: 14px;
					text-transform: capitalize;
				}

				.header-menu nav .stats {
					text-align: right;
					color: var(--main-text);
					font-family: arima;
					font-size: 13px;
				}

				.header-menu nav .stats a {
					color: var(--main-text);
				}

				.header-menu nav .main-menu ul li a {
					font-size: 14px;
					font-family: arima;
					color: var(--main-text);
					font-weight: normal;
				}

				.header-menu nav .main-menu ul li a:not(.btn):hover {
					text-decoration: none;
					color: var(--link-highlight);
				}

				.header-menu nav .main-menu .user-nav > a:hover {
					color: var(--link-highlight);
				}

				.header-menu nav .main-menu .user-nav .dropdown-menu {
					left: -80px!important;
					min-width: 12rem!important;
					background: var(--top-nav-bckg);
					border: 2px solid var(--trim);
					border-radius: 0px 0px 20px 20px;
					opacity: 100%;
				}

				.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item:hover {
					background: 0 0;
					color: var(--link-highlight);
				}

				.show-profile .profile-account h2 {
					background-image: var(--headers);
					border: 2px solid var(--trim);
					border-radius: 10px 10px 10px 10px;
					font-size: 20px;
					opacity: 80%;
					text-align: center;
					font-family: var(--title-font);
					color: var(--trim);
					padding: 5px;
				}

				.milestones .milestone-title {
					font-size: 14px;
					font-weight: 500;
					text-align: center;
					color: var(--main-text);
				}

				.component.frame .wrapper .subheader {
					background-image: var(--headers);
					color: var(--trim);
					font-weight: 600;
					padding: 5px 10px;
				}

				.side-nav {
					padding: 10px;
					background: var(--side-nav);
					opacity: 69%;
					border: 2px solid var(--side-nav);
					border-radius: 0px 0px 20px 20px;
					width: 130px;
					padding: 10px;
				}

				.side-nav ul .subtitle {
					font-family: arima;
					font-size: 18px;
					margin-bottom: 5px;
					line-height: 21px;
					font-weight: 900;
					text-transform: uppercase;
					color: var(--main-text);
				}

				.side-nav ul a {
					font-size: 14px;
					font-family: arima;
					font-weight: normal;
					text-transform: capitalize;
					color: var(--main-text);
					padding: 0;
				}

				.side-nav ul a:hover {
					color: var(--link-highlight);
					text-decoration: none;
				}

				element.style {
					background-color: var(--body-bckg);
				}

				.footer {
					background: var(--side-nav);
					font-family: arima;
					color: var(--main-text);
					padding-top: 10px;
					padding-bottom: 10px;
					vertical-align: middle;
					margin-bottom: 50px;
				}

				.footer::after {
					font-weight: normal;
					float: left;
					color: var(--main-text);
					font-size: 18px;
					font-family: arima;
					font-weight: bold;
					opacity: 65%;
					content: "(C) HaleighSB";
				}

				.progress-bar {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-direction: column;
					flex-direction: column;
					-ms-flex-pack: center;
					justify-content: center;
					color: var(--odd-boxes);
					text-align: center;
					font-family: arima;
					white-space: nowrap;
					background-color: var(--progress-bar);
				}

				.estate-item {
					background-color: var(--odd-boxes);
					border: 2px solid var(--odd--boxes);
					border-radius: 20px 20px 20px 20px;
					padding: 10px 15px;
					width: 100%!important;
					height: 100%;
				}

				.estate-item .estate-item-name {
					font-size: 16px;
					text-align: center;
					font-family: arima;
					font-weight: 700!important;
					color: var(--detail-text);
					margin-bottom: 15px;
				}

				.horse-grid .horse-item .content-wrapper {
					background-color: var(--odd-boxes);
					opacity: 90%
				}

				.horse-stats .horse-stat span {
					display: block;
					width: 22px;
					text-align: center;
					font-size: 11px;
					font-weight: 700;
					line-height: 17px;
					letter-spacing: 0;
					color: var(--detail-text);
				}

				.horse-filters-search input {
					width: 100%;
					height: 32px;
					padding: 3px 10px 3px 30px;
					border: 0;
					border-radius: 8px;
					background: var(--body-bckg);
				}

				button.normalize {
					padding: 0;
					color: #fff;
					border: 0;
					background: 0 0;
				}

				.stall-tabs .stall-tab > span,
				.stall-tabs .stall-tab a {
					font-size: 13px;
					font-weight: 700;
					line-height: 20px;
					display: block;
					padding: 6px 16px;
					white-space: nowrap;
					color: var(--main-text);
					background-color: var(--body-bckg);
					border-radius: 8px 8px 0px 0px
				}

				.stall-tabs-wrapper:after {
					position: absolute;
					z-index: 1;
					right: -15px;
					bottom: 0;
					left: -15px;
					height: 1px;
					content: "";
					background: var(--body-bckg);
				}


				.button.primary {
					background: var(--click-button);
				}
				.current-capacity {
					padding: 3px 6px;
					background: var(--body-bckg);
					cursor: pointer;
					border-radius: 8px;
					text-align: center;
					font-size: 12px;
					line-height: 18px;
					font-weight: 700;
					letter-spacing: 0;
					color: var(--detail-text);
					display: -webkit-inline-box;
					display: inline-flex;
					-webkit-box-align: center;
					align-items: center;
				}

				.horse-list .horse-item .content-wrapper {
					flex-direction: row;
					background-color: var(--odd-boxes);
				}

				.horse-item h2 {
					font-size: 16px;
					font-weight: 700;
					line-height: 24px;
					letter-spacing: 0;
					color: var(--main-text);
				}
				.horse-item .breed-and-age,
				.horse-item .tagline {
					font-size: 13px;
					line-height: 21px;
					display: block;
					letter-spacing: 0;
					color: var(--detail-text);
				}

				.estate-item .estate-item-buy button {
					background-color: var(--click-button);
					border: 1px solid var(--click-button);
					font-family: arima;
					font-weight: 600;
					color: var(--main-text);
					padding: 0.375rem 0.75rem;
					line-height: 1.5;
					border-radius: 20px 20px 20px 20px;
				}

				.estate-item .estate-item-buy button:hover {
					background-color: var(--button-highlight);
					text-decoration: none;
				}

				.fitting-room .horse-select-row {
					background-color: var(--trim);
					margin-top: 15px;
					padding-top: 5px;
					padding-bottom: 5px;
					font-family: arima;
					font-weight: 600;
					color: var(--main-text);
					font-size: 13px;
				}

				.component.frame .wrapper {
					background: var(--subhdr);
					font-family: arima;
					font-weight: normal;
					color: var(--detail-text);
					font-size: 14px;
				}

				.component.table .table tbody tr:nth-of-type(odd) {
					background-color: var(--odd-boxes);
				}

				.component.table .table tbody tr:nth-of-type(even) {
					background-color: var(--even-boxes);
				}

				.fitting-room .fitting-room-bg-row:hover {
					cursor: pointer;
					background-color: var(--button-highlight)!important;
				}

				.fitting-room .fitting-room-bg-row h1 {
					font-size: 18px!important;
					font-family: arima;
					color: var(--detail-text);
					line-height: 21px;
					margin-bottom: 0;
				}

				.fitting-room .rowIsSelected tr {
					background-color: var(--progress-bar);
					opacity: .5;
				}

				.fitting-room .selectedRow {
					background-color: var(--progress-bar)!important;
					opacity: 1!important;
				}

				.table {
					width: 100%;
					margin-bottom: 1rem;
					color: var(--detail-text);
				}

				p {
					font-family: arima;
					font-weight: 400;
					font-size: 13px;
					line-height: 18px;
					color: var(--detail-text);
				}

				.fitting-room .buy-row .buy-row-left .go-to-inventory-btn {
					background-color: var(--click-button);
					border: 1px solid var(--click-button);
					font-family: arima;
					font-weight: 600;
					color: var(--main-text);
					padding: 0.375rem 0.75rem;
					line-height: 1.5;
					border-radius: 20px 20px 20px 20px;
				}

				.fitting-room .buy-row .buy-row-left .go-to-inventory-btn:hover {
					background-color: var(--button-highlight);
				}

				.btn.btn-cta,
				.btn.btn-primary {
					color: var(--main-text)!important;
					background-color: var(--click-button);
					border-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
					font-weight: 600;
					font-family: arima;
				}

				.btn.btn-cta:hover,
				.btn.btn-primary:hover {
					background-color: var(--button-highlight);
					border-color: var(--click-button);
				}

				.component.npc {
					display: -webkit-box;
					display: flex;
					background: var(--odd-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 0px 20px 20px 0px;
				}

				.component.npc .description {
					color: var(--detail-text);
					font-family: arima;
					font-weight: normal;
				}

				.card-item {
					background-color: var(--odd-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
					padding: 10px 15px;
					width: 100%!important;
					height: 100%;
				}

				h1 {
					font-size: 26px;
					line-height: 30px;
					color: var(--detail-text);
					font-family: arima;
					font-weight: 400;
					margin-bottom: 15px;
				}

				h2 {
					font-size: 18px;
					line-height: 21px;
					font-family: arima;
					font-weight: normal;
					margin: 5px 0;
				}

				h3 {
					font-size: 16px;
					line-height: 18px;
					font-family: arima;
					font-weight: 700;
					color: var(--detail-text);
				}

				.card-item-action button.full {
					background-color: var(--click-button);
					border: 2px solid var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.card-item-action button {
					width: 100%;
					font-size: 13px;
					line-height: 18px;
					font-family: arima;
					font-weight: 600;
					border-radius: 2px;
					border: 2px solid var(--click-button);
					padding: 3px 8px;
					color: var(--main-text);
					background-color: var(--click-button);
					border: 2px solid var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.card-item-action button:hover {
					background-color: var(--button-highlight);
					cursor: pointer;
					-webkit-transition: all .3s ease 0s;
					transition: all .3s ease 0s;
				}

				.card-item-name {
					font-size: 14px;
					text-align: center;
					line-height: 1;
					font-weight: 700!important;
					color: var(--detail-text);
					font-family: arima;
					margin-bottom: 15px;
					min-height: 28px;
				}

				.freezer .freezer-horse-id,
				.freezer .freezer-tagline {
					height: 18px;
					font-weight: 700;
					color: var(--detail-text);
					font-family: arima;
					font-size: 13px;
				}

				.freezer .freezer-table td {
					background-color: var(--odd-boxes);
					padding: 8px 10px;
				}

				.freezer .freezer-table:hover td {
					background-color: var(--button-highlight)!important;
				}

				.freezer .selected-vial .content {
					background-color: var(--odd-boxes)!important;
				}

				.btn-danger {
					background-color: var(--click-button);
					border-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.btn-danger:hover {
					background-color: var(--button-highlight);
					border-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.btn-danger.focus,
				.btn-danger:focus {
					box-shadow: var(--link-highlight);
				}

				.btn-danger:not(:disabled):not(.disabled).active,
				.btn-danger:not(:disabled):not(.disabled):active,
				.show > .btn-danger.dropdown-toggle {
					background-color: var(--link-highlight);
					border-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.table td,
				.table th {
					padding: 0.75rem;
					vertical-align: top;
					border-top: 1px solid var(--odd-boxes);
				}

				.responsive-table .competition-tack-icon {
					background-color: var(--progress-bar);
					width: 45px;
					height: 45px;
					position: relative;
					border-radius: 50%;
					display: inline-block;
					margin-right: 4px;
				}

				.competitions .table .progress {
					height: 25px;
					width: 100px;
					position: relative;
					background-color: var(--even-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 0;
				}

				.component.frame .wrapper .header {
					background-color: var(--trim);
				}

				.component.frame .wrapper .header .title {
					display: inline-block;
					font-size: 16px;
					color: var(--main-text);
					font-family: arima;
					text-transform: none;
				}

				.component.frame .wrapper .content {
					background: var(--even-boxes);
				}

				.component .odd-row {
					background-color: var(--odd-boxes);
				}

				.responsive-table .responsive-table-header-row {
					color: var(--main-text);
					font-weight: 700;
					font-family: arima;
					background: var(--subhdr);
					border: 2px solid var(--subhdr);
					padding: 5px 10px;
				}

				.entries-blue {
					color: var(--detail-text);
					font-weight: normal;
				}

				.responsive-table .ends-in,
				.responsive-table .fas.fa-users {
					color: var(--detail-text);
					font-weight: normal;
				}

				.responsive-table .responsive-tr a {
					color: var(--detail-text);
					text-decoration: none;
					font-weight: normal;
				}

				.responsive-table .responsive-tr a:hover {
					color: var(--link-highlight);
					text-decoration: none;
				}

				.breadcrumb {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					padding: 0.75rem 1rem;
					margin-bottom: 1rem;
					list-style: none;
					color: var(--detail-text);
					font-family: arima;
					font-weight: normal;
					background-color: var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
				}

				a {
					color: var(--detail-text);
					font-weight: normal;
				}

				.competition-bookmark .bookmarked {
					color: var(--click-button);
				}

				.progress-bar.energy {
					background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--enrg1)), to(var(--enrg)))!important;
				}

				.progress-bar.fitness {
					background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--enrg1)), to(var(--enrg)))!important;
				}

				.progress-bar.training {
					background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--enrg1)), to(var(--enrg)))!important;
				}

				.competitions .table .progress .progress-text {
					position: absolute;
					width: 100%;
					padding: 2px 0 0;
					text-align: center;
					color: var(--detail-text);
					font-weight: normal;
				}

				.responsive-table .mine {
					background-color: var(--progress-bar)!important;
					border-bottom: 1px solid var(--progress-bar);
				}

				.competition-results i,
				.competition-results strong {
					color: var(--detail-text)!important;
				}

				.component.table .table thead th {
					background: var(--subhdr);
					border: 2px solid 2px solid var(--subhdr);
					padding: 5px 10px;
				}

				.shows .table .progress .progress-text {
					position: absolute;
					width: 100%;
					padding: 2px 0 0;
					text-align: center;
					color: var(--detail-text);
					font-weight: normal;
				}

				.shows .table .progress .progress-bar {
					background-color: var(--even-boxes);
					background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--enrg1)), to(var(--enrg)))!important;
				}

				.alert-success {
					color: var(--detail-text);
					background-color: var(--odd-boxes);
					border-color: var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
				}

				.shows.show .mine td {
					background-color: var(--click-button);
					border-bottom: 2px solid var(--click-button);
				}

				.shows.show .table tr td a {
					font-weight: normal;
				}

				.shows.enter .table tr td a,
				.shows.index .name a {
					font-weight: normal;
				}

				.component.frame .wrapper .subheader {
					background-color: var(--subhdr);
					color: var(--main-text);
					font-family: arima;
					font-weight: normal;
					padding: 5px 10px;
				}

				p a:active,
				p a:link,
				p a:visited {
					color: var(--detail-text);
					text-decoration: none;
					font-family: arima;
					font-weight: normal;
				}

				.cms-page p {
					color: var(--detail-text);
					text-decoration: none;
					font-family: arima;
					font-weight: normal;
				}

				b,
				strong {
					color: var(--detail-text);
					font-family: arima;
					font-weight: normal;
				}

				.clubs nav.navbar.navbar {
					background-color: var(--subhdr)!important;
				}

				.clubs nav.navbar.navbar .navbar-nav .nav-link {
					color: var(--main-text);
					font-family: arima;
					font-weight: normal;
				}

				.city .mobile-world-menu a {
					font-size: 13px;
					font-weight: 700;
					text-transform: capitalize;
					font-family: arima;
					color: var(--detail-text);
				}

				a:hover {
					color: var(--link-highlight);
					text-decoration: none;
				}

				.job-item {
					background-color: var(--odd-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
					text-align: center;
					padding: 10px 15px;
					width: 100%!important;
					height: 100%;
				}

				nav .pagination .page-item.active .page-link {
					color: var(--main-text);
					font-weight: 700;
					font-family: arima;
					background: var(--button-highlight);
				}

				nav .pagination .page-item .page-link {
					background: var(--button-highlight);
					padding: 5px 10px;
					margin: 0 3px;
					text-align: center;
					font-family: arima;
					font-weight: normal;
					border: 2px solid var(--button-highlight);
					border-radius: 3px;
				}

				nav .pagination .page-item:not(.disabled) .page-link {
					color: var(--main-text);
					background-color: var(--button-highlight);
				}

				nav .pagination .page-item:not(.disabled) .page-link:hover {
					background-color: var(--trim);
				}

				.market .col-form-label {
					color: var(--detail-text);
					font-family: arima;
					font-size: 14px;
					font-weight: 500;
				}

				.market-filters .currency-filters div.active,
				.market-filters .predicate-filters div.active,
				.market-filters .section-filters div.active,
				.market-filters .type-filters div.active {
					background-color: var(--odd-boxes);
					font-family: arima;
					color: var(--detail-text);
				}

				.market-filters .currency-filters div,
				.market-filters .predicate-filters div,
				.market-filters .section-filters div,
				.market-filters .type-filters div {
					cursor: pointer;
					padding: 0 10px;
					height: 30px;
					line-height: 30px;
					background-color: var(--odd-boxes);
					font-size: 14px;
					margin: 0 5px;
					font-weight: 600;
					border-radius: 0.25em;
					font-family: arima;
					text-transform: uppercase;
					color: var(--detail-text);
				}

				.market-office-table .market-office-table-row-autobuy {
					color: var(--detail-text);
					font-family: arima;
					padding-right: 0;
				}

				.market-office-table .market-office-table-header {
					padding: 5px 10px 0;
					margin-left: -15px;
					margin-right: -15px;
					background: var(--trim);
				}

				.market-office-table .market-office-table-header h4.title {
					font-family: arima;
					color: var(--main-text);
				}

				.sales .horse-name {
					font-family: arima;
					font-weight: 600;
					color: var(--detail-text);
				}

				.form-control {
					display: block;
					width: 100%;
					height: calc(1.5em + 0.75rem + 2px);
					padding: 0.375rem 0.75rem;
					font-size: 1rem;
					font-weight: 400;
					font-family: arima;
					line-height: 1.5;
					color: var(--detail-text);
					background-color: var(--even-boxes);
					background-clip: padding-box;
					border: 2px solid var(--trim);
					border-radius: 0.25rem;
					transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
				}

				.form-control:disabled,
				.form-control[readonly] {
					background-color: var(--odd-boxes);
					opacity: 1;
				}

				.dual-range input[type=range] {
					box-sizing: border-box;
					-moz-appearance: none;
					appearance: none;
					height: 8px;
					background-color: var(--odd-boxes);
					border-radius: 50px;
					margin: 0;
					border: 0;
					outline: none;
					background-size: 100% 2px;
					pointer-events: none;
				}

				.dual-range .range-color {
					background-color: var(--progress-bar);
					border-radius: 50px;
					width: 100%;
					display: block;
					height: 8px;
					position: absolute;
					z-index: 10;
				}

				.alert-info {
					font-family: arima;
					color: var(--main-text);
					background-color: var(--click-button);
					border-color: none;
				}

				.table td,
				.table th {
					padding: 0.75rem;
					vertical-align: top;
					border-top: var(--trim);
				}

				.table .thead-dark th {
					color: var(--main-text);
					font-family: arima;
				}

				.link-table {
					border: 2px solid var(--trim);
					border-radius: 20px 20px 20px 20px;
				}

				.link-table-row-outer:nth-child(2n),
				.market-office-table-row-outer:nth-child(2n) {
					background-color: var(--odd-boxes);
				}

				.header-section-icon.type-action {
					background-color: var(--click-button);
				}

				.header-section-icon.type-action:hover {
					background-color: var(--button-highlight);
				}

				.total-horses,
				.total-items,
				.total-vials {
					color: var(--detail-text);
					font-family: arima;
				}

				.header-section-icon.active {
					background: var(--click-button);
				}

				.header-section-icon {
					display: inline-block;
					width: 30px;
					height: 30px;
					background-color: var(--odd-boxes);
					line-height: 35px;
					text-align: center;
					border-radius: 0.25em;
				}

				.total-horses i,
				.total-items i,
				.total-vials i {
					color: var(--click-button);
				}

				.market-office-table .market-office-table-row-horse-info a {
					font-weight: 600;
					font-family: arima;
					color: var(--detail-text);
				}

				.market .horse-tagline {
					font-weight: 600;
					font-family: arima;
					color: var(--detail-text);
				}

				.market-office-table .market-office-table-row-autobuy,
				.market-office-table .market-office-table-row-highestbid,
				.market-office-table .market-office-table-row-offers,
				.market-office-table .market-office-table-row-timer .market-office-table .notavailable {
					font-weight: 600;
					font-family: arima;
					color: var(--detail-text);
				}

				.market-office-table .market-office-table-row-timer {
					color: var(--detail-text);
					font-family: arima;
				}

				.market-filters .filters-and-sort-by .filters,
				.market-filters .filters-and-sort-by .sort-by {
					cursor: pointer;
					height: 30px;
					text-align: center;
					vertical-align: middle;
					display: grid;
					place-items: center;
					background-color: var(--odd-boxes);
					font-size: 14px;
					font-weight: 600;
					border-radius: .25em;
					border: 0;
					color: var(--detail-text);
					font-family: arima;
				}

				.premium-search-options-title,
				.standard-search-options-title {
					margin-bottom: 20px;
					font-size: 16px;
					line-height: 18px;
					font-family: arima;
					font-weight: 700;
					color: var(--trim);
				}

				.reset-filters {
					color: var(--detail-text);
					font-weight: 700;
					font-family: arima;
					float: left;
				}

				.cta {
					background-color: var(--odd-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
					margin-bottom: 20px;
				}

				.show-profile .profile-name-and-estate .profile-username {
					font-size: 25px!important;
					opacity: 80%;
					font-family: arima;
					font-weight: normal!important;
					color: var(--trim);
					margin-bottom: 5px!important;
				}

				.show-profile .navbar {
					background-color: var(--side-nav)!important;
					border-top: none;
					border-top: 2px solid var(--top-nav-bckg);
					border-bottom: 2px solid var(--top-nav-bckg);
					padding-top: 0;
					padding-bottom: 0;
					min-height: 40px!important;
				}

				.show-profile .profile-account {
					width: 250px;
					padding: 10px;
					background-color: var(--odd-boxes);
					opacity: 60px;
					border: 2px solid var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
					margin-bottom: 20px;
				}

				.show-profile .navbar-avatar .navbar-avatar-container {
					border: 2px solid var(--trim);
					padding: 17px;
					opacity: 69%;
					border-radius: 75%;
				}

				.show-profile .bold {
					font-weight: 900;
				}

				.show-profile .profile-name-and-estate .profile-estate {
					font-size: 18px;
					font-family: Big Caslon;
					line-height: 21px;
					font-weight: 400;
					color: var(--trim);
					opacity: 70%;
				}

				.show-profile .profile-ranking-container .profile-rank {
					text-align: left;
					margin-bottom: 0;
					font-size: 12px;
					font-family: arima;
					line-height: 18px;
					font-weight: 400;
					color: var(--trim);
					opacity: 70%;
				}

				.show-profile .profile-ranking-container .profile-rank-position {
					font-size: 26px!important;
					font-family: arima;
					text-align: right;
					font-weight: 700!important;
					color: var(--trim);
					margin-bottom: 5px!important;
					opacity: 70%;
				}

				.show-profile .profile-account h2 {
					font-size: 14px;
					font-family: arima;
					font-weight: 600;
					color: var(--detail-text);
					margin: 0;
				}

				body {
					font-size: 14px!important;
					margin: 0;
					font-family: arima;
					font-size: 1rem;
					font-weight: normal;
					line-height: 1.5;
					color: var(--detail-text);
					text-align: left;
				}

				.show-profile .profile-account .tag-npc,
				.show-profile .profile-account .tag-player {
					font-size: 14px;
					font-family: arima;
					color: var(--main-text);
					display: block;
					text-align: left;
					font-weight: 400;
					padding-left: 0;
				}

				.component.table .table thead th {
					background: var(--body-bckg);
					border: 2px solid 2px solid var(--trim);
					padding: 5px 10px;
				}
				.show-profile .navbar .nav-link {
					padding: 8px 20px;
					line-height: 24px;
					font-weight: 900;
					font-family: arima;
					color: var(--main-text);
					font-size: 16px;
				}

				.show-profile .navbar .nav-link:hover {
					background-color: var(--button-highlight);
					cursor: pointer;
					color: var(--link-highlight);
					text-decoration: none;
				}

				.edit-profile label {
					font-weight: 700;
					color: var(--main-text);
				}

				.edit-profile .content {
					background-color: var(--odd-boxes)!important;
				}

				.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-header,
				.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item {
					font-size: 13px;
					padding: 0.5rem 1rem;
					color: var(--main-text);
				}
			}

			@-moz-document url-prefix("https://www.horsereality.com/") {
				/*fonts*/
				@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100;200;300;500&display=swap');
				:root {
					--side-nav: #47428a;
					--horse-care: #47428a;
					--trim: #3e4a90;
					--top-nav-bckg: #47428acc;
					--profile-nav: #47428a;
					--main-text: #a4bdec;
					--side-nav-text: #6a80a8;
					--body-bckg: #423c50b5;
					--detail-text: #8599c0;
					--secondary-link-highlight: #dde6f6;
					--link-highlight: #dde6f6;
					--progress-bar: #d4e1fa;
					--click-button: #47428a;
					--button-highlight: #7f79c4;
					--boxes: #7699c1;
					--unknown-two: #000;
					--management-text: #000;
					--odd-boxes: #59568c;
					--even-boxes: #616082;
					--background: url(https://cdn.discordapp.com/attachments/932748751955697665/1004109700540940338/Untitled_design_72.png);
					--title-font: "Arima";
					--main-font: "Arima";
					--headers: url(https://cdn.discordapp.com/attachments/893678070651846699/1004808097971327016/unknown.png);
					--mini-map: url(https://cdn.discordapp.com/attachments/932748751955697665/1004808592194535444/unknown.png);
					--horse-bckg: #605775
				}

				body.background.africa {
					background-image: var(--background);
				}

				body.background.asia {
					background-image: var(--background);
				}

				body.background.australia {
					background-image: var(--background);
				}

				body.background.europe {
					background-image: var(--background);
				}

				body.background.north-america {
					background-image: var(--background);
				}

				body.background.south-america {
					background-image: var(--background);
				}

				.main-content {
					background: var(--body-bckg);
					padding: 15px;
				}

				.header-menu {
					background: var(--top-nav-bckg);
					border-bottom: 2px solid var(--top-nav-bckg);
					z-index: 100;
				}

				.header-menu nav .main-menu .user-nav > a {
					color: var(--main-text);
					font-family: Arima;
					font-weight: normal;
					font-size: 14px;
					text-transform: capitalize;
				}

				.header-menu nav .stats {
					text-align: right;
					color: var(--main-text);
					font-family: arima;
					font-size: 13px;
				}

				.header-menu nav .stats a {
					color: var(--main-text);
				}

				.header-menu nav .main-menu ul li a {
					font-size: 14px;
					font-family: arima;
					color: var(--main-text);
					font-weight: normal;
				}

				.header-menu nav .main-menu ul li a:not(.btn):hover {
					text-decoration: none;
					color: var(--link-highlight);
				}

				.header-menu nav .main-menu .user-nav > a:hover {
					color: var(--link-highlight);
				}

				.header-menu nav .main-menu .user-nav .dropdown-menu {
					left: -80px!important;
					min-width: 12rem!important;
					background: var(--top-nav-bckg);
					border: 2px solid var(--trim);
					border-radius: 0px 0px 20px 20px;
					opacity: 100%;
				}

				.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item:hover {
					background: 0 0;
					color: var(--link-highlight);
				}

				.show-profile .profile-account h2 {
					background-image: var(--headers);
					border: 2px solid var(--trim);
					border-radius: 10px 10px 10px 10px;
					font-size: 20px;
					opacity: 80%;
					text-align: center;
					font-family: var(--title-font);
					color: var(--trim);
					padding: 5px;
				}

				.component.frame .wrapper .subheader {
					background-image: var(--headers);
					color: var(--trim);
					font-weight: 600;
					padding: 5px 10px;
				}

				.side-nav {
					padding: 10px;
					background: var(--side-nav);
					opacity: 69%;
					border: 2px solid var(--side-nav);
					border-radius: 0px 0px 20px 20px;
					width: 130px;
					padding: 10px;
				}

				.side-nav ul .subtitle {
					font-family: arima;
					font-size: 18px;
					margin-bottom: 5px;
					line-height: 21px;
					font-weight: 900;
					text-transform: uppercase;
					color: var(--main-text);
				}

				.side-nav ul a {
					font-size: 14px;
					font-family: arima;
					font-weight: normal;
					text-transform: capitalize;
					color: var(--main-text);
					padding: 0;
				}

				.side-nav ul a:hover {
					color: var(--link-highlight);
					text-decoration: none;
				}

				element.style {
					background-color: var(--body-bckg);
				}

				.footer {
					background: var(--side-nav);
					font-family: arima;
					color: var(--main-text);
					padding-top: 10px;
					padding-bottom: 10px;
					vertical-align: middle;
					margin-bottom: 50px;
				}

				.footer::after {
					font-weight: normal;
					float: left;
					color: var(--main-text);
					font-size: 18px;
					font-family: arima;
					font-weight: bold;
					opacity: 65%;
					content: "(C) HaleighSB";
				}

				.progress-bar {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-direction: column;
					flex-direction: column;
					-ms-flex-pack: center;
					justify-content: center;
					color: var(--odd-boxes);
					text-align: center;
					font-family: arima;
					white-space: nowrap;
					background-color: var(--progress-bar);
				}

				.estate-item {
					background-color: var(--odd-boxes);
					border: 2px solid var(--odd--boxes);
					border-radius: 20px 20px 20px 20px;
					padding: 10px 15px;
					width: 100%!important;
					height: 100%;
				}

				.estate-item .estate-item-name {
					font-size: 16px;
					text-align: center;
					font-family: arima;
					font-weight: 700!important;
					color: var(--detail-text);
					margin-bottom: 15px;
				}

				.estate-item .estate-item-buy button {
					background-color: var(--click-button);
					border: 1px solid var(--click-button);
					font-family: arima;
					font-weight: 600;
					color: var(--main-text);
					padding: 0.375rem 0.75rem;
					line-height: 1.5;
					border-radius: 20px 20px 20px 20px;
				}

				.estate-item .estate-item-buy button:hover {
					background-color: var(--button-highlight);
					text-decoration: none;
				}

				.fitting-room .horse-select-row {
					background-color: var(--trim);
					margin-top: 15px;
					padding-top: 5px;
					padding-bottom: 5px;
					font-family: arima;
					font-weight: 600;
					color: var(--main-text);
					font-size: 13px;
				}

				.component.frame .wrapper {
					background: var(--subhdr);
					font-family: arima;
					font-weight: normal;
					color: var(--detail-text);
					font-size: 14px;
				}

				.component.table .table tbody tr:nth-of-type(odd) {
					background-color: var(--odd-boxes);
				}

				.component.table .table tbody tr:nth-of-type(even) {
					background-color: var(--even-boxes);
				}

				.fitting-room .fitting-room-bg-row:hover {
					cursor: pointer;
					background-color: var(--button-highlight)!important;
				}

				.fitting-room .fitting-room-bg-row h1 {
					font-size: 18px!important;
					font-family: arima;
					color: var(--detail-text);
					line-height: 21px;
					margin-bottom: 0;
				}

				.fitting-room .rowIsSelected tr {
					background-color: var(--progress-bar);
					opacity: .5;
				}

				.fitting-room .selectedRow {
					background-color: var(--progress-bar)!important;
					opacity: 1!important;
				}

				.table {
					width: 100%;
					margin-bottom: 1rem;
					color: var(--detail-text);
				}

				p {
					font-family: arima;
					font-weight: 400;
					font-size: 13px;
					line-height: 18px;
					color: var(--detail-text);
				}

				.fitting-room .buy-row .buy-row-left .go-to-inventory-btn {
					background-color: var(--click-button);
					border: 1px solid var(--click-button);
					font-family: arima;
					font-weight: 600;
					color: var(--main-text);
					padding: 0.375rem 0.75rem;
					line-height: 1.5;
					border-radius: 20px 20px 20px 20px;
				}

				.fitting-room .buy-row .buy-row-left .go-to-inventory-btn:hover {
					background-color: var(--button-highlight);
				}

				.btn.btn-cta,
				.btn.btn-primary {
					color: var(--main-text)!important;
					background-color: var(--click-button);
					border-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
					font-weight: 600;
					font-family: arima;
				}

				.btn.btn-cta:hover,
				.btn.btn-primary:hover {
					background-color: var(--button-highlight);
					border-color: var(--click-button);
				}

				.component.npc {
					display: -webkit-box;
					display: flex;
					background: var(--odd-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 0px 20px 20px 0px;
				}

				.component.npc .description {
					color: var(--detail-text);
					font-family: arima;
					font-weight: normal;
				}

				.card-item {
					background-color: var(--odd-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
					padding: 10px 15px;
					width: 100%!important;
					height: 100%;
				}

				h1 {
					font-size: 26px;
					line-height: 30px;
					color: var(--detail-text);
					font-family: arima;
					font-weight: 400;
					margin-bottom: 15px;
				}

				h2 {
					font-size: 18px;
					line-height: 21px;
					font-family: arima;
					font-weight: normal;
					margin: 5px 0;
				}

				h3 {
					font-size: 16px;
					line-height: 18px;
					font-family: arima;
					font-weight: 700;
					color: var(--detail-text);
				}

				.card-item-action button.full {
					background-color: var(--click-button);
					border: 2px solid var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.card-item-action button {
					width: 100%;
					font-size: 13px;
					line-height: 18px;
					font-family: arima;
					font-weight: 600;
					border-radius: 2px;
					border: 2px solid var(--click-button);
					padding: 3px 8px;
					color: var(--main-text);
					background-color: var(--click-button);
					border: 2px solid var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.card-item-action button:hover {
					background-color: var(--button-highlight);
					cursor: pointer;
					-webkit-transition: all .3s ease 0s;
					transition: all .3s ease 0s;
				}

				.card-item-name {
					font-size: 14px;
					text-align: center;
					line-height: 1;
					font-weight: 700!important;
					color: var(--detail-text);
					font-family: arima;
					margin-bottom: 15px;
					min-height: 28px;
				}

				.freezer .freezer-horse-id,
				.freezer .freezer-tagline {
					height: 18px;
					font-weight: 700;
					color: var(--detail-text);
					font-family: arima;
					font-size: 13px;
				}

				.freezer .freezer-table td {
					background-color: var(--odd-boxes);
					padding: 8px 10px;
				}

				.freezer .freezer-table:hover td {
					background-color: var(--button-highlight)!important;
				}

				.freezer .selected-vial .content {
					background-color: var(--odd-boxes)!important;
				}

				.btn-danger {
					background-color: var(--click-button);
					border-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.btn-danger:hover {
					background-color: var(--button-highlight);
					border-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.btn-danger.focus,
				.btn-danger:focus {
					box-shadow: var(--link-highlight);
				}

				.btn-danger:not(:disabled):not(.disabled).active,
				.btn-danger:not(:disabled):not(.disabled):active,
				.show > .btn-danger.dropdown-toggle {
					background-color: var(--link-highlight);
					border-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
				}

				.table td,
				.table th {
					padding: 0.75rem;
					vertical-align: top;
					border-top: 1px solid var(--odd-boxes);
				}

				.responsive-table .competition-tack-icon {
					background-color: var(--progress-bar);
					width: 45px;
					height: 45px;
					position: relative;
					border-radius: 50%;
					display: inline-block;
					margin-right: 4px;
				}

				.competitions .table .progress {
					height: 25px;
					width: 100px;
					position: relative;
					background-color: var(--even-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 0;
				}

				.component.frame .wrapper .header {
					background-color: var(--trim);
				}

				.component.frame .wrapper .header .title {
					display: inline-block;
					font-size: 16px;
					color: var(--main-text);
					font-family: arima;
					text-transform: none;
				}

				.component.frame .wrapper .content {
					background: var(--even-boxes);
				}

				.component .odd-row {
					background-color: var(--odd-boxes);
				}

				.responsive-table .responsive-table-header-row {
					color: var(--main-text);
					font-weight: 700;
					font-family: arima;
					background: var(--subhdr);
					border: 2px solid var(--subhdr);
					padding: 5px 10px;
				}

				.entries-blue {
					color: var(--detail-text);
					font-weight: normal;
				}

				.responsive-table .ends-in,
				.responsive-table .fas.fa-users {
					color: var(--detail-text);
					font-weight: normal;
				}

				.responsive-table .responsive-tr a {
					color: var(--detail-text);
					text-decoration: none;
					font-weight: normal;
				}

				.responsive-table .responsive-tr a:hover {
					color: var(--link-highlight);
					text-decoration: none;
				}

				.breadcrumb {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					padding: 0.75rem 1rem;
					margin-bottom: 1rem;
					list-style: none;
					color: var(--detail-text);
					font-family: arima;
					font-weight: normal;
					background-color: var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
				}

				a {
					color: var(--detail-text);
					font-weight: normal;
				}

				.competition-bookmark .bookmarked {
					color: var(--click-button);
				}

				.progress-bar.energy {
					background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--enrg1)), to(var(--enrg)))!important;
				}

				.progress-bar.fitness {
					background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--enrg1)), to(var(--enrg)))!important;
				}

				.progress-bar.training {
					background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--enrg1)), to(var(--enrg)))!important;
				}

				.competitions .table .progress .progress-text {
					position: absolute;
					width: 100%;
					padding: 2px 0 0;
					text-align: center;
					color: var(--detail-text);
					font-weight: normal;
				}

				.responsive-table .mine {
					background-color: var(--progress-bar)!important;
					border-bottom: 1px solid var(--progress-bar);
				}

				.competition-results i,
				.competition-results strong {
					color: var(--detail-text)!important;
				}

				.component.table .table thead th {
					background: var(--subhdr);
					border: 2px solid 2px solid var(--subhdr);
					padding: 5px 10px;
				}

				.shows .table .progress .progress-text {
					position: absolute;
					width: 100%;
					padding: 2px 0 0;
					text-align: center;
					color: var(--detail-text);
					font-weight: normal;
				}

				.shows .table .progress .progress-bar {
					background-color: var(--even-boxes);
					background: -webkit-gradient(linear, 0 0, 0 100%, from(var(--enrg1)), to(var(--enrg)))!important;
				}

				.alert-success {
					color: var(--detail-text);
					background-color: var(--odd-boxes);
					border-color: var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
				}

				.shows.show .mine td {
					background-color: var(--progress-bar);
					border-bottom: 2px solid var(--progress-bar);
				}

				.shows.show .table tr td a {
					font-weight: normal;
				}

				.shows.enter .table tr td a,
				.shows.index .name a {
					font-weight: normal;
				}

				.component.frame .wrapper .subheader {
					background-color: var(--subhdr);
					color: var(--main-text);
					font-family: arima;
					font-weight: normal;
					padding: 5px 10px;
				}

				p a:active,
				p a:link,
				p a:visited {
					color: var(--detail-text);
					text-decoration: none;
					font-family: arima;
					font-weight: normal;
				}

				.cms-page p {
					color: var(--detail-text);
					text-decoration: none;
					font-family: arima;
					font-weight: normal;
				}

				b,
				strong {
					color: var(--detail-text);
					font-family: arima;
					font-weight: normal;
				}

				.clubs nav.navbar.navbar {
					background-color: var(--subhdr)!important;
				}

				.clubs nav.navbar.navbar .navbar-nav .nav-link {
					color: var(--main-text);
					font-family: arima;
					font-weight: normal;
				}

				.city .mobile-world-menu a {
					font-size: 13px;
					font-weight: 700;
					text-transform: capitalize;
					font-family: arima;
					color: var(--detail-text);
				}

				a:hover {
					color: var(--link-highlight);
					text-decoration: none;
				}

				.job-item {
					background-color: var(--odd-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
					text-align: center;
					padding: 10px 15px;
					width: 100%!important;
					height: 100%;
				}

				nav .pagination .page-item.active .page-link {
					color: var(--main-text);
					font-weight: 700;
					font-family: arima;
					background: var(--trim);
				}

				nav .pagination .page-item .page-link {
					background: var(--trim);
					padding: 5px 10px;
					margin: 0 3px;
					text-align: center;
					font-family: arima;
					font-weight: normal;
					border: 2px solid var(--trim);
					border-radius: 3px;
				}

				nav .pagination .page-item:not(.disabled) .page-link {
					color: var(--main-text);
					background-color: var(--trim);
				}

				nav .pagination .page-item:not(.disabled) .page-link:hover {
					background-color: var(--trim);
				}

				.edit-profile {
					background-color: var(--body-bckg)!important;
				}

				.market .col-form-label {
					color: var(--detail-text);
					font-family: arima;
					font-size: 14px;
					font-weight: 500;
				}

				.market-filters .currency-filters div.active,
				.market-filters .predicate-filters div.active,
				.market-filters .section-filters div.active,
				.market-filters .type-filters div.active {
					background-color: var(--odd-boxes);
					font-family: arima;
					color: var(--detail-text);
				}

				.market-filters .currency-filters div,
				.market-filters .predicate-filters div,
				.market-filters .section-filters div,
				.market-filters .type-filters div {
					cursor: pointer;
					padding: 0 10px;
					height: 30px;
					line-height: 30px;
					background-color: var(--odd-boxes);
					font-size: 14px;
					margin: 0 5px;
					font-weight: 600;
					border-radius: 0.25em;
					font-family: arima;
					text-transform: uppercase;
					color: var(--detail-text);
				}

				.market-office-table .market-office-table-row-autobuy {
					color: var(--detail-text);
					font-family: arima;
					padding-right: 0;
				}

				.market-office-table .market-office-table-header {
					padding: 5px 10px 0;
					margin-left: -15px;
					margin-right: -15px;
					background: var(--trim);
				}

				.market-office-table .market-office-table-header h4.title {
					font-family: arima;
					color: var(--main-text);
				}

				.sales .horse-name {
					font-family: arima;
					font-weight: 600;
					color: var(--detail-text);
				}

				.form-control {
					display: block;
					width: 100%;
					height: calc(1.5em + 0.75rem + 2px);
					padding: 0.375rem 0.75rem;
					font-size: 1rem;
					font-weight: 400;
					font-family: arima;
					line-height: 1.5;
					color: var(--detail-text);
					background-color: var(--even-boxes);
					background-clip: padding-box;
					border: 2px solid var(--trim);
					border-radius: 0.25rem;
					transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
				}

				.form-control:disabled,
				.form-control[readonly] {
					background-color: var(--odd-boxes);
					opacity: 1;
				}

				.dual-range input[type=range] {
					box-sizing: border-box;
					-moz-appearance: none;
					appearance: none;
					height: 8px;
					background-color: var(--odd-boxes);
					border-radius: 50px;
					margin: 0;
					border: 0;
					outline: none;
					background-size: 100% 2px;
					pointer-events: none;
				}

				.dual-range .range-color {
					background-color: var(--progress-bar);
					border-radius: 50px;
					width: 100%;
					display: block;
					height: 8px;
					position: absolute;
					z-index: 10;
				}

				.alert-info {
					font-family: arima;
					color: var(--main-text);
					background-color: var(--click-button);
					border-color: none;
				}

				.table td,
				.table th {
					padding: 0.75rem;
					vertical-align: top;
					border-top: var(--trim);
				}

				.table .thead-dark th {
					color: var(--main-text);
					font-family: arima;
				}

				.link-table {
					border: 2px solid var(--trim);
					border-radius: 20px 20px 20px 20px;
				}

				.link-table-row-outer:nth-child(2n),
				.market-office-table-row-outer:nth-child(2n) {
					background-color: var(--odd-boxes);
				}

				.header-section-icon.type-action {
					background-color: var(--click-button);
				}

				.header-section-icon.type-action:hover {
					background-color: var(--button-highlight);
				}

				.total-horses,
				.total-items,
				.total-vials {
					color: var(--detail-text);
					font-family: arima;
				}

				.header-section-icon.active {
					background: var(--click-button);
				}

				.header-section-icon {
					display: inline-block;
					width: 30px;
					height: 30px;
					background-color: var(--odd-boxes);
					line-height: 35px;
					text-align: center;
					border-radius: 0.25em;
				}

				.total-horses i,
				.total-items i,
				.total-vials i {
					color: var(--click-button);
				}

				.market-office-table .market-office-table-row-horse-info a {
					font-weight: 600;
					font-family: arima;
					color: var(--detail-text);
				}

				.market .horse-tagline {
					font-weight: 600;
					font-family: arima;
					color: var(--detail-text);
				}

				.market-office-table .market-office-table-row-autobuy,
				.market-office-table .market-office-table-row-highestbid,
				.market-office-table .market-office-table-row-offers,
				.market-office-table .market-office-table-row-timer .market-office-table .notavailable {
					font-weight: 600;
					font-family: arima;
					color: var(--detail-text);
				}

				.market-office-table .market-office-table-row-timer {
					color: var(--detail-text);
					font-family: arima;
				}

				.market-filters .filters-and-sort-by .filters,
				.market-filters .filters-and-sort-by .sort-by {
					cursor: pointer;
					height: 30px;
					text-align: center;
					vertical-align: middle;
					display: grid;
					place-items: center;
					background-color: var(--odd-boxes);
					font-size: 14px;
					font-weight: 600;
					border-radius: .25em;
					border: 0;
					color: var(--detail-text);
					font-family: arima;
				}

				.premium-search-options-title,
				.standard-search-options-title {
					margin-bottom: 20px;
					font-size: 16px;
					line-height: 18px;
					font-family: arima;
					font-weight: 700;
					color: var(--trim);
				}

				.reset-filters {
					color: var(--detail-text);
					font-weight: 700;
					font-family: arima;
					float: left;
				}

				.cta {
					background-color: var(--odd-boxes);
					border: 2px solid var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
					margin-bottom: 20px;
				}

				.show-profile .profile-name-and-estate .profile-username {
					font-size: 25px!important;
					opacity: 80%;
					font-family: arima;
					font-weight: normal!important;
					color: var(--trim);
					margin-bottom: 5px!important;
				}

				.show-profile .navbar {
					background-color: var(--side-nav)!important;
					border-top: none;
					border-top: 2px solid var(--top-nav-bckg);
					border-bottom: 2px solid var(--top-nav-bckg);
					padding-top: 0;
					padding-bottom: 0;
					min-height: 40px!important;
				}

				.show-profile .profile-account {
					width: 250px;
					padding: 10px;
					background-color: var(--odd-boxes);
					opacity: 60px;
					border: 2px solid var(--odd-boxes);
					border-radius: 20px 20px 20px 20px;
					margin-bottom: 20px;
				}

				.show-profile .navbar-avatar .navbar-avatar-container {
					border: 2px solid var(--trim);
					padding: 17px;
					opacity: 69%;
					border-radius: 20%;
				}

				.show-profile .bold {
					font-weight: 900;
				}

				.show-profile .profile-name-and-estate .profile-estate {
					font-size: 18px;
					font-family: Big Caslon;
					line-height: 21px;
					font-weight: 400;
					color: var(--trim);
					opacity: 70%;
				}

				.show-profile .profile-ranking-container .profile-rank {
					text-align: left;
					margin-bottom: 0;
					font-size: 12px;
					font-family: arima;
					line-height: 18px;
					font-weight: 400;
					color: var(--trim);
					opacity: 70%;
				}

				.show-profile .profile-ranking-container .profile-rank-position {
					font-size: 26px!important;
					font-family: arima;
					text-align: right;
					font-weight: 700!important;
					color: var(--trim);
					margin-bottom: 5px!important;
					opacity: 70%;
				}

				.show-profile .profile-account h2 {
					font-size: 14px;
					font-family: arima;
					font-weight: 600;
					color: var(--detail-text);
					margin: 0;
				}

				body {
					font-size: 14px!important;
					margin: 0;
					font-family: arima;
					font-size: 1rem;
					font-weight: normal;
					line-height: 1.5;
					color: var(--detail-text);
					text-align: left;
				}

				.show-profile .profile-account .tag-npc,
				.show-profile .profile-account .tag-player {
					font-size: 14px;
					font-family: arima;
					color: var(--main-text);
					display: block;
					text-align: left;
					font-weight: 400;
					padding-left: 0;
				}

				.show-profile .navbar .nav-link {
					padding: 8px 20px;
					line-height: 24px;
					font-weight: 900;
					font-family: arima;
					color: var(--main-text);
					font-size: 16px;
				}

				.show-profile .navbar .nav-link:hover {
					background-color: var(--button-highlight);
					cursor: pointer;
					color: var(--link-highlight);
					text-decoration: none;
				}

				.center {
					background-color: var(--body-bckg);
					margin: 0;
					padding-bottom: 25px;
					float: right;
					min-height: 650px;
				}

				.leftnav {
					padding: 10px;
					background: var(--side-nav);
					opacity: 69%;
					border: 2px solid var(--side-nav);
					border-radius: 0px 0px 20px 20px;
					width: 140px;
					font-family: Arima;
					font-weight: normal;
					color: var(--main-text);
					padding: 10px;
				}

				.leftnav > ul > li > ul > li a:active,
				.leftnav > ul > li > ul > li a:link,
				.leftnav > ul > li > ul > li a:visited {
					font-size: 14px;
					font-weight: 600;
					text-transform: capitalize;
					color: var(--main-text);
					padding: 0;
				}

				.subtitle {
					color: var(--main-text);
					font-size: 15px;
					margin-bottom: 5px;
				}

				.bluebar_container {
					width: 100%;
					background-color: var(--top-nav-bckg);
					height: 80px;
					position: relative;
					z-index: 1000;
				}

				a {
					font-family: Arima;
					font-weight: normal;
				}

				.gamestats {
					font-family: Arima;
					font-weight: normal;
				}

				.container {
					width: 1130px;
					background-color: var(--body-bckg);
					margin-left: auto;
					margin-right: auto;
					padding-top: 50px;
					font-family: Arima;
					font-weight: normal;
				}

				button.yellow,
				input[type=submit].yellow {
					background-color: var(--click-button);
					border-radius: 20px 20px 20px 20px;
					font-family: Arima;
					font-weight: normal;
				}

				button.dark,
				input[type=submit].dark {
					font-size: 12px;
					line-height: 18px;
					background-color: var(--click-button);
					color: var(--main-text);
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					border: none;
					padding: 3px 8px;
				}

				table thead tr.top {
					background-color: var(--trim);
					opacity: 95%
				}

				table thead tr.sub {
					background-color: var(--top-nav-bckg);
					font-weight: 600;
					color: #fff;
					font-size: 14px;
					font-family: Arima;
					line-height: 18px;
				}

				table tr.odd {
					background-color: var(--odd-boxes);
				}

				table tr.even {
					background-color: var(--even-boxes);
				}

				table {
					background-color: var(--trim);
					border-bottom: 3px solid var(--trim);
					border-right: 1px solid var(--trim);
					border-left: 1px solid var(--trim);
					width: 100%;
				}

				.energy_val_half {
					background-color: var(--progress-bar);
					border-radius: 20px 20px 20px 20px;
					border: var(--trim);
					position: absolute;
					z-index: 990;
					width: 274px;
					color: var(--trim);
					text-align: center;
					font-size: 11px;
					line-height: 20px;
					font-weight: 400;
					width: 118px;
				}

				.mail_row {
					float: left;
					width: 735px;
					padding: 5px 5px 5px 10px;
					background-color: var(--even-boxes);
					border-bottom: none;
				}

				.energy {
					float: left;
					display: block;
					background-color: var(--progress-bar);
					border-radius: 20px 20px 20px 20px;
					border: var(--trim);
				}

				.energybar_half {
					float: left;
					width: 274px;
					background-color: transparent;
					border: 2px solid transparent;
					height: 20px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					line-height: 20px;
					margin: 3px 0;
					width: 118px;
				}

				.block_tabclick {
					padding: 10px;
					border-radius: 20px 20px 20px 20px;
					color: var(--detail-text)
				}

				input,
				select {
					vertical-align: middle;
					background-color: var(--body-bckg);
					border-radius: 20px 20px 20px 20px;
				}

				table tr td a:active,
				table tr td a:link,
				table tr td a:visited {
					text-decoration: none;
					color: var(--detail-text);
					font-weight: 600;
				}

				.horse_left {
					width: 280px;
					border-radius: 20px 20px 20px 20px;
					background-color: var(--horse-bckg);
					opacity: 69%
				}

				.horse_left .right a:active,
				.horse_left .right a:link,
				.horse_left .right a:visited {
					color: var(--detail-text);
					text-decoration: none;
					font-weight: 700;
				}

				.top {
					background-color: var(--trim);
					color: var(--main-text);
					font-family: Arima;
					font-size: 16px;
					font-weight: 600;
					line-height: 21px;
					padding: 5px;
					width: calc(100% - 10px);
					float: left;
				}

				.quote {
					position: relative;
					background: var(--bckg);
					background-position: right bottom;
					background-repeat: no-repeat;
					background-size: contain;
					font-family: Arima;
					font-weight: 400;
					font-size: 13px;
					line-height: 22px;
					color: #000;
					padding: 10px 15px;
				}

				#tab_genetics2 .subtop,
				#tab_genetics3 .subtop {
					width: calc(100% - 10px);
					font-family: Arima;
					color: var(--main-text);
					background: var(--side-nav)
				}

				button.yellow:hover,
				input[type=submit].yellow:hover {
					background-color: var(--button-highlight);
					border-radius: 20px 20px 20px 20px;
				}

				#bbmenu.user ul.slidedown li a.arrow {
					float: left;
					padding: 9px 30px 11px 10px;
					width: auto;
					line-height: 30px;
					background-color: var(--top-nav-bckg);
					background-repeat: no-repeat;
					background-position: 98% 51%;
					color: var(--main-text)
				}

				#bbmenu.user ul.slidedown li ul.slidedownmenu li {
					margin: 0;
					background-color: var(--side-nav);
					color: var(--main-text)
				}

				#bbmenu.user ul.slidedown li ul.slidedownmenu {
					position: absolute;
					display: none;
					background-color: var(--side-nav);
					z-index: 9999;
					margin-top: 50px;
					width: 130px;
					border-radius: 0px 10px 10px 10px;
					padding: 10px 15px;
					color: var(--main-text)
				}

				#bbmenu.user ul.slidedown li a:hover {
					color: var(--detail-text);
				}

				.toplinks ul li a:hover {
					color: var(--detail-text);
				}

				ul li a:active,
				ul li a:link,
				ul li a:visited {
					text-decoration: none;
					color: var(--main-text);
				}

				.block_tabclick:hover,
				.block_tabclick.tabsel {
					background-color: var(--side-nav);
					border-radius: 20px 20px 20px 20px;
					cursor: pointer;
				}

				.tabclick,
				.tabclick2,
				.tabclick3 {
					float: left;
					margin-right: 1px;
					padding: 5px 10px;
					background-color: var(--side-nav);
					text-align: center;
					border-top-left-radius: 8px;
					border-top-right-radius: 8px;
				}

				.genetic_potential {
					float: left;
					width: 120px;
					padding: 10px;
					background-color: var(--side-nav);
					font-weight: 700;
					font-size: 14px
				}

				.genetic_tests .test_block .first {
					float: left;
					width: 20px;
					padding: 10px;
					background-color: var(--side-nav);
					text-align: center;
				}

				.genetic_result {
					float: right;
					width: 78px;
					padding: 10px;
					background-color: var(--side-nav);
					font-weight: 400;
					text-align: center;
				}

				.genetic_tests .test_block .second,
				.genetic_name,
				.genetic_table_row,
				.table_con,
				div.test_block,
				.row_300,
				.pedigree,
				.row_960 {
					background-color: var(--horse-bckg)
				}

				.table_con {
					opacity: 80%
				}

				.container_12 .grid_6.half_block {
					background-color: var(--body-bckg);
					border-bottom: none;
					border-left: none;
					border-right: none;
					width: 458px;
					margin: 10px;
				}

				.genetic_table_row,
				.grid_6.genetics {
					border-bottom: none;
					border-left: none;
					border-right: none;
					border-top: none;
				}

				.container_12 .grid_6 img {
					max-width: 460px;
				}

				.horse_blockimg {
					float: left;
					width: 60px;
					padding: 5px;
					height: 60px;
					margin: 5px;
					border: 20px 20px 20px 20px;
					background-color: var(--trim);
				}

				.training_left .horsetraining .traincon {
					display: flex;
					width: 118px;
					padding: 20px 10px 10px;
					margin-bottom: 10px;
					margin-left: 8px;
					margin-right: 8px;
					text-align: center;
					background-color: var(--trim);
				}

				.traincon.terrain-click *,
				.traincon.duration-click * {
					cursor: pointer;
					background-color: var(--body-bckg);
				}

				.container_12 .grid_8.training_left {
					margin-top: 10px;
					background-color: var(--trim);
					border-bottom: none;
					border-left: none;
					border-right: none;
					width: 618px;
				}
				.training_left h6 {
					font-size: 16px;
					font-weight: 500;
					text-align: center;
					margin: 20px 10px;
					padding: 5px;
					color: var(--detail-text);
					background-color: var(--body-bckg);
				}

				.traincon.selected {
					background-color: var(--body-bckg)!important;
				}
				.training_right > .block {
					float: left;
					width: 278px;
					background-color: var(--trim);
					padding: 10px;
				}

				.container_12 .grid_4.training_right {
					margin-top: 10px;
					background-color: var(--trim);
					border-left: none;
					border-bottom: none;
					border-right: none;
					border-bottom: none;
					border-left: none;
					border-right: none;
					border-top: none;
					width: 298px;
				}

				.grid_6 .subtop {
					background-color: var(--trim);
					color: var(--detail-text)
				}
				.odd {
					background-color: var(--odd-boxes);
				}

				.even {
					background-color: var(--even-boxes);
				}

				.quote {
					color: var(--detail-text)
				}

				.tabclick.tabsel,
				.tabclick2.tabsel,
				.tabclick3.tabsel {
					text-decoration: none;
					cursor: pointer;
					background-color: var(--side-nav);
					font-weight: 700;
				}
				.minimap.asia,
				.minimap.africa,
				.minimap.south-america,
				.minimap.australia,
				.minimap.europe,
				.minimap.north-america {
					background-image: var(--mini-map);
				}

				.exchange table td {
					border: none;
					background: var(--side-nav)
				}

				.exchange_actions_window table td {
					background: var(--side-nav)
				}

				.exchange table thead th {
					background-color: var(--trim)
				}

				.exchange_actions_window {
					display: inline-block;
					width: 47%;
					border: 1px var(--trim) solid;
					padding: 8px;
				}
				.exchange_books_window {
					vertical-align: top;
					display: inline-block;
					width: 47%;
					border: 1px var(--trim) solid;
					padding: 8px;
				}
				.exchange_orders_window {
					vertical-align: top;
					display: inline-block;
					width: 47%;
					border: 1px var(--trim) solid;
					padding: 8px;
				}
				.gamestats a:link,
				.gamestats a:visited,
				.gamestats a:active,
				.gamestats {
					color: var(--detail-text);
					text-decoration: none;
				}
				.subtop {
					background: var(--trim)
				}
				.col_500 a:active,
				.col_500 a:link,
				.col_500 a:visited {
					color: var(--main-text);
					text-decoration: none;
					font-weight: 600;
					font-size: 13px;
				}
				.col_300 a:active,
				.col_300 a:link,
				.col_300 a:visited {
					color: var(--main-text);
					text-decoration: none;
					font-weight: 600;
					font-size: 13px;
				}
				.breadcrumbs {
					background-color: var(--trim);
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
					margin: 15px 10px;
					padding: 8px 15px;
					float: left;
					width: calc(100% - 50px);
					font-family: roboto, sans-serif;
					font-weight: 400;
					font-size: 12px;
					line-height: 14px;
					color: var(--main-text);
				}
				.value {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-direction: column;
					flex-direction: column;
					-ms-flex-pack: center;
					justify-content: center;
					color: var(--odd-boxes);
					text-align: center;
					font-family: arima;
					white-space: nowrap;
					background-color: var(--progress-bar);
				}
				#bbmenu.user ul.slidedown li ul.slidedownmenu li .level p {
					color: var(--trim);
					font-size: 13px;
					text-align: left;
					line-height: 16px;
					font-family: roboto, 'sans-serif';
					text-transform: capitalize;
				}
				.grid_12 form fieldset label,
				.grid_12 fieldset label {
					float: left;
					width: 200px;
					margin-right: 10px;
					color: var(--main-text);
					font-size: 14px;
					font-weight: 500;
				}
				#store_left.tabnav .store_tabclick:hover,
				#store_left.tabnav .store_tabclick.tabsel {
					background-color: var(--click-button);
					cursor: pointer;
				}
				.store_flex,
				.storeblocks {
					background-color: var(--trim)
				}

				.npc_box {
					background-color: var(--body-bckg);
					border: 1px var(--trim) solid
				}

				.lab_selectall {
					float: left;
					width: calc(100% - 230px);
					background-color: var(--trim);
					color: (--detail-text);
					font-family: roboto, sans-serif;
					font-size: 14px;
					font-weight: 600;
					line-height: 18px;
					padding: 10px 0 10px 230px;
				}
				#store_left {
					float: left;
					width: 150px;
					padding: 10px;
					margin-top: 5px;
					margin-right: 10px;
					color: var(--main-text);
					text-transform: capitalize;
					line-height: 18px;
					font-size: 13px;
					font-weight: 500;
				}
				.store_title {
					font-size: 14px;
					text-align: center;
					font-weight: 700!important;
					color: var(--main-text);
					margin-bottom: 15px;
				}

				.col_200 a:active,
				.col_200 a:link,
				.col_200 a:visited {
					color: var(--detail-text);
					text-decoration: none;
					font-weight: 600;
					font-size: 13px;
				}

				#forum .row_960.no_padding {
					padding: 0;
					width: 938px;
					background-color: var(--odd-boxes);
				}

				.col_150 a:active,
				.col_150 a:link,
				.col_150 a:visited {
					color: var(--detail-text);
					text-decoration: none;
					font-weight: 600;
					font-size: 13px;
				}

				.col_750 a:active,
				.col_750 a:link,
				.col_750 a:visited {
					color: var(--link-highlight);
					text-decoration: none;
					font-weight: 600;
					font-size: 13px;
				}

				.breadcrumbs a:link,
				.breadcrumbs a:visited,
				.breadcrumbs a:active {
					color: var(--main-text);
					text-decoration: none;
				}

				.pagenumbers a:active,
				.pagenumbers a:link,
				.pagenumbers a:visited {
					color: var(--main-text);
					text-decoration: none;
				}

				.numbers {
					background: var(--click-button);
					padding: 5px 10px;
					margin: 0 3px;
					text-align: center;
				}

				.numselected {
					color: var(--detail-text);
					font-weight: 700;
					padding: 5px 10px;
					background: var(--button-highlight);
					margin: 0 3px;
				}

				.grid_12.deltapoints {
					background-color: var(--odd-boxes);
					border-left: 1px solid var(--trim);
					border-bottom: 5px solid var(--trim);
					border-right: 1px solid var(--trim);
					width: 938px;
					margin: 10px;
				}

				.buy_block .buy_top h3 {
					text-transform: uppercase;
					color: var(--main-text);
				}

				.buy_block .buy_top {
					width: calc(100% - 30px);
					padding: 8px 15px;
					background-color: var(--trim);
					margin-bottom: 10px;
				}

				.adopt_blocks {
					display: flex;
					width: 220px;
					margin: 10px;
					padding-bottom: 20px;
					background-color: var(--trim);
					min-height: 300px;
				}

				#mail_right p a:active,
				#mail_right p a:visited,
				#mail_right p a:link {
					color: var(--link-highlight);
					text-decoration: none;
				}

				.mail_subheader {
					float: left;
					width: 720px;
					padding: 5px 5px 5px 10px;
					background-color: var(--trim);
				}

				.mail_header {
					float: left;
					width: 720px;
					padding: 5px 5px 5px 10px;
					background-color: var(--trim);
					color: var(--main-text);
				}

				.mail_text {
					float: left;
					width: 718px;
					height: 350px;
					border-bottom: 1px solid var(--trim);
					border-right: 1px solid var(--trim);
					border-left: 1px solid var(--trim);
					padding: 5px 5px 10px 10px;
					margin-bottom: 10px;
				}

				.horse_banner.south-america,
				.horse_banner.africa,
				.horse_banner.australia,
				.horse_banner.north-america,
				.horse_banner.asia,
				.horse_banner.europe {
					background-image: url(https://cdn.discordapp.com/attachments/932748751955697665/1004109700540940338/Untitled_design_72.png)
				}

				.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-header,
				.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item {
					font-size: 13px;
					padding: 0.5rem 1rem;
					color: var(--main-text);
				}
			}

Reviews

No reviews yet.