body{
		font-size: 12pt !important;
		background-image: url('/img/backsplash.jpg');
		background-color: rgba(255, 255, 255, 70%);
		background-attachment: fixed;
		background-size: cover;
	}

	#page_actions a,
	#journal_entry_footer_form input[type="submit"],
	button {
		font-family: "Bitter","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace";
		font-weight: bold;
		background: none;
	}

	#header{
		z-index: 10;
		padding: 0px 0px 0px 0px;
		/*background-color: white;
		background-color: rgba(255, 255, 255, 70%);
		background-color: rgba(19, 58, 82, 40%);
		background: url(/img/backsplash.jpg);
		background-color: rgb(252, 207, 147, 0.4);*/
		background: url(/img/backsplash.jpg);
		background: url(/img/backsplash.jpg) rgba(252, 207, 147, 0.2);
		background-size: cover;
		background-blend-mode: color-burn;
		color: #065736;
		overflow: visible;
		display: block;
		position: fixed;
		top: 0px;
		height: 60px;
		border-bottom: 2px solid #f3eee6;
	}
	
	#header h1{ 
		margin-left: 40px;
		line-height: 32px;
	}
	
	#header img.logo{
		margin-left: 30px;
		float: left;
		right: 0px;
		height: 120px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}

	#header.shrink img.logo{
		height: 70px;
	}


	#footer{
		position: fixed;
		bottom: 0px;
		min-height: 54px;
		z-index: 10;
		right: 0px;
		padding: 10px 10px 5px 5px;
		background: url(/img/backsplash.jpg);
		background: url(/img/backsplash.jpg) rgba(252, 207, 147, 0.2);
		background-size: cover;
		background-blend-mode: color-burn;
	}

	body {
		background-position-x: 200px;
	}

	#footer, #main, #ancestry, #header, #header::before {
		left: 200px;
		padding-left:24px;
	}

	#sidebar{
		position: fixed;
		height: 100%;
		width: 200px;
		display: block;
		clear: both;
		overflow-y: scroll;
		z-index: 20;
	}

	#menu div a, #menu h5{	
		width: 100%; 
		padding-right: 12px;
	}
	
	#menu div a{
		line-height: 12pt;
	}
	
	#main, #ancestry{
		position: absolute;
		position: fixed;
		margin: auto;
		top: 60px;
		padding-top: 60px;
		z-index: 5;
		clear: both;
		right: 0px;
		padding-bottom: 150px;
		bottom: 60px;
		overflow-y: auto;
		overflow-x: auto;
	}
	
	#home{
		position: relative;
		margin:auto; 
		width: auto; /*100%;*/
		height: 300px;
		z-index: 5;
		margin-left: 200px;
		margin-right: 0px;
	}

	#header .mobile button {
		display: none;
	}

	#sidebar .mobile, #sidebar .button-bar {
		display: none;
	}

	.main-menu-toggle {
		float: right;
	}

	.main-menu-toggle:before {
		content: '\f0c9';
	}

	#sidebar.main-menu-open .main-menu-toggle:before {
		content: '\f00d';
	}

	.search-menu-toggle {
		color: white;
		float: left;
	}

	.search-menu-toggle:before {
		content: '\f002';
	}

	#sidebar.search-menu-open .search-menu-toggle:before {
		content: '\f00d';
	}

	button.main-menu-toggle, button.search-menu-toggle {
		color: white;
		border: none;
		font-family: "Font Awesome 5 Free";
		font-size: 32px;
		margin: 4px 24px;
		padding: 0px;
		width: 32px;
		height: 40px;
	}

	#sidebar div.button-bar a {
		display: inline-block;
		width: auto;
	}
	#sidebar div.button-bar button {
		color: white;
		border: solid 2px white;
		display: inline-block;
		padding: 0.5em 1.5em;
		margin: 0.5em 1em;
		width: auto;
	}

	#content{
		left: 500px;
		padding-bottom: 150px;
	}

	#legend {
		display: block;
		float: right;
	}

	#searchable{ display: inline-block; }
	#autocomplete{ display: inline-block; }
	
	.print{display: none !important;}

	
	/********************lists*************************/
	.twrap{
		width: 5.83in;
		display: inline-block;
		vertical-align: top;
	}
	.tprint h3{font-size: 12pt;} 
	
	/*******************stats*****************************/

	.evn{background: #dae6ff;}
	.odd{background: #e8efff}
	#stats{
		padding:3px;
		width:900px !important;
	}

	
	/*********************horse*********************/
	
	
	#main table table{
		width: 100px;
		min-width: 100px;
	}
	
	#main table{
		min-width: 250px;
	}
	
	.fifty{
		float: left;
		width: 48%;
		padding: 1%;
		margin: 0px 5px 0px 15px;
	}
	
	
