body {
			color: #112e4d; 
			letter-spacing: .02em; 
			line-height: 1.5;
			padding: 0 0.2rem;
			box-sizing: border-box;
		}
		h1,h2,h3 {font-family: Merriweather,sans-serif; font-weight:bold; color: #112e4d;}
		h1 {font-size: 1.5rem;margin-top:0;}
		h2 {font-size: 1rem; margin-top:2rem; margin-bottom:0;}
		h3 {font-size: 0.875rem; margin-top:1.75rem;}
		p, body, input {font-family: Lato,sans-serif; font-size: 0.875rem;}
		th, td {font-family: Lato,sans-serif; font-size: 0.75rem; padding: .5rem .5rem;}
		th {background-color: #d9e9f5; font-weight: 700;border-bottom: .3125rem solid #fff;}
		th.shaded {background-color: #8fa7c1;}
		tr.odd, tr.even {background-color: #f0f9ff;}
		p {margin-bottom: 1em;margin-top: 1em;}
		p:last-child {margin-bottom: 0;}
		a:link.th, a:visited.th {
			color: #E3C69D;
			text-decoration: none;
		}
		.client-account {font-weight: normal; margin-left:3px;}

button, input {
overflow: visible;
}

button, input, optgroup, select, textarea {
font-family: Lato,sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
box-sizing: border-box;
}

button {
background-color: transparent;
border: none;
color: inherit;
cursor: pointer;
font-family: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-transform: inherit;
}

input, select, textarea {
background-color: #fff;
border: .0625rem solid #ccc9c7;
border-radius: .25rem;
color: #163659;
display: block;
margin-top: .5rem;
padding: .5rem;
}
textarea {width: 100%;}

input:first-child {margin-top:0;}

.input-group {
    margin: 1rem -.5rem;
    display: flex;
    flex-wrap: wrap;
    text-align: initial;
}
.input-group:first-child {margin-top: 0;}
.input-group:last-child {margin-bottom: 0;}
.input-group.auto-width .input-wrap {width: auto; flex: unset;}

.input-wrap {
    width: 100%;
    margin-bottom: 1rem;
}
.input-wrap:last-child {margin-bottom: 0;}
.input-wrap.full-width {max-width: initial;}

@media all and (min-width: 36.25em) {
	.input-wrap{flex: 1;margin-bottom: 0;}
}  
@media all and (min-width: 48em) {
	.input-wrap.half-width-sm {width: 50%;flex: unset;}
}
.input-wrap > label {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
}
.input-wrap > label > * {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.input-wrap .date-selects, .input-wrap .select, .input-wrap .input, .input-wrap input, .input-wrap select, .input-wrap textarea {
        width: 100%;
}

.label-text {
    width: 100%;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.background-table-blue {
background-color: #d9e9f5;
}

.checkbox-wrap {
align-items: center;
display: inline-flex;
font-weight: 400;
}

.checkbox-wrap input[type=checkbox], .checkbox-wrap input[type=radio] {
clip: rect(1px,1px,1px,1px);
word-wrap: normal!important;
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
}

.checkbox-wrap input[type=checkbox]:checked+.checkbox, .checkbox-wrap input[type=radio]:checked+.checkbox {
background-color: #163659;
border-color: #163659;
}

.checkbox-wrap .checkbox {
align-items: center;
align-self: flex-start;
background-color: #fff;
border: .0625rem solid #ccc9c7;
border-radius: .125rem;
display: flex;
height: 1.25rem;
justify-content: center;
margin-right: .625rem;
min-width: 1.25rem;
position: relative;
transition: background-color .25s,border-color .25s;
width: 1.25rem;
}

.checkbox-wrap input[type=checkbox]:checked+.checkbox svg, .checkbox-wrap input[type=radio]:checked+.checkbox svg {
stroke-dashoffset: 0;
}

.checkbox-wrap .checkbox svg {
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 17;
stroke-dashoffset: 17;
transition: stroke-dashoffset .25s;
width: .75rem;
}

		input[type=submit] {
			color: #fff;
			border: .0625rem solid;
			border-color: #ae966c;
			background-color: #ae966c;
			border-radius: 2em;
			display: inline-block;
			font-weight: 700;
			font-size: 0.875rem;
			letter-spacing: .1em;
			line-height: 1;
			padding: .875rem 1.75rem;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			transition: background-color .25s,border-color .25s,color .25s;
			min-width: 10em;
			margin-top: 2rem;
		}
		input[type=submit]:hover{color: #ae966c;background-color: #fff;}
		select {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background: #fff url("https://www.tattersalls.com/img/select.svg") right 0.75rem top 0.875rem no-repeat;
			display: inline-block;
			padding-right: 2rem;
			-webkit-transition: border 400ms;
			-o-transition: border 400ms;
			transition: border 400ms;
			max-width:100%;
		}
		select:focus, select:hover {border-color: #ae966c;}


.tooltipFloat {
float:right;
max-height: 16px;
margin-top: -6px;
}

.tooltip {
display: block;
position: relative;
}

.tooltip-inline {display: inline-block;}

.tooltip-inline .icon__image {height: 1rem; width:auto;}

a {
color: #ae966c;
}
a {
background-color: transparent;
}

.icon:last-child {
margin-bottom: 0;
}
.icon:first-child {
margin-top: 0;
}
.icon {
align-items: center;
display: flex;
margin-bottom: 1rem;
margin-top: -4px;
transition: fill .25s;
position:relative;
top:4px;
}
.fill-white {
fill: #fff;
}
.fill-gold {
fill: #ae966c;
}

.fill-green {
fill: #36d06a;
}

.fill-red {
fill: #cd2c4e;
}

.icon__image:last-child {
margin-right: 0;
}
.icon__image {
align-items: center;
display: flex;
flex-shrink: 0;
height: 1.375rem;
justify-content: center;
margin-right: .75rem;
width: 1.875rem;
}

.icon__image svg {
max-height: 100%;
max-width: 100%;
}

.hover-fill-blue:hover {
fill: #163659;
}

.tooltip:focus .tooltip__text, .tooltip:hover .tooltip__text {
opacity: 1;
}
.tooltip__text.right {
right: 50%;
transform: translateX(1.125rem);
}
.tooltip__text {
background-color: #112e4d;
bottom: calc(100% + .375rem);
color: #fff;
font-size: .75rem;
opacity: 0;
padding: .75rem;
pointer-events: none;
position: absolute;
transition: opacity .25s;
width: max-content;
}

.tooltip__text.right:after {
right: .75rem;
}
.tooltip__text:after {
border-left: .375rem solid transparent;
border-right: .375rem solid transparent;
border-top: .375rem solid #112e4d;
content: "";
height: 0;
position: absolute;
top: 100%;
width: 0;
}

details {
display: block;
}

summary {
display: list-item;
}

.key {
background-color: rgba(255,247,174,.2);
box-shadow: 0 0 0 .0625rem #eeebe8;
overflow: hidden;
transition: height .5s;
}

.key summary {
cursor: pointer;
font-weight: 700;
padding: 0.5rem 1.125rem;
position: relative;
outline:none;
}

.key.active summary {
cursor: pointer;
font-weight: 700;
padding: 0.5rem 1.125rem;
position: relative;
outline:none;
}

.key summary:before {
content: "Show";
opacity: 1;
transform: translateY(-50%);
}

.key summary:after {
content: "Hide";
opacity: 0;
transform: translateY(calc(-50% + 1em));
}

.key summary:after, .key summary:before {
color: #ae966c;
font-size: .75rem;
letter-spacing: .1em;
pointer-events: none;
position: absolute;
right: 1.125rem;
text-transform: uppercase;
top: 50%;
transition: transform .25s,opacity .25s;
}

.key.active summary:before {
opacity: 0;
transform: translateY(calc(-50% - 1em));
}

.key.active summary:after {
opacity: 1;
transform: translateY(-50%);
}

.key summary::marker {
content: none;
}

key.active summary::marker {
content: none;
}

.key__content {
opacity: 0;
padding: .0625rem 1.125rem 1.125rem;
transition: opacity .5s;
}

.key.active .key__content {
opacity: 1;
transition: opacity .5s;
}

.key__content>:first-child {
margin-top: 0;
}

details+h2 {margin-top:1rem;}

.context-menu {
display: inline-block;
position: relative;
vertical-align: middle;
}

.context-menu__menu.active, .context-menu__menu:hover {
opacity: 1;
pointer-events: auto;
}

.context-menu__menu {
background-color: #fff;
border: .0625rem solid #ccc9c7;
bottom: 0;
color: #112e4d;
font-size: .75rem;
left: 0;
list-style: none;
margin: 0;
opacity: 0;
padding: .5625rem 0;
pointer-events: none;
position: fixed;
right: 0;
transition: opacity .25s;
z-index: 2;
}

.context-menu__menu li {
padding: 0;
position: relative;
}

.context-menu__menu li>a, .context-menu__menu li>button {
color: #163659;
padding: .5625rem 1.625rem;
text-decoration: none;
}

.context-menu__close-bg {
background-color: rgba(0,0,0,.3);
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: -100%;
transition: opacity .25s;
width: 100%;
z-index: 1;
}
.context-menu__close-bg.active {
opacity: 1;
pointer-events: auto;
top: 0;
}

@media (min-width: 1em){
.context-menu__menu.right {
right: 50%;
transform: translateX(1.125rem);
}
.context-menu__menu {
bottom: auto;
left: auto;
padding-bottom: 0;
padding-top: 0;
position: absolute;
right: auto;
top: 100%;
width: max-content;
}
.context-menu__menu li>a, .context-menu__menu li>button {
padding: .5rem;
}
.context-menu__close-bg {
display: none;
}
}

.screen-reader-text {
clip: rect(1px,1px,1px,1px);
word-wrap: normal!important;
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
}

.input > textarea {margin-top:0;}


		.hb {color: rgba(22,54,89,.5);}
		.keepTogether {display: inline-block;}
		.listTable {margin-top:1rem;}
		.floatright {float:right;}
		.std-size {font-size:0.75rem;}
		.smallish {font-size:0.675rem;}
		.sn {font-size:0.5rem;}


	@media all and (min-width: 44em){
		h1 {font-size: 2rem;}
		h2 {font-size: 1.125rem;}
		th,td {font-size: 0.875rem; padding: .5625rem .5625rem;}
		.std-size {font-size:0.875rem;}
		.smallish {font-size:0.75rem;}
		.sn {font-size:0.7rem;}
		.input-wrap {max-width:30rem;}
	}