/********owner***************/
	 
	 .oname{min-width: 270px;}



#asix.pedigree {
	margin-top: 2in;
}

.htop.pedigree td { padding: 0.2em 0.4em; }
#asix.pedigree input { visibility: hidden !important; }


#journal_entry_footer_form {
	width: 360px;
	margin: 0px;
}

#jeff_owner_number, #jeff_horse_number { width: 100px; }

#jeff_amount, #jeff_quantity { width: 160px; }

#jeff_owner_name, #jeff_horse_name { width: 220px; }

#jeff_account_type { width: 332px !important; }

#jeff_owner_number, #jeff_horse_number,
#jeff_amount, #jeff_quantity,
#jeff_owner_name, #jeff_horse_name,
#jeff_account_type {
	margin: 4px 4px;
	border: 2px solid #c2a981;
	border-width: 2px !important;
	font-weight: normal;
	color: white;
}

#journal_entry_footer_form * {
	background: transparent;
}

#journal_entry_footer_form *:active {
	box-shadow: none;
}

#journal_entry_footer_form input[type="submit"] {
	padding: 4px 8px;
	font-weight: 700;
	border-width: 2px !important;
}

#journal_entry_footer_form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: white;
	opacity: 1; /* Firefox */
}

#journal_entry_footer_form :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: white;
}

#journal_entry_footer_form ::-ms-input-placeholder { /* Microsoft Edge */
	color: white;
  }

#journal_entry_footer_form > div {
	display: inline-block;
	margin-left: 10px;
	width: 350px;
	border: none;
}

#journal_entry_footer_form > div > div {
	display: block;
	margin: 0px;
	border: none;
}

#journal_entry_footer_form input[type="submit"],
#journal_entry_footer_form #jeff_add {
	float: none;
	margin: 4px 8px;
	border: 2px white solid;
	color:white;
	background: transparent;
	margin: 4px;
	position: absolute;
	right: 8px;
}

#journal_entry_footer {
	position: fixed;
	right: 10px;
	bottom: 69px;
	width: 360px;
	height: 250px;
	background-color: #133a52;
	margin: 0px;
	transition-duration: 500ms;
}

#journal_entry_footer_form {
	width: 100%;
	height: 100%;
	border: 2px solid #c2a981;
	outline: 10px #133a52 solid;
	margin: 0px;
	overflow: hidden;
}
#journal_entry_footer { background-color: #133a52; }
#journal_entry_footer:not(.show) {
	opacity: 0;
	height: 0px;
	transition-duration: 500ms;
}
#journal_entry_footer:not(.show) #journal_entry_footer_form {
	height: 0px;
	transition-duration: 500ms;
}

#footer input[type="submit"], #footer a.btn, #page_actions a, #page_actions strong, #page_actions button, #footer button,
#journal_entry_footer_form input[type="submit"], #journal_entry_footer_form h6 {
	letter-spacing: 0.1em;
	padding: 5px 15px;
	text-transform: uppercase;
	margin: 0px 5px;
	background: none;
	display: inline-block;
}

#page_actions button, #footer button {
	padding: 2px 15px;
}

#footer input[type="submit"], #footer a.btn, #page_actions a, #page_actions strong, #page_actions button, #footer button {
	color: #133a52;
	border: 2px #133a52 solid;
	margin: 3px 6px;
}

#page_actions strong, #page_actions button:disabled, .mobile #page_actions button:disabled {
	color: #5b91a1;
}
#page_actions strong, #page_actions button:disabled  {
	color: #5b91a1 !important;
	border: 2px #5b91a1 solid;
}

#footer .btn-group.dropup {
	float: right;
}

#footer #jeff_toggle {
	padding: 5px 15px;
	border: 2px darkgreen solid;
	color: darkgreen;
	background: none;
}

#footer #jeff_toggle.active {
	background-color: darkgreen;
	color: white;
}

#footer #jeff_toggle::before {
	content: '\271A'; /* '✚' */
	margin-right: 4px;
}


#journal_entry_footer_form h6 {
	text-align: center;
	margin: 0.5em;
}

#page_actions { float: left; }

a.btn:hover, a.submit:hover, #page_actions a:hover {
	text-decoration: none;
}

.darkroom-icon {
	height: 48px;
	width: 48px;
}
.darkroom-button {
	height: 60px;
	width: 60px;
    background-color: transparent;
	background-image: none;
	margin: 4px;
}

.darkroom-button-group { display: block; }
.darkroom-button-group { display: inline-block; }

.darkroom-button .darkroom-icon {
	fill: #133a52;
}

.darkroom-button.darkroom-button-success .darkroom-icon {
    fill: darkgreen;
}
.darkroom-button.darkroom-button-active {
	background-color: #133a52;
}
.darkroom-button.darkroom-button-active .darkroom-icon {
	fill: lightblue;
}
.darkroom-button.darkroom-button-danger .darkroom-icon {
    fill: red;
}

ul.slick-dots li {
	display: inline-block;
	margin: 4px;
}

ul.slick-dots li:not(.slick-active) button {
	border-color: grey;
	color: grey;
}

.title-float {
	display: block;
	float: right;
	font-size: 10pt;
	font-weight: normal;
}

#go-back {
	position: absolute;
	font-size: 20px;
	left: 16px;
	top: 78px;
	color: #065736;
	z-index: 20;
	border: none;
	display: none;
}

.accordion > div.column > h5 .go:before,
.accordion > h5 .go:before {
	content: '\f0a9'; /* '' fas fa-arrow-circle-right */
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	font-size: 16pt;
	float: right;
	padding: 4px 8px 4px 1em;
	margin: -4px -8px -4px -3em;
}

#go_mobile_search_all {
	font-size: 0;
	border: none;
	background: none;
	/*-webkit-appearance: none;
	-moz-appearance: none;*/
}

#go_mobile_search_all {
	display: block;
	/*content: '\f0a9'; /* '' fas fa-arrow-circle-right */
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	font-size: 22pt;
	float: right;
	padding: 8px 16px 8px 0.25em;
	margin: 0 -40px 8px -2.25em;
	color: white;
}

#mobile_search_all_form {
	width: 100%;
	padding-right: 32px;
}

/*#main .accordion > h5, #ancestry .accordion > h5 {
	display: none;
}*/


	#pending_signups td {
		padding: 5px;
	}

	#pending_signups {
		margin: 30px auto;
	}


	#inner_header .mobile button {
		display: none;
	}

	#home div.button-bar {
		display: none;
	}

	#main .htop .mobile {
		display: none;
	}

	#main .accordion > div, #ancestry .accordion > div {
		padding-left: 16px;
		padding-right: 16px;
		display: inline-block;
	}

	#main .accordion > div.column, #ancestry .accordion > div.column {
		padding: 0;
		display: inline-block;
	}

	#main .accordion > div.column > div, #ancestry .accordion > div.column > div {
		padding-left: 16px;
		padding-right: 16px;
		display: block;
	}

	#form .accordion > div.column > h5,
	#form .accordion > h5 {
		display: none;
	}

	#form .accordion > div.column {
		width: 100%;
		display: block;
	}
	@media (min-width: 1200px) {
		#form .accordion > div.column {
			width: 50%;
			display: inline-block;
			vertical-align: top;
		}
	}

	@media (max-width: 367px) {
		#form .accordion .brief .inline.city {
			min-width: unset;
		}
	}

	.graph-switcher img {
		display: none;
	}

	@media (max-width: 1065px),
			(min-resolution: 145dpi) and (max-width: 1600px),
			(min-resolution: 290dpi) and (max-width: 3200px)
	{
		.notmobile,
		#header .notmobile,
		#inner_header .notmobile,
		#footer .notmobile,
		#sidebar .notmobile,
		#sidebar #menu .notmobile,
		#form .accordion > h5.notmobile
		{
			display: none;
		}
		#footer, #main, #ancestry, #header, #header::before, #inner_header, #inner_header::before {
			left: 0px;
		}
		#home {
			margin-left: auto;
		}
		body.auth {
			background-position-y: 2em;
			background-position-x: 0;
		}

		#home div.button-bar {
			display: block;
		}

		#footer, #main, #ancestry, #header, #inner_header, #sidebar {
			width: 100%;
		}

		#sidebar {
			padding: 0;
		}

		body #sidebar:not( .search-menu-open ):not( .main-menu-open ),
		body #sidebar:not(.search-menu-open) #menu > .search-menu-item,
		body #sidebar:not(.search-menu-open) #menu > div > .search-menu-item,
		body #sidebar:not(.main-menu-open) #menu > .main-menu-item,
		body #sidebar:not(.main-menu-open) #menu > div > .main-menu-item
		{
			display: none;
		}

		body #sidebar.search-menu-open,
		body #sidebar.main-menu-open,
		body #sidebar.search-menu-open #menu > .search-menu-item,
		body #sidebar.search-menu-open #menu > div > .search-menu-item,
		body #sidebar.main-menu-open #menu > .main-menu-item,
		body #sidebar.main-menu-open #menu > div > .main-menu-item,
		body #sidebar .button-bar
		{
			display: block;
			border-bottom: none;
		}

		#sidebar #menu .ui-state-active {
			outline: none;
		}

		#sidebar #menu .ui-state-active a {
			border-bottom: solid 1px white;
			outline: none;
		}

		#sidebar #menu .ui-state-disabled:after,
		#sidebar #menu .ui-accordion-header:after,
		#form .accordion .ui-state-disabled:after,
		#form .accordion .ui-accordion-header:after {
			font-family: "Font Awesome 5 Free";
			margin-left: 6px;
			width: 2em;
			margin-right: -1em;
		}

		#sidebar #menu .ui-accordion-header.ui-state-disabled:after,
		#form .accordion .ui-accordion-header.ui-state-disabled:after {
			content: '' /*''*/;
			display: none;
		}

		#sidebar #menu .ui-accordion-header:after,
		#form .accordion .ui-accordion-header:after {
			content: '';
		}

		#sidebar #menu .ui-accordion-header.ui-state-active:after,
		#form .accordion .ui-accordion-header.ui-state-active:after {
			content: '';
		}

		#menu div a:not(:first-child), #menu h5:not(:first-child) {
			border-top: none;
		}

		#header, #inner_header {
			text-align: center;
		}

		img.logo, #header img.logo, #inner_header img.logo {
			float: none;
			display: inline-block;
		}

		img.logo, #header img.logo, #header.shrink img.logo {
			height: 90px;
			margin-left: 0;
		}

		img.logo, #header img.logo {
			margin: 0 auto;
		}

		#header {
			padding-left: 0;
			height: 120px;
		}

		#header .mobile, #welcome-header .mobile, #signup-header .mobile, #inner_header .mobile {
			z-index: 10;
			background: #133a52;
			height: 64px;
			border-bottom: 4px solid #f3eee6;
			color: white;
			text-align: center;
		}

		#inner_header .mobile {
			margin-bottom: 12px;
		}

		#inner_header .mobile button {
			display: block;
			padding: 0;
		}

		body #welcome-header .mobile {
			margin-bottom: 16px;
		}

		#signup form, #forgot form, #user form {
			padding-top: 2em;
			margin-top: -12px;
		}

		#sidebar .mobile {
			display: block;
		}

		#sidebar > .mobile {
			height: 64px;
			margin-bottom: 16px;
			text-align: center;
			border-bottom: 4px solid #f3eee6;
		}

		#header h3 {
			text-align: center;
			position: relative;
			right: 0;
			width: 100%;
		}

		#main, #ancestry {
			top: 120px;
			bottom: 54px;
			padding-top: 8px;
			padding-left: 0px;
			padding-bottom: 0px;
		}
		#main .accordion > div.column > div, #ancestry .accordion > div.column > div,
		#main .accordion > div, #ancestry .accordion > div {
			display: block;
			padding-left: 16px;
			padding-right: 16px;
			padding-top: 20px;
		}
		#main .accordion > div.column > div.hide-me,
		#ancestry .accordion > div.column > div.hide-me,
		#main .accordion > div.hide-me,
		#ancestry .accordion > div.hide-me {
			display: none;
		}
		#main .accordion > div.column, #ancestry .accordion > div.column {
			display: block;
			width: 100%;
			padding: 0;
		}
		#main .accordion > div.column > h5, #ancestry .accordion > div.column > h5,
		#main .accordion > h5, #ancestry .accordion > h5 {
			background-color: rgb(252, 207, 147);
			background-color: rgba(252, 207, 147, 0.2);
			color: #133a52;
			font-weight: bold;
			font-size: 15pt;
			padding: 4px 8px;
			text-align: center;
			border-top: 3px solid #c2a981;
			display: block;
			margin: 0;
		}
		#form .accordion > div > h6:not(.always),
		#form .accordion > div.colum > div > h6:not(.always),
		#main .accordion > div.column > h5.notmobile,
		#ancestry .accordion > div.column > h5.notmobile,
		#main .accordion > h5.notmobile,
		#ancestry .accordion > h5.notmobile {
			display: none;
		}

		body #header .main-menu-toggle,
		body #header .search-menu-toggle,
		body #welcome-header .main-menu-toggle,
		body #welcome-header .search-menu-toggle,
		body #sidebar .main-menu-toggle,
		body #sidebar .search-menu-toggle {
			display: inline-block;
			padding: 0;
		}

		#menu h5, #menu div a {
			border-top: none;
			padding: 0px;
			text-align: center;
		}

		#menu h5 {
			font-size: 1.2em;
			line-height: 2em;
			font-weight: bold;
			/*text-transform: uppercase; // may make horse names wrap */
		}

		#menu h5 a {
			font-size: 1em;
			padding: 0px;
		}

		/* The accordian does not always produce this class combo!
		#menu h5.ui-accordion-header-active:not(.ui-state-disabled) a,
		#menu h5.ui-accordion-header-active:not(.ui-state-disabled) span {
			border-bottom: solid 1px white;
		}*/

		#menu div {
			border: none;
			background: none;
			margin-bottom: 0.5em;
		}

		#menu div a {
			color: white;
			line-height: 1.5em;
			padding: 0px;
		}

		.ui-accordion-content, .ui-accordion-header {
			margin: 0;
		}

		#sidebar .button-bar {
			text-align: center;
			margin: 1em 0 2em 0;
		}

		#footer input[type="submit"],
		#footer a.btn,
		#page_actions a,
		#page_actions strong,
		#page_actions button,
		#footer button,
		#page_actions button:disabled
		{
			color: #133a52;
			border: none;
			margin: 0;
			padding: 4px 1em;
		}

		#login_form {
			margin-top: -12px;
			padding-top: 2em;
			outline: none;
			border: none;
			background: none;
			max-width: 500px;
			width: 100%;
		}

		#login_form a {
			padding: 0.5em 0;
		}

		#footer #jeff_toggle {
			border: none;
			margin-bottom: 2px;
		}

		#footer #jeff_toggle::before {
			margin-right: 0;
		}

		form p {
			margin-left: 1em;
			margin-right: 1em;
		}

		.edit-news-items {
			background: none;
		}

		.edit-news-items input, .edit-news-items textarea, .edit-news-items input[type="submit"] {
			background: url(/img/backsplash.jpg);
			background-size: cover;
		}

		#login_form {
			text-align: right;
		}

		#login_form input,
		#login_form select,
		#login_form input[type="submit"],
		#login_form a
		{
			display: block;
			background: white;
		}

		.auth #login_form input[type="submit"] {
			margin-bottom: 3em;
		}

		#login_form a {
			color: #133a52;
			border: 2px #133a52 solid;
			text-align: center;
			margin: 16px 0px 16px auto;
			letter-spacing: 0.1rem;
			text-decoration: none !important;
		}

		#home .button-bar {
			margin: 32px auto 32px auto;
		}

		#home .button-bar a.btn {
			padding: 0.6em 1.6em;
			margin: 0.5em 1em;
			color: #133a52;
			border: solid 2px #133a52;
			text-transform: uppercase;
			letter-spacing: 0.2em;
			text-decoration: none !important;
		}

		#journal_entry_footer {
			bottom: 64px;
		}

		#main .htop div.mobile {
			display: block;
		}

		#main h5.mobile {
			display: block;
		}

		#form .accordion > div.column {
			width: 100%;
			display: block;
		}
		#form .accordion .ui-accordion-content {
			margin-bottom: 16px;
		}

		.accordion > div.column > h5 .go,
		.accordion > h5 .go {
			float: right;
			font-size: 0;
		}

		#go-back { display: block; }

		.graph-switcher {
			text-align: center;
		}
	}

	@media (max-width: 660px)
	{
		.graph-switcher img.mobile.small {
			display: inline;
		}
	}

	@media (min-width: 661px) and (max-width: 1099px)
	{
		.graph-switcher img.mobile.normal {
			display: inline;
		}
	}

	@media (min-width: 1100px) and (max-width: 1199px)
	{
		.graph-switcher img.not-mobile.small {
			display: inline;
		}
	}

	@media (min-width: 1200px) and (max-width: 1849px)
	{
		.graph-switcher img.not-mobile.normal {
			display: inline;
		}
	}

	@media (min-width: 1850px)
	{
		.graph-switcher img.not-mobile.large {
			display: inline;
		}
	}